From c28e06f5d1e5f6674114233150bd2f417cdd8e15 Mon Sep 17 00:00:00 2001
From: urospodkriznik <uros.podkriznik@gmail.com>
Date: Fri, 7 Oct 2022 17:07:10 +0200
Subject: [PATCH 01/17] drupal - izbris del tabele v ang verziji ostale
 storitve, search bar v header ozji, klikabilni menu ko je search prikazan,
 resposnive search bar, razmaki v ceniku, popravki celotne checkout strani

---
 .../web/themes/custom/pro1ka/css/style.css    | 5838 +++++++----------
 .../web/themes/custom/pro1ka/js/script.js     |    6 +-
 .../custom/pro1ka/sass/bolaric/1ka.scss       |   25 +-
 .../pro1ka/sass/bolaric/components.scss       |    3 +-
 .../custom/pro1ka/sass/components/_nakup.scss |   47 +-
 .../pro1ka/templates/page--front.html.twig    |   14 +-
 .../templates/page--nakup-paketa.html.twig    |    9 +-
 .../templates/page--ostale-storitve.html.twig |   32 +-
 ...page--paketi-poslovni-uporabniki.html.twig |    2 +-
 .../templates/page--paketi-zasebni.html.twig  |    2 +-
 .../parts/desni-pregled-narocila.html.twig    |    6 +-
 .../pro1ka/templates/parts/header.html.twig   |    2 +-
 12 files changed, 2425 insertions(+), 3561 deletions(-)

diff --git a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css
index 26fd8ee72..2d5dd7061 100644
--- a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css
+++ b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css
@@ -13,15 +13,13 @@ html {
   -ms-text-size-adjust: 100%;
   /* 2 */
   -webkit-text-size-adjust: 100%;
-  /* 2 */
-}
+  /* 2 */ }
 
 /**
  * Remove default margin.
  */
 body {
-  margin: 0;
-}
+  margin: 0; }
 
 /* HTML5 display definitions
    ========================================================================== */
@@ -44,8 +42,7 @@ menu,
 nav,
 section,
 summary {
-  display: block;
-}
+  display: block; }
 
 /**
  * 1. Correct `inline-block` display not defined in IE 8/9.
@@ -58,8 +55,7 @@ video {
   display: inline-block;
   /* 1 */
   vertical-align: baseline;
-  /* 2 */
-}
+  /* 2 */ }
 
 /**
  * Prevent modern browsers from displaying `audio` without controls.
@@ -67,8 +63,7 @@ video {
  */
 audio:not([controls]) {
   display: none;
-  height: 0;
-}
+  height: 0; }
 
 /**
  * Address `[hidden]` styling not present in IE 8/9/10.
@@ -76,8 +71,7 @@ audio:not([controls]) {
  */
 [hidden],
 template {
-  display: none;
-}
+  display: none; }
 
 /* Links
    ========================================================================== */
@@ -85,8 +79,7 @@ template {
  * Remove the gray background color from active links in IE 10.
  */
 a {
-  background-color: transparent;
-}
+  background-color: transparent; }
 
 /**
  * Improve readability of focused elements when they are also in an
@@ -94,8 +87,7 @@ a {
  */
 a:active,
 a:hover {
-  outline: 0;
-}
+  outline: 0; }
 
 /* Text-level semantics
    ========================================================================== */
@@ -103,23 +95,20 @@ a:hover {
  * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
  */
 abbr[title] {
-  border-bottom: 1px dotted;
-}
+  border-bottom: 1px dotted; }
 
 /**
  * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
  */
 b,
 strong {
-  font-weight: bold;
-}
+  font-weight: bold; }
 
 /**
  * Address styling not present in Safari and Chrome.
  */
 dfn {
-  font-style: italic;
-}
+  font-style: italic; }
 
 /**
  * Address variable `h1` font-size and margin within `section` and `article`
@@ -127,23 +116,20 @@ dfn {
  */
 h1 {
   font-size: 2em;
-  margin: 0.67em 0;
-}
+  margin: 0.67em 0; }
 
 /**
  * Address styling not present in IE 8/9.
  */
 mark {
   background: #ff0;
-  color: #000;
-}
+  color: #000; }
 
 /**
  * Address inconsistent and variable font size in all browsers.
  */
 small {
-  font-size: 80%;
-}
+  font-size: 80%; }
 
 /**
  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
@@ -153,16 +139,13 @@ sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
-  vertical-align: baseline;
-}
+  vertical-align: baseline; }
 
 sup {
-  top: -0.5em;
-}
+  top: -0.5em; }
 
 sub {
-  bottom: -0.25em;
-}
+  bottom: -0.25em; }
 
 /* Embedded content
    ========================================================================== */
@@ -170,15 +153,13 @@ sub {
  * Remove border when inside `a` element in IE 8/9/10.
  */
 img {
-  border: 0;
-}
+  border: 0; }
 
 /**
  * Correct overflow not hidden in IE 9/10/11.
  */
 svg:not(:root) {
-  overflow: hidden;
-}
+  overflow: hidden; }
 
 /* Grouping content
    ========================================================================== */
@@ -186,23 +167,20 @@ svg:not(:root) {
  * Address margin not present in IE 8/9 and Safari.
  */
 figure {
-  margin: 1em 40px;
-}
+  margin: 1em 40px; }
 
 /**
  * Address differences between Firefox and other browsers.
  */
 hr {
   box-sizing: content-box;
-  height: 0;
-}
+  height: 0; }
 
 /**
  * Contain overflow in all browsers.
  */
 pre {
-  overflow: auto;
-}
+  overflow: auto; }
 
 /**
  * Address odd `em`-unit font size rendering in all browsers.
@@ -212,8 +190,7 @@ kbd,
 pre,
 samp {
   font-family: monospace, monospace;
-  font-size: 1em;
-}
+  font-size: 1em; }
 
 /* Forms
    ========================================================================== */
@@ -237,15 +214,13 @@ textarea {
   font: inherit;
   /* 2 */
   margin: 0;
-  /* 3 */
-}
+  /* 3 */ }
 
 /**
  * Address `overflow` set to `hidden` in IE 8/9/10/11.
  */
 button {
-  overflow: visible;
-}
+  overflow: visible; }
 
 /**
  * Address inconsistent `text-transform` inheritance for `button` and `select`.
@@ -255,8 +230,7 @@ button {
  */
 button,
 select {
-  text-transform: none;
-}
+  text-transform: none; }
 
 /**
  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
@@ -268,21 +242,19 @@ select {
  *    specificity and defer to the .w-button selector
  */
 button,
-html input[type=button],
-input[type=reset] {
+html input[type="button"],
+input[type="reset"] {
   -webkit-appearance: button;
   /* 2 */
   cursor: pointer;
-  /* 3 */
-}
+  /* 3 */ }
 
 /**
  * Re-set default cursor for disabled elements.
  */
 button[disabled],
 html input[disabled] {
-  cursor: default;
-}
+  cursor: default; }
 
 /**
  * Remove inner padding and border in Firefox 4+.
@@ -290,16 +262,14 @@ html input[disabled] {
 button::-moz-focus-inner,
 input::-moz-focus-inner {
   border: 0;
-  padding: 0;
-}
+  padding: 0; }
 
 /**
  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
  * the UA stylesheet.
  */
 input {
-  line-height: normal;
-}
+  line-height: normal; }
 
 /**
  * It's recommended that you don't attempt to style these elements.
@@ -308,43 +278,39 @@ input {
  * 1. Address box sizing set to `content-box` in IE 8/9/10.
  * 2. Remove excess padding in IE 8/9/10.
  */
-input[type=checkbox],
-input[type=radio] {
+input[type="checkbox"],
+input[type="radio"] {
   box-sizing: border-box;
   /* 1 */
   padding: 0;
-  /* 2 */
-}
+  /* 2 */ }
 
 /**
  * Fix the cursor style for Chrome's increment/decrement buttons. For certain
  * `font-size` values of the `input`, it causes the cursor style of the
  * decrement button to change from `default` to `text`.
  */
-input[type=number]::-webkit-inner-spin-button,
-input[type=number]::-webkit-outer-spin-button {
-  height: auto;
-}
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto; }
 
 /**
  * 1. CUSTOM FOR WEBFLOW: changed from `textfield` to `none` to normalize iOS rounded input
  * 2. CUSTOM FOR WEBFLOW: box-sizing: content-box rule removed
  *    (similar to normalize.css >=4.0.0)
  */
-input[type=search] {
+input[type="search"] {
   -webkit-appearance: none;
-  /* 1 */
-}
+  /* 1 */ }
 
 /**
  * Remove inner padding and search cancel button in Safari and Chrome on OS X.
  * Safari (but not Chrome) clips the cancel button when the search input has
  * padding (and `textfield` appearance).
  */
-input[type=search]::-webkit-search-cancel-button,
-input[type=search]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none; }
 
 /**
  * Define consistent border, margin, and padding.
@@ -352,8 +318,7 @@ input[type=search]::-webkit-search-decoration {
 fieldset {
   border: 1px solid #c0c0c0;
   margin: 0 2px;
-  padding: 0.35em 0.625em 0.75em;
-}
+  padding: 0.35em 0.625em 0.75em; }
 
 /**
  * 1. Correct `color` not being inherited in IE 8/9/10/11.
@@ -363,23 +328,20 @@ legend {
   border: 0;
   /* 1 */
   padding: 0;
-  /* 2 */
-}
+  /* 2 */ }
 
 /**
  * Remove default vertical scrollbar in IE 8/9/10/11.
  */
 textarea {
-  overflow: auto;
-}
+  overflow: auto; }
 
 /**
  * Don't inherit the `font-weight` (applied by a rule above).
  * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
  */
 optgroup {
-  font-weight: bold;
-}
+  font-weight: bold; }
 
 /* Tables
    ========================================================================== */
@@ -388,13 +350,11 @@ optgroup {
  */
 table {
   border-collapse: collapse;
-  border-spacing: 0;
-}
+  border-spacing: 0; }
 
 td,
 th {
-  padding: 0;
-}
+  padding: 0; }
 
 .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 {
   padding-top: 0;
@@ -591,66 +529,60 @@ body {
   -ms-flex: 1;
   flex: 1;
   background-color: #fff;
-  text-align: left;
-}
-.section.uvodni-slider .slider-right {
-  height: 460px;
-  position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-.section.uvodni-slider .slider-right .slider-slika {
-  position: absolute;
-  z-index: 3;
-  width: 100%;
-  height: 100%;
-  -o-object-fit: contain;
-  object-fit: contain;
-}
-.section.uvodni-slider .slider-left {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  max-width: 400px;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-flex: 0;
-  -webkit-flex: 0 50%;
-  -ms-flex: 0 50%;
-  flex: 0 50%;
-}
-.section.uvodni-slider .slider-left .slider-title {
-  margin-bottom: 40px;
-  color: #333;
-  font-size: 50px;
-  line-height: 60px;
-  font-weight: 300;
-}
-.section.uvodni-slider .slider-left .slider-subtitle {
-  margin-bottom: 40px;
-  color: #333;
-  font-size: 19px;
-  line-height: 28px;
-  font-weight: 900;
-  text-transform: uppercase;
-}
+  text-align: left; }
+  .section.uvodni-slider .slider-right {
+    height: 460px;
+    position: relative;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1; }
+    .section.uvodni-slider .slider-right .slider-slika {
+      position: absolute;
+      z-index: 3;
+      width: 100%;
+      height: 100%;
+      -o-object-fit: contain;
+      object-fit: contain; }
+  .section.uvodni-slider .slider-left {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    max-width: 400px;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 50%;
+    -ms-flex: 0 50%;
+    flex: 0 50%; }
+    .section.uvodni-slider .slider-left .slider-title {
+      margin-bottom: 40px;
+      color: #333;
+      font-size: 50px;
+      line-height: 60px;
+      font-weight: 300; }
+    .section.uvodni-slider .slider-left .slider-subtitle {
+      margin-bottom: 40px;
+      color: #333;
+      font-size: 19px;
+      line-height: 28px;
+      font-weight: 900;
+      text-transform: uppercase; }
 
 .section .section-title {
   padding-right: 50px;
@@ -658,21 +590,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;
@@ -685,34 +615,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;
@@ -726,70 +651,62 @@ body {
   justify-content: center;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
-.funkcionalnost .section-main .flexcol {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  margin-bottom: 58px;
-  -webkit-box-flex: 0;
-  -webkit-flex: 0 50%;
-  -ms-flex: 0 50%;
-  flex: 0 50%;
-}
-.funkcionalnost .section-main .flexcol .content {
-  padding-top: 0;
-  padding-right: 25px;
-  padding-left: 25px;
-  display: flex;
-}
-.funkcionalnost .section-main .flexcol .content .icon {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  width: 60px;
-  height: 60px;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-flex: 0;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  border-radius: 50%;
-  background-color: #D4F0FC;
-  opacity: 1;
-}
-.funkcionalnost .section-main .flexcol .content .icon img {
-  width: 34px;
-  height: 34px;
-  opacity: 1;
-}
-.funkcionalnost .section-main .flexcol .content .text {
-  padding-top: 5px;
-  padding-left: 20px;
-}
-.funkcionalnost .section-main .flexcol .content .text .title {
-  margin-bottom: 0px;
-  margin-top: 0px;
-  color: #0040A9;
-  font-size: 18px;
-  line-height: 21px;
-  font-weight: 900;
-  text-transform: uppercase;
-}
-.funkcionalnost .section-main .flexcol .content .text p {
-  margin-top: 0;
-  margin-bottom: 10px;
-}
+  flex-wrap: wrap; }
+  .funkcionalnost .section-main .flexcol {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    margin-bottom: 58px;
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 50%;
+    -ms-flex: 0 50%;
+    flex: 0 50%; }
+    .funkcionalnost .section-main .flexcol .content {
+      padding-top: 0;
+      padding-right: 25px;
+      padding-left: 25px;
+      display: flex; }
+      .funkcionalnost .section-main .flexcol .content .icon {
+        display: -webkit-box;
+        display: -webkit-flex;
+        display: -ms-flexbox;
+        display: flex;
+        width: 60px;
+        height: 60px;
+        -webkit-box-pack: center;
+        -webkit-justify-content: center;
+        -ms-flex-pack: center;
+        justify-content: center;
+        -webkit-box-align: center;
+        -webkit-align-items: center;
+        -ms-flex-align: center;
+        align-items: center;
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        border-radius: 50%;
+        background-color: #D4F0FC;
+        opacity: 1; }
+        .funkcionalnost .section-main .flexcol .content .icon img {
+          width: 34px;
+          height: 34px;
+          opacity: 1; }
+      .funkcionalnost .section-main .flexcol .content .text {
+        padding-top: 5px;
+        padding-left: 20px; }
+        .funkcionalnost .section-main .flexcol .content .text .title {
+          margin-bottom: 0px;
+          margin-top: 0px;
+          color: #0040A9;
+          font-size: 18px;
+          line-height: 21px;
+          font-weight: 900;
+          text-transform: uppercase; }
+        .funkcionalnost .section-main .flexcol .content .text p {
+          margin-top: 0;
+          margin-bottom: 10px; }
 
 .koraki-spletnega-anketiranja .section-title {
   padding-right: 25px;
@@ -797,85 +714,75 @@ body {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
-  flex: 1;
-}
+  flex: 1; }
 .koraki-spletnega-anketiranja .row {
-  display: flex;
-}
-.koraki-spletnega-anketiranja .row .stolpec {
-  -webkit-box-flex: 0 !important;
-  -webkit-flex: 0 33.333% !important;
-  -ms-flex: 0 33.333% !important;
-  flex: 0 33.333% !important;
-  text-align: center;
-  padding: 0 25px;
-}
-.koraki-spletnega-anketiranja .row .stolpec .slika {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  max-width: 320px;
-  margin-left: auto;
-  margin-right: auto;
-}
-.koraki-spletnega-anketiranja .row .stolpec .slika .postavitev {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  width: 20%;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-}
-.koraki-spletnega-anketiranja .row .stolpec .slika img {
-  width: 50%;
-  margin-top: 20px;
-  margin-bottom: 20px;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  max-width: 100%;
-  vertical-align: middle;
-}
-.koraki-spletnega-anketiranja .row .stolpec .gumb {
-  width: 33.3333%;
-  -webkit-box-flex: 0;
-  -webkit-flex: 0 0 33.3333%;
-  -ms-flex: 0 0 33.3333%;
-  flex: 0 0 33.3333%;
-  padding: 0 25px;
-}
-.koraki-spletnega-anketiranja .row .stolpec .gumb .button {
-  max-width: 200px;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-.koraki-spletnega-anketiranja .row.flex-desna {
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
-  justify-content: right;
-}
-.koraki-spletnega-anketiranja .row.flex-desna .gumb {
-  margin-top: 30px;
-  margin-bottom: 20px;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  display: flex;
-  width: 33.3333%;
-  -webkit-box-flex: 0;
-  -webkit-flex: 0 0 33.3333%;
-  -ms-flex: 0 0 33.3333%;
-  flex: 0 0 33.3333%;
-  padding: 0 25px;
-}
+  display: flex; }
+  .koraki-spletnega-anketiranja .row .stolpec {
+    -webkit-box-flex: 0 !important;
+    -webkit-flex: 0 33.333% !important;
+    -ms-flex: 0 33.333% !important;
+    flex: 0 33.333% !important;
+    text-align: center;
+    padding: 0 25px; }
+    .koraki-spletnega-anketiranja .row .stolpec .slika {
+      display: -webkit-box;
+      display: -webkit-flex;
+      display: -ms-flexbox;
+      display: flex;
+      max-width: 320px;
+      margin-left: auto;
+      margin-right: auto; }
+      .koraki-spletnega-anketiranja .row .stolpec .slika .postavitev {
+        display: -webkit-box;
+        display: -webkit-flex;
+        display: -ms-flexbox;
+        display: flex;
+        width: 20%;
+        -webkit-box-pack: start;
+        -webkit-justify-content: flex-start;
+        -ms-flex-pack: start;
+        justify-content: flex-start; }
+      .koraki-spletnega-anketiranja .row .stolpec .slika img {
+        width: 50%;
+        margin-top: 20px;
+        margin-bottom: 20px;
+        -webkit-box-flex: 1;
+        -webkit-flex: 1;
+        -ms-flex: 1;
+        max-width: 100%;
+        vertical-align: middle; }
+    .koraki-spletnega-anketiranja .row .stolpec .gumb {
+      width: 33.3333%;
+      -webkit-box-flex: 0;
+      -webkit-flex: 0 0 33.3333%;
+      -ms-flex: 0 0 33.3333%;
+      flex: 0 0 33.3333%;
+      padding: 0 25px; }
+      .koraki-spletnega-anketiranja .row .stolpec .gumb .button {
+        max-width: 200px;
+        -webkit-box-flex: 1;
+        -webkit-flex: 1;
+        -ms-flex: 1;
+        flex: 1; }
+  .koraki-spletnega-anketiranja .row.flex-desna {
+    -webkit-box-pack: end;
+    -webkit-justify-content: flex-end;
+    -ms-flex-pack: end;
+    justify-content: right; }
+    .koraki-spletnega-anketiranja .row.flex-desna .gumb {
+      margin-top: 30px;
+      margin-bottom: 20px;
+      -webkit-box-pack: center;
+      -webkit-justify-content: center;
+      -ms-flex-pack: center;
+      justify-content: center;
+      display: flex;
+      width: 33.3333%;
+      -webkit-box-flex: 0;
+      -webkit-flex: 0 0 33.3333%;
+      -ms-flex: 0 0 33.3333%;
+      flex: 0 0 33.3333%;
+      padding: 0 25px; }
 
 .pridruzi-se-nam .row {
   display: -webkit-box;
@@ -888,96 +795,84 @@ body {
   justify-content: center;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
-.pridruzi-se-nam .row .gumb {
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  display: flex;
-}
-.pridruzi-se-nam .row .stolpec {
-  padding-right: 25px;
-  padding-left: 25px;
-  padding-left: 25px;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  text-align: center;
-}
-.pridruzi-se-nam .row .stolpec .crte {
-  height: 1px;
-  max-width: 400px;
-  margin-right: auto;
-  margin-left: auto;
-  margin-bottom: 25px;
-  border-bottom: 2px dashed #0040A9;
-}
-.pridruzi-se-nam .row .stolpec .blok {
-  position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  margin-top: 13px;
-  margin-bottom: 13px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-}
-.pridruzi-se-nam .row .stolpec .blok.velik {
-  padding-top: 2px;
-  padding-bottom: 2px;
-}
-.pridruzi-se-nam .row .stolpec .blok .krog {
-  position: absolute;
-  width: 70px;
-  height: 70px;
-  border-radius: 50%;
-  background-color: #D4F0FC;
-}
-.pridruzi-se-nam .row .stolpec .blok .krog.velik {
-  width: 120px;
-  height: 120px;
-}
-.pridruzi-se-nam .row .stolpec .blok .text {
-  position: relative;
-  z-index: 2;
-  padding-top: 22px;
-  padding-bottom: 22px;
-  color: #0040A9;
-  font-size: 62px;
-  line-height: 70px;
-  font-weight: 300;
-}
-.pridruzi-se-nam .row .stolpec .text {
-  font-size: 18px;
-  font-weight: 600;
-}
-.pridruzi-se-nam .row .stolpec.pol {
-  padding: 0;
-  -webkit-box-flex: 0;
-  -webkit-flex: 0 50%;
-  -ms-flex: 0 50%;
-  flex: 0 50%;
-}
-.pridruzi-se-nam .row .stolpec.tretina {
-  width: 33.3333%;
-  -webkit-box-flex: 0;
-  -webkit-flex: 0 0 33.3333%;
-  -ms-flex: 0 0 33.3333%;
-  flex: 0 0 33.3333%;
-}
+  flex-wrap: wrap; }
+  .pridruzi-se-nam .row .gumb {
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    display: flex; }
+  .pridruzi-se-nam .row .stolpec {
+    padding-right: 25px;
+    padding-left: 25px;
+    padding-left: 25px;
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    text-align: center; }
+    .pridruzi-se-nam .row .stolpec .crte {
+      height: 1px;
+      max-width: 400px;
+      margin-right: auto;
+      margin-left: auto;
+      margin-bottom: 25px;
+      border-bottom: 2px dashed #0040A9; }
+    .pridruzi-se-nam .row .stolpec .blok {
+      position: relative;
+      display: -webkit-box;
+      display: -webkit-flex;
+      display: -ms-flexbox;
+      display: flex;
+      margin-top: 13px;
+      margin-bottom: 13px;
+      padding-top: 0px;
+      padding-bottom: 0px;
+      -webkit-box-pack: center;
+      -webkit-justify-content: center;
+      -ms-flex-pack: center;
+      justify-content: center;
+      -webkit-box-align: center;
+      -webkit-align-items: center;
+      -ms-flex-align: center;
+      align-items: center;
+      text-align: center; }
+      .pridruzi-se-nam .row .stolpec .blok.velik {
+        padding-top: 2px;
+        padding-bottom: 2px; }
+      .pridruzi-se-nam .row .stolpec .blok .krog {
+        position: absolute;
+        width: 70px;
+        height: 70px;
+        border-radius: 50%;
+        background-color: #D4F0FC; }
+        .pridruzi-se-nam .row .stolpec .blok .krog.velik {
+          width: 120px;
+          height: 120px; }
+      .pridruzi-se-nam .row .stolpec .blok .text {
+        position: relative;
+        z-index: 2;
+        padding-top: 22px;
+        padding-bottom: 22px;
+        color: #0040A9;
+        font-size: 62px;
+        line-height: 70px;
+        font-weight: 300; }
+    .pridruzi-se-nam .row .stolpec .text {
+      font-size: 18px;
+      font-weight: 600; }
+    .pridruzi-se-nam .row .stolpec.pol {
+      padding: 0;
+      -webkit-box-flex: 0;
+      -webkit-flex: 0 50%;
+      -ms-flex: 0 50%;
+      flex: 0 50%; }
+    .pridruzi-se-nam .row .stolpec.tretina {
+      width: 33.3333%;
+      -webkit-box-flex: 0;
+      -webkit-flex: 0 0 33.3333%;
+      -ms-flex: 0 0 33.3333%;
+      flex: 0 0 33.3333%; }
 
 .zaupajo-nam .row-logotipi {
   display: -webkit-box;
@@ -990,36 +885,32 @@ body {
   justify-content: center;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
-.zaupajo-nam .row-logotipi img {
-  max-width: 100%;
-  vertical-align: middle;
-  display: inline-block;
-  max-height: 60px;
-  margin-right: 10px;
-  margin-bottom: 0px;
-  margin-left: 10px;
-  padding: 16px;
-  background-color: #fff;
-}
+  flex-wrap: wrap; }
+  .zaupajo-nam .row-logotipi img {
+    max-width: 100%;
+    vertical-align: middle;
+    display: inline-block;
+    max-height: 60px;
+    margin-right: 10px;
+    margin-bottom: 0px;
+    margin-left: 10px;
+    padding: 16px;
+    background-color: #fff; }
 
 .col-6-blue {
   -webkit-box-flex: 0;
   padding-right: 25px;
   padding-left: 25px;
-  max-width: 800px;
-}
-.col-6-blue.vert-center {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
+  max-width: 800px; }
+  .col-6-blue.vert-center {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center; }
 
 .stolpec-4 {
   padding-right: 25px;
@@ -1027,25 +918,20 @@ body {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
-  min-width: 200px;
-}
-.stolpec-4.logotipi img {
-  height: 60px;
-  margin: 0.75rem 0;
-  margin-right: 20px;
-}
-.stolpec-4.logotipi img.fdv {
-  width: 214px;
-  height: auto;
-}
-.stolpec-4 .fotter-ico {
-  width: 40px;
-  height: 40px;
-}
+  min-width: 200px; }
+  .stolpec-4.logotipi img {
+    height: 60px;
+    margin: 0.75rem 0;
+    margin-right: 20px; }
+    .stolpec-4.logotipi img.fdv {
+      width: 214px;
+      height: auto; }
+  .stolpec-4 .fotter-ico {
+    width: 40px;
+    height: 40px; }
 
 .koraki-spletnega-anketiranja .slika {
-  position: relative;
-}
+  position: relative; }
 .koraki-spletnega-anketiranja .centered_text {
   position: absolute;
   top: 50%;
@@ -1055,8 +941,7 @@ body {
   font-weight: bold;
   color: #1e88e5;
   width: 35%;
-  line-height: 1.4;
-}
+  line-height: 1.4; }
 
 .breadcrumbs {
   display: -webkit-box;
@@ -1068,18 +953,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;
@@ -1091,79 +973,62 @@ body {
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: start;
-  justify-content: flex-start;
-}
+  justify-content: flex-start; }
 #breadcrumb .breadcrumb-li {
-  padding-right: 10px;
-}
+  padding-right: 10px; }
 #breadcrumb .breadcrumb {
   display: block;
   padding-right: 10px;
   border-right: 1px solid #e5e5e5;
   color: #8c8c8c;
-  text-decoration: none;
-}
+  text-decoration: none; }
 #breadcrumb .breadcrumb:hover {
-  color: #1e88e5;
-}
+  color: #1e88e5; }
 
 .block-quicktabs ul.quicktabs-tabs {
   margin: 70px 0 40px !important;
-  text-align: center;
-}
-.block-quicktabs ul.quicktabs-tabs li {
-  margin-right: 20px;
-  margin-left: 20px;
-  border-bottom: 2px solid #d3d3d3;
-  font-size: 20px;
-  position: relative;
-  display: inline-block;
-  vertical-align: top;
-  text-decoration: none;
-  padding: 9px 30px;
-  text-align: left;
-  cursor: pointer;
-}
-.block-quicktabs ul.quicktabs-tabs li a {
-  color: #999;
-}
-.block-quicktabs ul.quicktabs-tabs li.active, .block-quicktabs ul.quicktabs-tabs li:hover {
-  border-bottom-color: #1e88e5;
-}
-.block-quicktabs ul.quicktabs-tabs li.active a, .block-quicktabs ul.quicktabs-tabs li:hover a {
-  color: #1e88e5;
-}
+  text-align: center; }
+  .block-quicktabs ul.quicktabs-tabs li {
+    margin-right: 20px;
+    margin-left: 20px;
+    border-bottom: 2px solid #d3d3d3;
+    font-size: 20px;
+    position: relative;
+    display: inline-block;
+    vertical-align: top;
+    text-decoration: none;
+    padding: 9px 30px;
+    text-align: left;
+    cursor: pointer; }
+    .block-quicktabs ul.quicktabs-tabs li a {
+      color: #999; }
+    .block-quicktabs ul.quicktabs-tabs li.active, .block-quicktabs ul.quicktabs-tabs li:hover {
+      border-bottom-color: #1e88e5; }
+      .block-quicktabs ul.quicktabs-tabs li.active a, .block-quicktabs ul.quicktabs-tabs li:hover a {
+        color: #1e88e5; }
 .block-quicktabs .quicktabs-main ul {
-  list-style: none;
-}
-.block-quicktabs .quicktabs-main ul li {
-  padding: 13px 0px;
-  border-bottom: 1px solid #e5e5e5;
-}
-.block-quicktabs .quicktabs-main ul li:first-child {
-  border-top: 1px solid #e5e5e5;
-}
-.block-quicktabs .quicktabs-main ul li a {
-  color: #333333;
-  font-size: 18px;
-  font-weight: 400;
-}
+  list-style: none; }
+  .block-quicktabs .quicktabs-main ul li {
+    padding: 13px 0px;
+    border-bottom: 1px solid #e5e5e5; }
+    .block-quicktabs .quicktabs-main ul li:first-child {
+      border-top: 1px solid #e5e5e5; }
+    .block-quicktabs .quicktabs-main ul li a {
+      color: #333333;
+      font-size: 18px;
+      font-weight: 400; }
 
 ul.seznam-tem {
-  ist-style: none;
-}
-ul.seznam-tem li.prirocnik {
-  padding: 13px 0px;
-  border-bottom: 1px solid #e5e5e5;
-}
-ul.seznam-tem li.prirocnik:first-child {
-  border-top: 1px solid #e5e5e5;
-}
-ul.seznam-tem li.prirocnik a {
-  color: #333333;
-  font-size: 18px;
-  font-weight: 400;
-}
+  ist-style: none; }
+  ul.seznam-tem li.prirocnik {
+    padding: 13px 0px;
+    border-bottom: 1px solid #e5e5e5; }
+    ul.seznam-tem li.prirocnik:first-child {
+      border-top: 1px solid #e5e5e5; }
+    ul.seznam-tem li.prirocnik a {
+      color: #333333;
+      font-size: 18px;
+      font-weight: 400; }
 
 .modal, .rexister-modal {
   position: fixed;
@@ -1185,412 +1050,329 @@ ul.seznam-tem li.prirocnik a {
   -ms-flex-align: center;
   align-items: center;
   background-color: rgba(0, 0, 0, 0.39);
-  display: none;
-}
-.modal .modal-box, .rexister-modal .modal-box {
-  position: relative;
-  overflow: auto;
-  max-height: 90vh;
-  max-width: 750px;
-  padding: 50px;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  background-color: #fff;
-}
-.modal .modal-box.modal-registration, .rexister-modal .modal-box.modal-registration {
-  max-width: 1000px;
-}
-.modal .modal-box .paragraph, .rexister-modal .modal-box .paragraph {
-  text-align: center;
-}
-.modal .modal-box p a, .rexister-modal .modal-box p a {
-  text-decoration: underline;
-}
-.modal .modal-box .closemodal, .rexister-modal .modal-box .closemodal {
-  position: absolute;
-  left: auto;
-  top: 20px;
-  right: 20px;
-  bottom: auto;
-  width: 30px;
-  height: 30px;
-  cursor: pointer;
-}
-.modal .modal-box 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 .w-input, .rexister-modal .modal-box .w-input {
-  border-style: solid;
-  border-width: 1px;
-  border-color: #d1d1d1;
-  margin-bottom: 16px;
-}
-.modal .modal-box .w-input.error, .rexister-modal .modal-box .w-input.error {
-  border-color: red;
-}
-.modal .modal-box .w-checkbox, .rexister-modal .modal-box .w-checkbox {
-  margin-bottom: 16px;
-}
-.modal .modal-box .w-checkbox input, .rexister-modal .modal-box .w-checkbox input {
-  float: none;
-}
-.modal .modal-box .submit, .rexister-modal .modal-box .submit {
-  width: 100%;
-  border: 0;
-}
-.modal .modal-box .submit-prijava, .rexister-modal .modal-box .submit-prijava {
-  width: 100%;
-  border: 0;
-  margin-bottom: 16px;
-  background: #1e88e5;
-  color: #ffffff;
-  padding: 0.5rem 1rem;
-  font-weight: 600;
-  letter-spacing: 1px;
-  cursor: pointer;
-  text-transform: uppercase;
-  transition: 0.2s;
-}
-.modal .modal-box .submit-prijava:hover, .rexister-modal .modal-box .submit-prijava:hover {
-  background: #1970bb;
-}
-.modal .modal-box .aai-obvestilo, .rexister-modal .modal-box .aai-obvestilo {
-  background: #f1f1f1;
-  border: 1px solid #D1D1D1;
-  padding: 1rem;
-  margin-bottom: 16px;
-}
-.modal .modal-box .gumb, .rexister-modal .modal-box .gumb {
-  padding-right: 1rem;
-  background: #1e88e5;
-  color: #ffffff;
-  padding: 0.5rem 1rem;
-  max-width: 250px;
-  font-weight: 600;
-  letter-spacing: 1px;
-  cursor: pointer;
-  transition: 0.2s;
-}
-.modal .modal-box .gumb:hover, .rexister-modal .modal-box .gumb:hover {
-  background: #1970bb;
-}
-.modal .modal-box .gumb.gumb-aai, .rexister-modal .modal-box .gumb.gumb-aai {
-  text-transform: uppercase;
-  background: #e35205;
-  letter-spacing: 0.5px;
-}
-.modal .modal-box .gumb.gumb-aai.login, .rexister-modal .modal-box .gumb.gumb-aai.login {
-  margin-top: 6px;
-  width: 50%;
-  padding: 14px 49px;
-}
-.modal .modal-box .gumb.gumb-aai span, .rexister-modal .modal-box .gumb.gumb-aai span {
-  justify-content: center;
-}
-.modal .modal-box .gumb.gumb-aai:hover, .rexister-modal .modal-box .gumb.gumb-aai:hover {
-  background: #fa6c21;
-}
-.modal .modal-box .gumb img, .rexister-modal .modal-box .gumb img {
-  height: 1.6rem;
-  width: 52px;
-  padding-right: 1rem;
-  float: left;
-}
-.modal .modal-box ul, .rexister-modal .modal-box ul {
-  margin-top: -10px;
-}
-.modal .modal-box .registracija #gdpr-vec-text, .rexister-modal .modal-box .registracija #gdpr-vec-text {
-  display: none;
-}
-.modal .modal-box .registracija .w-form, .rexister-modal .modal-box .registracija .w-form {
-  padding-left: 25px;
-  padding-right: 10px;
-}
-.modal .modal-box .registracija .w-form .input_row, .rexister-modal .modal-box .registracija .w-form .input_row {
-  display: flex;
-}
-.modal .modal-box .registracija .w-form .input_row .left_col, .rexister-modal .modal-box .registracija .w-form .input_row .left_col {
-  padding-right: 10px;
-  width: 50%;
-}
-.modal .modal-box .registracija .w-form .input_row .right_col, .rexister-modal .modal-box .registracija .w-form .input_row .right_col {
-  padding-left: 10px;
-  width: 50%;
-}
-.modal .modal-box .registracija .w-form .cb_multiple_lines, .rexister-modal .modal-box .registracija .w-form .cb_multiple_lines {
-  float: left;
-  margin-top: 7px;
-}
-.modal .modal-box #register-form, .rexister-modal .modal-box #register-form {
-  flex-direction: column;
-}
-.modal .modal-box #register-form-confirm, .rexister-modal .modal-box #register-form-confirm {
-  display: none;
-  flex-direction: column;
-}
-.modal .modal-box #register-form-confirm .preged-podatkov, .rexister-modal .modal-box #register-form-confirm .preged-podatkov {
-  display: flex;
-  flex-direction: column;
-  margin: 20px 0;
-}
-.modal .modal-box #register-form-confirm h4, .rexister-modal .modal-box #register-form-confirm h4 {
-  padding-bottom: 0px;
-  font-weight: 600;
-}
-.modal .modal-box #register-form-confirm ul, .rexister-modal .modal-box #register-form-confirm ul {
-  margin-top: 0;
-}
-.modal .modal-box #register-form-confirm .col, .rexister-modal .modal-box #register-form-confirm .col {
-  flex-direction: column;
-  margin-bottom: 5px;
-}
-.modal .modal-box #register-form-confirm .col.pb, .rexister-modal .modal-box #register-form-confirm .col.pb {
-  flex-direction: row;
-  margin-bottom: 5px;
-}
-.modal .modal-box #register-form-confirm .col.pb .label, .rexister-modal .modal-box #register-form-confirm .col.pb .label {
-  width: 100px;
-  text-align: end;
-  margin-right: 25px;
-  font-weight: 400;
-}
-.modal .modal-box #register-form-confirm .buttons, .rexister-modal .modal-box #register-form-confirm .buttons {
-  margin-top: 10px;
-  display: flex;
-  flex-direction: row;
-}
-.modal .modal-box #register-form-confirm .buttons .button, .rexister-modal .modal-box #register-form-confirm .buttons .button {
-  flex: 1;
-  text-transform: uppercase;
-  justify-content: center;
-}
-.modal .modal-box #register-form-confirm .buttons .button.secondary-button, .rexister-modal .modal-box #register-form-confirm .buttons .button.secondary-button {
-  background: linear-gradient(to left, white 50%, #1e88e5 50%) right;
-  background-size: 200%;
-  transition: 0.2s ease-out;
-  color: #1e88e5;
-  border: 1px solid #1e88e5;
-  padding: 11px 7px 11px 17px;
-}
-.modal .modal-box #register-form-confirm .buttons .button.secondary-button:hover, .rexister-modal .modal-box #register-form-confirm .buttons .button.secondary-button:hover {
-  background-position: left;
-  color: white;
-}
-.modal .modal-box #register-form-confirm .buttons .button.main-button, .rexister-modal .modal-box #register-form-confirm .buttons .button.main-button {
-  background: linear-gradient(to left, #1e88e5 50%, #0040A9 50%) right;
-  background-size: 200%;
-  transition: 0.2s ease-out;
-  color: #fff;
-  border: 1px solid #1e88e5;
-}
-.modal .modal-box #register-form-confirm .buttons .button.main-button:hover, .rexister-modal .modal-box #register-form-confirm .buttons .button.main-button:hover {
-  border: 1px solid #0040A9;
-  background-position: left;
-}
-.modal .modal-box #register-form-email-sent, .rexister-modal .modal-box #register-form-email-sent {
-  display: none;
-  flex-direction: column;
-}
-.modal .modal-box #register-form-email-sent ul, .rexister-modal .modal-box #register-form-email-sent ul {
-  margin-top: 0;
-}
-.modal .modal-box #register-form-email-sent h4, .rexister-modal .modal-box #register-form-email-sent h4 {
-  padding-bottom: 0px;
-  font-weight: 600;
-}
-.modal #submit-lost-password, .rexister-modal #submit-lost-password {
-  width: 250px;
-  margin: auto !important;
-  text-align: center;
-  text-transform: uppercase;
-}
-.modal #submit-lost-password .button-label, .rexister-modal #submit-lost-password .button-label {
-  margin: auto;
-}
-.modal .error, .modal .oznacen-rdec, .rexister-modal .error, .rexister-modal .oznacen-rdec {
-  color: red;
-}
-.modal label, .rexister-modal label {
-  font-weight: 600;
-  margin: 0;
-}
+  display: none; }
+  .modal .modal-box, .rexister-modal .modal-box {
+    position: relative;
+    overflow: auto;
+    max-height: 90vh;
+    max-width: 750px;
+    padding: 50px;
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    background-color: #fff; }
+    .modal .modal-box.modal-registration, .rexister-modal .modal-box.modal-registration {
+      max-width: 1000px; }
+    .modal .modal-box .paragraph, .rexister-modal .modal-box .paragraph {
+      text-align: center; }
+    .modal .modal-box p a, .rexister-modal .modal-box p a {
+      text-decoration: underline; }
+    .modal .modal-box .closemodal, .rexister-modal .modal-box .closemodal {
+      position: absolute;
+      left: auto;
+      top: 20px;
+      right: 20px;
+      bottom: auto;
+      width: 30px;
+      height: 30px;
+      cursor: pointer; }
+    .modal .modal-box 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 .w-input, .rexister-modal .modal-box .w-input {
+      border-style: solid;
+      border-width: 1px;
+      border-color: #d1d1d1;
+      margin-bottom: 16px; }
+      .modal .modal-box .w-input.error, .rexister-modal .modal-box .w-input.error {
+        border-color: red; }
+    .modal .modal-box .w-checkbox, .rexister-modal .modal-box .w-checkbox {
+      margin-bottom: 16px; }
+      .modal .modal-box .w-checkbox input, .rexister-modal .modal-box .w-checkbox input {
+        float: none; }
+    .modal .modal-box .submit, .rexister-modal .modal-box .submit {
+      width: 100%;
+      border: 0; }
+    .modal .modal-box .submit-prijava, .rexister-modal .modal-box .submit-prijava {
+      width: 100%;
+      border: 0;
+      margin-bottom: 16px;
+      background: #1e88e5;
+      color: #ffffff;
+      padding: 0.5rem 1rem;
+      font-weight: 600;
+      letter-spacing: 1px;
+      cursor: pointer;
+      text-transform: uppercase;
+      transition: 0.2s; }
+      .modal .modal-box .submit-prijava:hover, .rexister-modal .modal-box .submit-prijava:hover {
+        background: #1970bb; }
+    .modal .modal-box .aai-obvestilo, .rexister-modal .modal-box .aai-obvestilo {
+      background: #f1f1f1;
+      border: 1px solid #D1D1D1;
+      padding: 1rem;
+      margin-bottom: 16px; }
+    .modal .modal-box .gumb, .rexister-modal .modal-box .gumb {
+      padding-right: 1rem;
+      background: #1e88e5;
+      color: #ffffff;
+      padding: 0.5rem 1rem;
+      max-width: 250px;
+      font-weight: 600;
+      letter-spacing: 1px;
+      cursor: pointer;
+      transition: 0.2s; }
+      .modal .modal-box .gumb:hover, .rexister-modal .modal-box .gumb:hover {
+        background: #1970bb; }
+      .modal .modal-box .gumb.gumb-aai, .rexister-modal .modal-box .gumb.gumb-aai {
+        text-transform: uppercase;
+        background: #e35205;
+        letter-spacing: 0.5px; }
+        .modal .modal-box .gumb.gumb-aai.login, .rexister-modal .modal-box .gumb.gumb-aai.login {
+          margin-top: 6px;
+          width: 50%;
+          padding: 14px 49px; }
+        .modal .modal-box .gumb.gumb-aai span, .rexister-modal .modal-box .gumb.gumb-aai span {
+          justify-content: center; }
+        .modal .modal-box .gumb.gumb-aai:hover, .rexister-modal .modal-box .gumb.gumb-aai:hover {
+          background: #fa6c21; }
+      .modal .modal-box .gumb img, .rexister-modal .modal-box .gumb img {
+        height: 1.6rem;
+        width: 52px;
+        padding-right: 1rem;
+        float: left; }
+    .modal .modal-box ul, .rexister-modal .modal-box ul {
+      margin-top: -10px; }
+    .modal .modal-box .registracija #gdpr-vec-text, .rexister-modal .modal-box .registracija #gdpr-vec-text {
+      display: none; }
+    .modal .modal-box .registracija .w-form, .rexister-modal .modal-box .registracija .w-form {
+      padding-left: 25px;
+      padding-right: 10px; }
+      .modal .modal-box .registracija .w-form .input_row, .rexister-modal .modal-box .registracija .w-form .input_row {
+        display: flex; }
+        .modal .modal-box .registracija .w-form .input_row .left_col, .rexister-modal .modal-box .registracija .w-form .input_row .left_col {
+          padding-right: 10px;
+          width: 50%; }
+        .modal .modal-box .registracija .w-form .input_row .right_col, .rexister-modal .modal-box .registracija .w-form .input_row .right_col {
+          padding-left: 10px;
+          width: 50%; }
+      .modal .modal-box .registracija .w-form .cb_multiple_lines, .rexister-modal .modal-box .registracija .w-form .cb_multiple_lines {
+        float: left;
+        margin-top: 7px; }
+    .modal .modal-box #register-form, .rexister-modal .modal-box #register-form {
+      flex-direction: column; }
+    .modal .modal-box #register-form-confirm, .rexister-modal .modal-box #register-form-confirm {
+      display: none;
+      flex-direction: column; }
+      .modal .modal-box #register-form-confirm .preged-podatkov, .rexister-modal .modal-box #register-form-confirm .preged-podatkov {
+        display: flex;
+        flex-direction: column;
+        margin: 20px 0; }
+      .modal .modal-box #register-form-confirm h4, .rexister-modal .modal-box #register-form-confirm h4 {
+        padding-bottom: 0px;
+        font-weight: 600; }
+      .modal .modal-box #register-form-confirm ul, .rexister-modal .modal-box #register-form-confirm ul {
+        margin-top: 0; }
+      .modal .modal-box #register-form-confirm .col, .rexister-modal .modal-box #register-form-confirm .col {
+        flex-direction: column;
+        margin-bottom: 5px; }
+        .modal .modal-box #register-form-confirm .col.pb, .rexister-modal .modal-box #register-form-confirm .col.pb {
+          flex-direction: row;
+          margin-bottom: 5px; }
+          .modal .modal-box #register-form-confirm .col.pb .label, .rexister-modal .modal-box #register-form-confirm .col.pb .label {
+            width: 100px;
+            text-align: end;
+            margin-right: 25px;
+            font-weight: 400; }
+      .modal .modal-box #register-form-confirm .buttons, .rexister-modal .modal-box #register-form-confirm .buttons {
+        margin-top: 10px;
+        display: flex;
+        flex-direction: row; }
+        .modal .modal-box #register-form-confirm .buttons .button, .rexister-modal .modal-box #register-form-confirm .buttons .button {
+          flex: 1;
+          text-transform: uppercase;
+          justify-content: center; }
+          .modal .modal-box #register-form-confirm .buttons .button.secondary-button, .rexister-modal .modal-box #register-form-confirm .buttons .button.secondary-button {
+            background: linear-gradient(to left, white 50%, #1e88e5 50%) right;
+            background-size: 200%;
+            transition: .2s ease-out;
+            color: #1e88e5;
+            border: 1px solid #1e88e5;
+            padding: 11px 7px 11px 17px; }
+            .modal .modal-box #register-form-confirm .buttons .button.secondary-button:hover, .rexister-modal .modal-box #register-form-confirm .buttons .button.secondary-button:hover {
+              background-position: left;
+              color: white; }
+          .modal .modal-box #register-form-confirm .buttons .button.main-button, .rexister-modal .modal-box #register-form-confirm .buttons .button.main-button {
+            background: linear-gradient(to left, #1e88e5 50%, #0040A9 50%) right;
+            background-size: 200%;
+            transition: .2s ease-out;
+            color: #fff;
+            border: 1px solid #1e88e5; }
+            .modal .modal-box #register-form-confirm .buttons .button.main-button:hover, .rexister-modal .modal-box #register-form-confirm .buttons .button.main-button:hover {
+              border: 1px solid #0040A9;
+              background-position: left; }
+    .modal .modal-box #register-form-email-sent, .rexister-modal .modal-box #register-form-email-sent {
+      display: none;
+      flex-direction: column; }
+      .modal .modal-box #register-form-email-sent ul, .rexister-modal .modal-box #register-form-email-sent ul {
+        margin-top: 0; }
+      .modal .modal-box #register-form-email-sent h4, .rexister-modal .modal-box #register-form-email-sent h4 {
+        padding-bottom: 0px;
+        font-weight: 600; }
+  .modal #submit-lost-password, .rexister-modal #submit-lost-password {
+    width: 250px;
+    margin: auto !important;
+    text-align: center;
+    text-transform: uppercase; }
+    .modal #submit-lost-password .button-label, .rexister-modal #submit-lost-password .button-label {
+      margin: auto; }
+  .modal .error, .modal .oznacen-rdec, .rexister-modal .error, .rexister-modal .oznacen-rdec {
+    color: red; }
+  .modal label, .rexister-modal label {
+    font-weight: 600;
+    margin: 0; }
 
 .dva-stolpca {
-  display: flex;
-}
-.dva-stolpca h4 {
-  margin-left: 25px;
-  font-weight: 600;
-  margin-bottom: 14px;
-}
-.dva-stolpca .preko-racunov {
-  border-left: 1px solid #d1d1d1;
-  width: 100%;
-}
-.dva-stolpca .preko-racunov .ostale-prijave {
-  display: flex;
-  flex-direction: column;
-}
-.dva-stolpca .preko-racunov .ostale-prijave .op-gumb {
-  margin-left: 25px;
-  margin-bottom: 16px;
-  text-transform: uppercase;
-  color: #1e88e5;
-  border: 1px solid #1e88e5;
-  padding: 11px 7px 11px 17px;
-  background: #ffffff;
-  padding: 0.5rem 1rem;
-  max-width: 250px;
-  font-weight: 600;
-  cursor: pointer;
-  transition: 0.2s;
-}
-.dva-stolpca .preko-racunov .ostale-prijave .op-gumb:hover {
-  background: #f8f8f8;
-}
-.dva-stolpca .preko-racunov .ostale-prijave .op-gumb img {
-  height: 1.6rem;
-  width: 52px;
-  padding-right: 1rem;
-  float: left;
-}
-.dva-stolpca .preko-racunov .ostale-prijave .aai-prijava-small {
-  font-size: 0.8rem;
-  line-height: 1.2;
-  color: #666;
-  padding-top: 1rem;
-  border-top: 1px solid #333333;
-  margin: 1rem 1rem 0;
-}
-.dva-stolpca .gumb {
-  padding-right: 1rem;
-  background: #1e88e5;
-  color: #ffffff;
-  padding: 0.5rem 1rem;
-  max-width: 250px;
-  font-weight: 600;
-  letter-spacing: 1px;
-  cursor: pointer;
-  transition: 0.2s;
-}
-.dva-stolpca .gumb:hover {
-  background: #1970bb;
-}
-.dva-stolpca .gumb.gumb-aai {
-  background: #e35205;
-  letter-spacing: 0.5px;
-}
-.dva-stolpca .gumb.gumb-aai:hover {
-  background: #fa6c21;
-}
-.dva-stolpca .gumb img {
-  height: 1.6rem;
-  width: 52px;
-  padding-right: 1rem;
-  float: left;
-}
-.dva-stolpca .registracija {
-  padding-right: 1rem;
-  min-width: 310px;
-}
-.dva-stolpca .prijava.forma {
-  padding-right: 1rem;
-  width: 100%;
-  min-width: 300px;
-}
-.dva-stolpca .error-message {
-  background: rgba(255, 0, 0, 0.1);
-  padding: 0.25rem 0.75rem;
-  color: red;
-  border: 1px solid red;
-  display: none;
-  margin-left: 25px;
-  margin-right: 25px;
-  font-size: 14px;
-  margin-bottom: 16px;
-}
-.dva-stolpca .error-message.napaka-registracija {
-  margin-right: 10px;
-}
-.dva-stolpca .intro-modal {
-  display: flex;
-  flex-direction: column;
-}
-.dva-stolpca .intro-modal .siv-url {
-  text-transform: uppercase;
-  color: #d1d1d1;
-}
-.dva-stolpca .intro-modal .besedilo {
-  min-height: 100px;
-  color: #535050;
-  font-size: 16px;
-  line-height: 160%;
-  margin-bottom: 40px;
-}
-.dva-stolpca .intro-modal .submit-btn {
-  margin-top: 3px;
-  padding: 14px 49px;
-  font-weight: 600;
-  text-transform: uppercase;
-}
-.dva-stolpca .intro-modal .submit-btn span {
-  justify-content: center;
-}
-.dva-stolpca .intro-modal .w-button {
-  width: 100%;
-  text-align: center;
-}
-.dva-stolpca .intro-modal.intro-1ka {
-  width: 100%;
-  padding-left: 1rem;
-}
-.dva-stolpca .intro-modal.intro-1ka h4 {
-  color: #1e88e5;
-  margin-bottom: 0;
-}
-.dva-stolpca .intro-modal.intro-aai {
-  padding-right: 1rem;
-  border-right: 1px solid #d1d1d1;
-  width: 100%;
-}
-.dva-stolpca .intro-modal.intro-aai .text-arnes {
-  color: #e35205;
-  margin-bottom: 0;
-}
-.dva-stolpca .intro-modal.intro-aai .pojasnilo .ikona {
-  float: left;
-}
-.dva-stolpca .intro-modal.intro-aai .pojasnilo .tekst {
-  float: left;
-  padding-left: 1rem;
-  color: #e35205 !important;
-  font-weight: bold;
-}
-.dva-stolpca .checkbox-field {
-  padding-left: 0;
-  margin-bottom: 16px;
-}
-.dva-stolpca .checkbox-field input {
-  width: 18px;
-  height: 18px;
-  min-width: 18px;
-  min-height: 18px;
-  margin-top: 4px;
-}
-.dva-stolpca .checkbox-field label {
-  font-weight: 400;
-}
+  display: flex; }
+  .dva-stolpca h4 {
+    margin-left: 25px;
+    font-weight: 600;
+    margin-bottom: 14px; }
+  .dva-stolpca .preko-racunov {
+    border-left: 1px solid #d1d1d1;
+    width: 100%; }
+    .dva-stolpca .preko-racunov .ostale-prijave {
+      display: flex;
+      flex-direction: column; }
+      .dva-stolpca .preko-racunov .ostale-prijave .op-gumb {
+        margin-left: 25px;
+        margin-bottom: 16px;
+        text-transform: uppercase;
+        color: #1e88e5;
+        border: 1px solid #1e88e5;
+        padding: 11px 7px 11px 17px;
+        background: #ffffff;
+        padding: 0.5rem 1rem;
+        max-width: 250px;
+        font-weight: 600;
+        cursor: pointer;
+        transition: 0.2s; }
+        .dva-stolpca .preko-racunov .ostale-prijave .op-gumb:hover {
+          background: #f8f8f8; }
+        .dva-stolpca .preko-racunov .ostale-prijave .op-gumb img {
+          height: 1.6rem;
+          width: 52px;
+          padding-right: 1rem;
+          float: left; }
+      .dva-stolpca .preko-racunov .ostale-prijave .aai-prijava-small {
+        font-size: 0.8rem;
+        line-height: 1.2;
+        color: #666;
+        padding-top: 1rem;
+        border-top: 1px solid #333333;
+        margin: 1rem 1rem 0; }
+  .dva-stolpca .gumb {
+    padding-right: 1rem;
+    background: #1e88e5;
+    color: #ffffff;
+    padding: 0.5rem 1rem;
+    max-width: 250px;
+    font-weight: 600;
+    letter-spacing: 1px;
+    cursor: pointer;
+    transition: 0.2s; }
+    .dva-stolpca .gumb:hover {
+      background: #1970bb; }
+    .dva-stolpca .gumb.gumb-aai {
+      background: #e35205;
+      letter-spacing: 0.5px; }
+      .dva-stolpca .gumb.gumb-aai:hover {
+        background: #fa6c21; }
+    .dva-stolpca .gumb img {
+      height: 1.6rem;
+      width: 52px;
+      padding-right: 1rem;
+      float: left; }
+  .dva-stolpca .registracija {
+    padding-right: 1rem;
+    min-width: 310px; }
+  .dva-stolpca .prijava.forma {
+    padding-right: 1rem;
+    width: 100%;
+    min-width: 300px; }
+  .dva-stolpca .error-message {
+    background: rgba(255, 0, 0, 0.1);
+    padding: 0.25rem 0.75rem;
+    color: red;
+    border: 1px solid red;
+    display: none;
+    margin-left: 25px;
+    margin-right: 25px;
+    font-size: 14px;
+    margin-bottom: 16px; }
+    .dva-stolpca .error-message.napaka-registracija {
+      margin-right: 10px; }
+  .dva-stolpca .intro-modal {
+    display: flex;
+    flex-direction: column; }
+    .dva-stolpca .intro-modal .siv-url {
+      text-transform: uppercase;
+      color: #d1d1d1; }
+    .dva-stolpca .intro-modal .besedilo {
+      min-height: 100px;
+      color: #535050;
+      font-size: 16px;
+      line-height: 160%;
+      margin-bottom: 40px; }
+    .dva-stolpca .intro-modal .submit-btn {
+      margin-top: 3px;
+      padding: 14px 49px;
+      font-weight: 600;
+      text-transform: uppercase; }
+      .dva-stolpca .intro-modal .submit-btn span {
+        justify-content: center; }
+    .dva-stolpca .intro-modal .w-button {
+      width: 100%;
+      text-align: center; }
+    .dva-stolpca .intro-modal.intro-1ka {
+      width: 100%;
+      padding-left: 1rem; }
+      .dva-stolpca .intro-modal.intro-1ka h4 {
+        color: #1e88e5;
+        margin-bottom: 0; }
+    .dva-stolpca .intro-modal.intro-aai {
+      padding-right: 1rem;
+      border-right: 1px solid #d1d1d1;
+      width: 100%; }
+      .dva-stolpca .intro-modal.intro-aai .text-arnes {
+        color: #e35205;
+        margin-bottom: 0; }
+      .dva-stolpca .intro-modal.intro-aai .pojasnilo .ikona {
+        float: left; }
+      .dva-stolpca .intro-modal.intro-aai .pojasnilo .tekst {
+        float: left;
+        padding-left: 1rem;
+        color: #e35205 !important;
+        font-weight: bold; }
+  .dva-stolpca .checkbox-field {
+    padding-left: 0;
+    margin-bottom: 16px; }
+    .dva-stolpca .checkbox-field input {
+      width: 18px;
+      height: 18px;
+      min-width: 18px;
+      min-height: 18px;
+      margin-top: 4px; }
+    .dva-stolpca .checkbox-field label {
+      font-weight: 400; }
 
 .naslov-url {
   font-size: 21px;
@@ -1598,16 +1380,13 @@ ul.seznam-tem li.prirocnik a {
   text-transform: uppercase;
   font-weight: bold;
   color: #1e88e5;
-  margin-bottom: 20px;
-}
-.naslov-url.plain {
-  color: #333;
-  justify-content: center;
-}
+  margin-bottom: 20px; }
+  .naslov-url.plain {
+    color: #333;
+    justify-content: center; }
 
 .modra {
-  color: #1e88e5;
-}
+  color: #1e88e5; }
 
 #modal-individualno-svetovanje h3 {
   margin-top: 20px;
@@ -1616,11 +1395,9 @@ ul.seznam-tem li.prirocnik a {
   line-height: 25px;
   font-weight: 700;
   text-transform: uppercase;
-  padding-bottom: 0px;
-}
+  padding-bottom: 0px; }
 #modal-individualno-svetovanje .center {
-  text-align: center;
-}
+  text-align: center; }
 #modal-individualno-svetovanje .flexrow {
   display: -webkit-box;
   display: -webkit-flex;
@@ -1630,24 +1407,20 @@ ul.seznam-tem li.prirocnik a {
   margin-bottom: 10px;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
+  flex-wrap: wrap; }
 #modal-individualno-svetovanje .flexcol {
   padding: 20px;
   -webkit-box-flex: 0;
   -webkit-flex: 0 33.333%;
   -ms-flex: 0 33.333%;
   flex: 0 33.333%;
-  flex-basis: 33.333%;
-}
+  flex-basis: 33.333%; }
 #modal-individualno-svetovanje a {
   color: #1e88e5;
   text-decoration: none;
-  transition: 0.1s;
-}
-#modal-individualno-svetovanje a img {
-  height: 48px;
-}
+  transition: .1s; }
+  #modal-individualno-svetovanje a img {
+    height: 48px; }
 
 input.form-text, input.form-submit {
   display: block;
@@ -1660,436 +1433,358 @@ input.form-text, input.form-submit {
   color: #333;
   vertical-align: middle;
   background-color: #fff;
-  border: 1px solid #ccc;
-}
+  border: 1px solid #ccc; }
 
 input.form-submit {
   background: #1e88e5;
-  color: #ffffff;
-}
+  color: #ffffff; }
 
 input.error-field {
-  border-color: red !important;
-}
+  border-color: red !important; }
 
 @keyframes ellipsis {
   to {
-    width: 20px;
-  }
-}
+    width: 20px; } }
 @-webkit-keyframes ellipsis {
   to {
-    width: 20px;
-  }
-}
+    width: 20px; } }
+#nakupovanje-1ka {
+  width: 1000px;
+  margin: 0 auto; }
+
 .accordion-toggle {
   max-height: 0;
   transition: max-height 0.3s ease-out;
-  overflow: hidden;
-}
+  overflow: hidden; }
 
 .accordion-toggle.active {
   max-height: 1000px;
-  transition: max-height 0.3s ease-in;
-}
+  transition: max-height 0.3s ease-in; }
 
 .paketi {
   padding: 2rem;
   margin-top: -11px;
-  background: #FFF;
-}
-.paketi .podnaslov {
-  line-height: 24px;
-  font-size: 14px;
-}
-.paketi .accordion-head.active .accordion-arrow {
-  transform: rotate(180deg);
-}
-.paketi .razpri-zapri-vse.active .razpri {
-  display: none;
-}
-.paketi .razpri-zapri-vse.active .zapri {
-  display: inline;
-}
-.paketi .razpri-zapri-vse.active .puscica {
-  transform: rotate(180deg);
-}
-.paketi .veljavnost-cenika {
-  padding-top: 2rem;
-  font-style: italic;
-  font-size: 1rem;
-}
-.paketi .compare-descr {
-  min-height: 95px;
-}
+  background: #FFF; }
+  .paketi .podnaslov {
+    line-height: 24px;
+    font-size: 14px; }
+  .paketi .accordion-head.active .accordion-arrow {
+    transform: rotate(180deg); }
+  .paketi .razpri-zapri-vse.active .razpri {
+    display: none; }
+  .paketi .razpri-zapri-vse.active .zapri {
+    display: inline; }
+  .paketi .razpri-zapri-vse.active .puscica {
+    transform: rotate(180deg); }
+  .paketi .veljavnost-cenika {
+    padding-top: 2rem;
+    font-style: italic;
+    font-size: 1rem; }
+  .paketi .compare-descr {
+    min-height: 95px; }
 
 .circle_check {
   margin-right: 2px;
   margin-bottom: 3px;
-  width: 16px;
-}
+  width: 16px; }
 
 .poslovni-uporabniki.paketi .compare-descr {
-  min-height: 168px;
-}
+  min-height: 168px; }
 
 .compare-col {
-  margin: auto;
-}
-.compare-col .cta {
-  background: #FFA608;
-}
-.compare-col .cta:hover {
-  background: #ffcb6e;
-}
+  margin: auto; }
+  .compare-col .cta {
+    background: #FFA608; }
+    .compare-col .cta:hover {
+      background: #ffcb6e; }
 
 .cta {
-  width: 100%;
-}
+  width: 100%; }
 
 .nakup-prijava {
   display: none;
   padding-bottom: 1rem;
-  color: #FFA608;
-}
+  color: #FFA608; }
 
 #predogled-nakupa-1ka,
 #procesiram-nakup-1ka {
-  display: none;
-}
-#predogled-nakupa-1ka .naslov-predogled h1,
-#procesiram-nakup-1ka .naslov-predogled h1 {
-  margin-bottom: 0;
-}
+  display: none; }
+  #predogled-nakupa-1ka .naslov-predogled h1,
+  #procesiram-nakup-1ka .naslov-predogled h1 {
+    margin-bottom: 0; }
 
 .nakup-1ka {
   display: flex;
   flex-direction: row;
   background: white;
-  margin-bottom: 3rem;
-}
-.nakup-1ka .leva {
-  width: 50%;
-  border-right: 1px #d1d1d1 solid;
-  padding-right: 40px;
-}
-.nakup-1ka .leva .month-pick {
-  width: 100%;
-}
-.nakup-1ka .desna {
-  width: 50%;
-  padding-left: 40px;
-  display: flex;
-  flex-direction: row;
-}
-.nakup-1ka .desna .ddesna {
-  width: 50%;
-  padding-top: 50px;
-  padding-left: 50px;
-}
-.nakup-1ka .desna .dleva {
-  width: 50%;
-}
-.nakup-1ka .section-main {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
-.nakup-1ka .section-main.column {
-  flex-direction: column;
-}
-.nakup-1ka .section-main .col {
-  padding-right: 25px;
-  padding-left: 25px;
-  -webkit-box-flex: 0;
-  -webkit-flex: 0 0 33.3333%;
-  -ms-flex: 0 0 33.3333%;
-  flex: 0 0 33.3333%;
-  text-align: center;
-  /* .title{
-    margin-bottom: 10px;
-    color: $temo-modra;
-    font-size: 18px;
-    line-height: 21px;
-    font-weight: 900;
-    text-transform: uppercase;
-  } */
-}
-.nakup-1ka .section-main .col .packet {
-  border: 1px #d1d1d1 solid;
-}
-.nakup-1ka .section-main .col .packet:hover {
-  background-color: #f1f1f1;
-}
-.nakup-1ka .section-main .col img.package {
-  margin-bottom: 20px;
-  width: 120px;
-}
-.nakup-1ka .section-main .col .icon {
-  width: 150px;
-  height: 150px;
-  margin-bottom: 20px;
-}
-.nakup-1ka .center {
-  width: 100%;
-  text-align: center;
-}
-.nakup-1ka .header {
-  background: #1e88e5;
-  display: flex;
-  padding: 1rem;
-  clear: both;
-  color: #FFFFFF;
-}
-.nakup-1ka .header a {
-  color: #FFFFFF;
-}
-.nakup-1ka .accordion {
-  padding: 1rem 2rem;
-}
-.nakup-1ka .accordion-title {
-  color: #1e88e5;
-}
-.nakup-1ka .accordion-head {
-  border: none;
-  padding: 0;
-}
-.nakup-1ka .gumbi {
-  margin-top: 40px;
-  display: flex;
-  justify-content: space-between;
-}
-.nakup-1ka .gumbi .nazaj {
-  margin-left: 25px;
-  margin-right: 15px;
-  justify-content: center;
-}
-.nakup-1ka .podatki-za-podjetje {
-  display: none;
-}
-.nakup-1ka .vrsta-placila {
-  display: flex;
-  justify-content: center;
-}
-.nakup-1ka .vrsta-placila .submit-btn {
-  float: none;
-}
-.nakup-1ka .obvestila {
-  display: flex;
-  justify-content: center;
-  padding: 6rem;
-}
-.nakup-1ka .obvestilo,
-.nakup-1ka .cena-brez-popusta-sklop {
-  display: none;
-}
-.nakup-1ka .izbira h4 {
-  font-weight: normal;
-}
-.nakup-1ka .izbira .paket {
-  display: inline-block;
-  text-align: center;
-  border: 1px solid #D1D1D1;
-  cursor: pointer;
-  width: 200px;
-  font-size: 20px;
-  font-weight: 500;
-  transition: 0.2s;
-}
-.nakup-1ka .izbira .paket img {
-  margin-bottom: 0px;
-  margin-top: 16px;
-}
-.nakup-1ka .izbira .paket .logo {
-  display: block;
-  position: absolute;
-  padding-top: 1rem;
-  height: 45px;
-}
-.nakup-1ka .izbira .paket:hover {
-  background: #f1f1f1;
-  border-color: #d1d1d1;
-}
-.nakup-1ka .izbira .mesec {
-  display: inline-block;
-  text-align: center;
-  border: 1px solid #D1D1D1;
-  cursor: pointer;
-  margin-top: -1px;
-  transition: 0.2s;
-}
-.nakup-1ka .izbira .mesec:hover {
-  background: #f1f1f1;
-  border-color: #d1d1d1;
-}
-.nakup-1ka .izbira label {
-  cursor: pointer;
-  padding: 10px;
-  margin: 0;
-}
-.nakup-1ka .izbira input[type=radio] {
-  opacity: 0;
-  position: absolute;
-}
-.nakup-1ka .izbira input[type=radio]:checked + .paket {
-  background: #f1f1f1;
-  color: #1e88e5;
-  border-color: #d1d1d1;
-}
-.nakup-1ka .izbira input[type=radio]:checked + .mesec {
-  background: #f1f1f1;
-  color: #1e88e5;
-  border-color: #d1d1d1;
-}
-.nakup-1ka .izbira .paket.vrsta-placila {
-  width: 31%;
-}
-.nakup-1ka .izbira.cas-trajanja {
-  display: flex;
-  flex-direction: column;
-}
-.nakup-1ka #skupaj-placilo {
-  color: #FFA608;
-}
-.nakup-1ka #skupaj-placilo h5 {
-  font-weight: normal;
-  color: #333333;
-}
-.nakup-1ka #skupaj-placilo h4 {
-  font-weight: 600;
-  margin-bottom: 0;
-}
-.nakup-1ka #skupaj-placilo .text-small {
-  font-style: italic;
-  font-size: 14px;
-}
-.nakup-1ka .col._narocilo {
-  padding-top: 2rem;
-}
-.nakup-1ka .col._narocilo .col {
-  padding-top: 6px;
-  display: flex;
-  flex-direction: column;
-  padding-right: 0;
-  padding-left: 0;
-  font-weight: bold;
-}
-.nakup-1ka .col._narocilo .col span {
-  font-weight: normal;
-}
-.nakup-1ka .procesiram-narocilo {
-  display: none;
-  padding: 3rem 0;
-}
-.nakup-1ka .procesiram-narocilo .procesiram-posamezno-narocilo {
-  display: none;
-}
-.nakup-1ka .procesiram-narocilo .procesiram-posamezno-narocilo:after {
-  overflow: hidden;
-  display: inline-block;
-  vertical-align: bottom;
-  -webkit-animation: ellipsis steps(4, end) 900ms infinite;
-  animation: ellipsis steps(4, end) 900ms infinite;
-  content: "…";
-  width: 0px;
-}
+  margin-bottom: 3rem; }
+  .nakup-1ka .leva {
+    width: 50%;
+    border-right: 1px #d1d1d1 solid;
+    padding-right: 40px; }
+    .nakup-1ka .leva .month-pick {
+      width: 100%; }
+    .nakup-1ka .leva .sklop .checkbox-field {
+      padding: 0; }
+  .nakup-1ka .desna {
+    width: 50%;
+    padding-left: 40px;
+    display: flex;
+    flex-direction: row; }
+    .nakup-1ka .desna .ddesna {
+      padding-top: 50px;
+      margin-left: auto;
+      padding-top: 104px; }
+      .nakup-1ka .desna .ddesna .cena-z-ddv-text {
+        font-size: 18px; }
+    .nakup-1ka .desna .dleva {
+      width: 54%; }
+      .nakup-1ka .desna .dleva h4 {
+        font-size: 16px; }
+  .nakup-1ka .section-main {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-flex-wrap: wrap;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap; }
+    .nakup-1ka .section-main .col.packet {
+      padding: 0; }
+      .nakup-1ka .section-main .col.packet h3 {
+        margin: 0 !important; }
+    .nakup-1ka .section-main.column {
+      flex-direction: column; }
+    .nakup-1ka .section-main .col {
+      padding-right: 25px;
+      padding-left: 25px;
+      -webkit-box-flex: 0;
+      -webkit-flex: 0 0 33.3333%;
+      -ms-flex: 0 0 33.3333%;
+      flex: 0 0 33.3333%;
+      text-align: center;
+      /* .title{
+        margin-bottom: 10px;
+        color: $temo-modra;
+        font-size: 18px;
+        line-height: 21px;
+        font-weight: 900;
+        text-transform: uppercase;
+      } */ }
+      .nakup-1ka .section-main .col .packet {
+        border: 1px #d1d1d1 solid; }
+        .nakup-1ka .section-main .col .packet:hover {
+          background-color: #f1f1f1; }
+      .nakup-1ka .section-main .col img.package {
+        margin-bottom: 20px;
+        width: 120px; }
+      .nakup-1ka .section-main .col .icon {
+        width: 150px;
+        height: 150px;
+        margin-bottom: 20px; }
+  .nakup-1ka .center {
+    width: 100%;
+    text-align: center; }
+  .nakup-1ka .header {
+    background: #1e88e5;
+    display: flex;
+    padding: 1rem;
+    clear: both;
+    color: #FFFFFF; }
+    .nakup-1ka .header a {
+      color: #FFFFFF; }
+  .nakup-1ka .accordion {
+    padding: 1rem 2rem; }
+  .nakup-1ka .accordion-title {
+    color: #1e88e5; }
+  .nakup-1ka .accordion-head {
+    border: none;
+    padding: 0; }
+  .nakup-1ka .gumbi {
+    margin-top: 40px;
+    display: flex;
+    justify-content: space-between; }
+    .nakup-1ka .gumbi .submit-btn {
+      text-transform: uppercase; }
+    .nakup-1ka .gumbi .nazaj {
+      margin-left: 25px;
+      margin-right: 15px;
+      justify-content: center; }
+  .nakup-1ka .podatki-za-podjetje {
+    display: none; }
+  .nakup-1ka .vrsta-placila {
+    display: flex;
+    justify-content: center; }
+    .nakup-1ka .vrsta-placila .submit-btn {
+      float: none; }
+  .nakup-1ka .obvestila {
+    display: flex;
+    justify-content: center;
+    padding: 6rem; }
+  .nakup-1ka .obvestilo,
+  .nakup-1ka .cena-brez-popusta-sklop {
+    display: none; }
+  .nakup-1ka .izbira h4 {
+    font-weight: normal; }
+  .nakup-1ka .izbira .paket {
+    display: inline-block;
+    text-align: center;
+    border: 1px solid #D1D1D1;
+    cursor: pointer;
+    width: 200px;
+    font-size: 20px;
+    font-weight: 500;
+    transition: 0.2s; }
+    .nakup-1ka .izbira .paket img {
+      margin-bottom: 0px;
+      margin-top: 16px; }
+    .nakup-1ka .izbira .paket .logo {
+      display: block;
+      position: absolute;
+      padding-top: 1rem;
+      height: 45px; }
+    .nakup-1ka .izbira .paket:hover {
+      background: #f1f1f1;
+      border-color: #d1d1d1; }
+  .nakup-1ka .izbira .mesec {
+    display: inline-block;
+    text-align: center;
+    border: 1px solid #D1D1D1;
+    cursor: pointer;
+    margin-top: -1px;
+    transition: 0.2s; }
+    .nakup-1ka .izbira .mesec:hover {
+      background: #f1f1f1;
+      border-color: #d1d1d1; }
+  .nakup-1ka .izbira label {
+    cursor: pointer;
+    padding: 10px;
+    margin: 0; }
+  .nakup-1ka .izbira input[type=radio] {
+    opacity: 0;
+    position: absolute; }
+    .nakup-1ka .izbira input[type=radio]:checked + .paket {
+      background: #f1f1f1;
+      color: #1e88e5;
+      border-color: #d1d1d1; }
+    .nakup-1ka .izbira input[type=radio]:checked + .mesec {
+      background: #f1f1f1;
+      color: #0040A9;
+      border-color: #d1d1d1; }
+  .nakup-1ka .izbira .paket.vrsta-placila {
+    width: 31%; }
+  .nakup-1ka .izbira.cas-trajanja {
+    display: flex;
+    flex-direction: column; }
+  .nakup-1ka #skupaj-placilo {
+    color: #FFA608; }
+    .nakup-1ka #skupaj-placilo h5 {
+      font-weight: normal;
+      color: #333333; }
+    .nakup-1ka #skupaj-placilo h4 {
+      font-weight: 600;
+      margin-bottom: 0; }
+    .nakup-1ka #skupaj-placilo .text-small {
+      font-size: 14px;
+      color: #1e88e5; }
+  .nakup-1ka .col._narocilo {
+    padding-top: 2rem; }
+    .nakup-1ka .col._narocilo .col {
+      padding-top: 6px;
+      display: flex;
+      flex-direction: column;
+      padding-right: 0;
+      padding-left: 0;
+      font-weight: bold; }
+      .nakup-1ka .col._narocilo .col span {
+        font-weight: normal; }
+  .nakup-1ka .procesiram-narocilo {
+    display: none;
+    padding: 3rem 0; }
+    .nakup-1ka .procesiram-narocilo .procesiram-posamezno-narocilo {
+      display: none; }
+      .nakup-1ka .procesiram-narocilo .procesiram-posamezno-narocilo:after {
+        overflow: hidden;
+        display: inline-block;
+        vertical-align: bottom;
+        -webkit-animation: ellipsis steps(4, end) 900ms infinite;
+        animation: ellipsis steps(4, end) 900ms infinite;
+        content: "\2026";
+        width: 0px; }
 
 .nakup-1ka#izbria-nacina-placila-1ka {
-  display: none;
-}
+  display: none; }
 
 .padding-1 {
-  padding: 1rem;
-}
+  padding: 1rem; }
 
 .ime-paketa {
-  text-transform: uppercase;
-}
+  text-transform: uppercase; }
 
 #narocilo-1ka-pregled .pdf-ikona {
   font-size: 1.6rem;
-  padding-top: 1rem;
-}
+  padding-top: 1rem; }
 #narocilo-1ka-pregled .bottom-buttons {
-  padding-top: 4rem;
-}
+  padding-top: 4rem; }
 
 /** POSLOVNI UPORABNIKI **/
 #nakup-1ka-poslovni-uporabniki {
   display: flex;
   flex-direction: row;
   width: 50%;
-  margin: auto;
-}
-#nakup-1ka-poslovni-uporabniki h1 {
-  text-align: center;
-}
-#nakup-1ka-poslovni-uporabniki .button {
-  width: 200px;
-  text-transform: uppercase;
-  display: flex;
-  justify-content: center;
-}
-#nakup-1ka-poslovni-uporabniki .uspesno-oddano-narocilo {
-  display: none;
-}
-#nakup-1ka-poslovni-uporabniki .vrsta-polje {
-  margin: 15px 0;
-}
+  margin: auto; }
+  #nakup-1ka-poslovni-uporabniki h1 {
+    text-align: center; }
+  #nakup-1ka-poslovni-uporabniki .button {
+    width: 200px;
+    text-transform: uppercase;
+    display: flex;
+    justify-content: center; }
+  #nakup-1ka-poslovni-uporabniki .uspesno-oddano-narocilo {
+    display: none; }
+  #nakup-1ka-poslovni-uporabniki .vrsta-polje {
+    margin: 15px 0; }
 
 .nakupovanje {
-  padding-top: 0px;
-}
+  padding-top: 0px; }
 
 @media (max-width: 1050px) {
   .nakup-1ka .izbira .paket,
-.nakup-1ka .izbira .paket.vrsta-placila,
-.nakup-1ka .izbira .mesec {
-    width: 259px;
-  }
-}
+  .nakup-1ka .izbira .paket.vrsta-placila,
+  .nakup-1ka .izbira .mesec {
+    width: 259px; }
+  .nakup-1ka .izbira .paket {
+    display: block; } }
 @media (max-width: 991px) {
   .paketi .razpri-zapri-vse.active {
-    display: none;
-  }
+    display: none; }
   .paketi p.compare-descr {
-    min-height: 39%;
-  }
+    min-height: 39%; }
 
   .nakup-1ka .izbira .paket,
-.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;
@@ -2097,55 +1792,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;
@@ -2154,9 +1837,7 @@ input.error-field {
     border: 1px solid #1e88e5;
     display: block;
     padding: 9px 15px;
-    margin-top: 1rem;
-  }
-}
+    margin-top: 1rem; } }
 .nav-menu,
 .mobile-nav-menu {
   position: fixed;
@@ -2177,239 +1858,207 @@ input.error-field {
     &.hide{
       height: 0;
     }
-  } */
-}
-.nav-menu .logo,
-.mobile-nav-menu .logo {
-  display: block;
-  height: 71px;
-  margin-top: 0px;
-  padding-top: 14px;
-  padding-bottom: 10px;
-  float: left;
-}
-.nav-menu .block-menu,
-.mobile-nav-menu .block-menu {
-  z-index: 200;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-.nav-menu .block-menu .list-elementi,
-.mobile-nav-menu .block-menu .list-elementi {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  margin-bottom: 0px;
-  padding-left: 30px;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  list-style: none;
-  flex-flow: row wrap;
-  margin-right: 24px;
-}
-.nav-menu .block-menu .list-elementi .nav-li,
-.mobile-nav-menu .block-menu .list-elementi .nav-li {
-  padding-right: 15px;
-  padding-left: 15px;
-  -webkit-box-flex: 0;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  list-style: none;
-}
-.nav-menu .block-menu .list-elementi .nav-li a,
-.mobile-nav-menu .block-menu .list-elementi .nav-li a {
-  display: block;
-  padding-top: 20px;
-  padding-bottom: 3px;
-  border-bottom: 2px solid #fff;
-  color: #343434;
-  font-size: 16px;
-  line-height: 30px;
-  font-weight: 400;
-  text-decoration: none;
-}
-.nav-menu .block-menu .list-elementi .nav-li a:hover,
-.mobile-nav-menu .block-menu .list-elementi .nav-li a:hover {
-  border-bottom-color: #1e88e5;
-  color: #1e88e5;
-}
-.nav-menu .block-menu .list-elementi .nav-li.menue-2-drop,
-.mobile-nav-menu .block-menu .list-elementi .nav-li.menue-2-drop {
-  display: block;
-}
-.nav-menu .block-menu .list-elementi .nav-li.menue-2-drop .nav-ul-2,
-.mobile-nav-menu .block-menu .list-elementi .nav-li.menue-2-drop .nav-ul-2 {
-  position: fixed;
-  left: 0px;
-  top: 70px;
-  right: 0px;
-  z-index: 153;
-  display: none;
-  overflow: hidden;
-  width: 100%;
-  max-width: 1160px;
-  margin-right: auto;
-  margin-left: auto;
-  border-style: none;
-  border-width: 1px;
-  border-color: #b3d8eb;
-  background-color: #fff;
-  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.22);
-}
-.nav-menu .block-menu .desni-elementi,
-.mobile-nav-menu .block-menu .desni-elementi {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
-  justify-content: flex-end;
-  -webkit-box-align: start;
-  -webkit-align-items: start;
-  -ms-flex-align: start;
-  align-items: start;
-  padding-top: 20px;
-  margin-left: auto;
-}
-.nav-menu .block-menu .desni-elementi .searchbutton,
-.mobile-nav-menu .block-menu .desni-elementi .searchbutton {
-  margin-top: 4px;
-  z-index: 999;
-}
-.nav-menu .block-menu .menu-icon,
-.mobile-nav-menu .block-menu .menu-icon {
-  display: none;
-  margin-left: auto;
-}
-.nav-menu .region-header-menu,
-.mobile-nav-menu .region-header-menu {
-  display: flex;
-}
-.nav-menu .region-header-menu .language-switcher-language-url ul,
-.mobile-nav-menu .region-header-menu .language-switcher-language-url ul {
-  list-style: none;
-  padding: 0;
-}
-.nav-menu .region-header-menu .language-switcher-language-url ul li,
-.mobile-nav-menu .region-header-menu .language-switcher-language-url ul li {
-  text-transform: uppercase;
-  font-weight: bold;
-  display: none;
-}
-.nav-menu .region-header-menu .language-switcher-language-url ul li:not(.is-active),
-.mobile-nav-menu .region-header-menu .language-switcher-language-url ul li:not(.is-active) {
-  display: block;
-}
-.nav-menu .region-header-menu .language-switcher-language-url ul li a,
-.mobile-nav-menu .region-header-menu .language-switcher-language-url ul li a {
-  display: block;
-  padding-top: 20px;
-  padding-bottom: 3px;
-  border-bottom: 2px solid #fff;
-  color: #343434;
-  font-size: 16px;
-  line-height: 30px;
-  font-weight: 400;
-}
-.nav-menu .region-header-menu .language-switcher-language-url ul li a:hover,
-.mobile-nav-menu .region-header-menu .language-switcher-language-url ul li a:hover {
-  border-bottom-color: #1e88e5;
-  color: #1e88e5;
-}
+  } */ }
+  .nav-menu .logo,
+  .mobile-nav-menu .logo {
+    display: block;
+    height: 71px;
+    margin-top: 0px;
+    padding-top: 14px;
+    padding-bottom: 10px;
+    float: left; }
+  .nav-menu .block-menu,
+  .mobile-nav-menu .block-menu {
+    z-index: 200;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: start;
+    -webkit-justify-content: flex-start;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1; }
+    .nav-menu .block-menu .list-elementi,
+    .mobile-nav-menu .block-menu .list-elementi {
+      display: -webkit-box;
+      display: -webkit-flex;
+      display: -ms-flexbox;
+      display: flex;
+      margin-bottom: 0px;
+      padding-left: 30px;
+      -webkit-box-pack: start;
+      -webkit-justify-content: flex-start;
+      -ms-flex-pack: start;
+      justify-content: flex-start;
+      -webkit-box-flex: 1;
+      -webkit-flex: 1;
+      -ms-flex: 1;
+      flex: 1;
+      list-style: none;
+      flex-flow: row wrap;
+      margin-right: 24px; }
+      .nav-menu .block-menu .list-elementi .nav-li,
+      .mobile-nav-menu .block-menu .list-elementi .nav-li {
+        padding-right: 15px;
+        padding-left: 15px;
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        list-style: none; }
+        .nav-menu .block-menu .list-elementi .nav-li a,
+        .mobile-nav-menu .block-menu .list-elementi .nav-li a {
+          display: block;
+          padding-top: 20px;
+          padding-bottom: 3px;
+          border-bottom: 2px solid #fff;
+          color: #343434;
+          font-size: 16px;
+          line-height: 30px;
+          font-weight: 400;
+          text-decoration: none; }
+          .nav-menu .block-menu .list-elementi .nav-li a:hover,
+          .mobile-nav-menu .block-menu .list-elementi .nav-li a:hover {
+            border-bottom-color: #1e88e5;
+            color: #1e88e5; }
+        .nav-menu .block-menu .list-elementi .nav-li.menue-2-drop,
+        .mobile-nav-menu .block-menu .list-elementi .nav-li.menue-2-drop {
+          display: block; }
+          .nav-menu .block-menu .list-elementi .nav-li.menue-2-drop .nav-ul-2,
+          .mobile-nav-menu .block-menu .list-elementi .nav-li.menue-2-drop .nav-ul-2 {
+            position: fixed;
+            left: 0px;
+            top: 70px;
+            right: 0px;
+            z-index: 153;
+            display: none;
+            overflow: hidden;
+            width: 100%;
+            max-width: 1160px;
+            margin-right: auto;
+            margin-left: auto;
+            border-style: none;
+            border-width: 1px;
+            border-color: #b3d8eb;
+            background-color: #fff;
+            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.22); }
+    .nav-menu .block-menu .desni-elementi,
+    .mobile-nav-menu .block-menu .desni-elementi {
+      display: -webkit-box;
+      display: -webkit-flex;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-pack: end;
+      -webkit-justify-content: flex-end;
+      -ms-flex-pack: end;
+      justify-content: flex-end;
+      -webkit-box-align: start;
+      -webkit-align-items: start;
+      -ms-flex-align: start;
+      align-items: start;
+      padding-top: 20px;
+      margin-left: auto; }
+      .nav-menu .block-menu .desni-elementi .searchbutton,
+      .mobile-nav-menu .block-menu .desni-elementi .searchbutton {
+        margin-top: 4px;
+        z-index: 999; }
+    .nav-menu .block-menu .menu-icon,
+    .mobile-nav-menu .block-menu .menu-icon {
+      display: none;
+      margin-left: auto; }
+  .nav-menu .region-header-menu,
+  .mobile-nav-menu .region-header-menu {
+    display: flex; }
+    .nav-menu .region-header-menu .language-switcher-language-url ul,
+    .mobile-nav-menu .region-header-menu .language-switcher-language-url ul {
+      list-style: none;
+      padding: 0; }
+      .nav-menu .region-header-menu .language-switcher-language-url ul li,
+      .mobile-nav-menu .region-header-menu .language-switcher-language-url ul li {
+        text-transform: uppercase;
+        font-weight: bold;
+        display: none; }
+        .nav-menu .region-header-menu .language-switcher-language-url ul li:not(.is-active),
+        .mobile-nav-menu .region-header-menu .language-switcher-language-url ul li:not(.is-active) {
+          display: block; }
+        .nav-menu .region-header-menu .language-switcher-language-url ul li a,
+        .mobile-nav-menu .region-header-menu .language-switcher-language-url ul li a {
+          display: block;
+          padding-top: 20px;
+          padding-bottom: 3px;
+          border-bottom: 2px solid #fff;
+          color: #343434;
+          font-size: 16px;
+          line-height: 30px;
+          font-weight: 400; }
+          .nav-menu .region-header-menu .language-switcher-language-url ul li a:hover,
+          .mobile-nav-menu .region-header-menu .language-switcher-language-url ul li a:hover {
+            border-bottom-color: #1e88e5;
+            color: #1e88e5; }
 
 .sidebar_menu {
-  display: block;
-}
-.sidebar_menu h4 a {
-  color: #333;
-  text-decoration: none;
-  text-transform: uppercase;
-  font-weight: 600;
-  font-size: 15px;
-}
-.sidebar_menu h4 a:hover {
-  color: #1e88e5;
-}
-.sidebar_menu #forma-iskanje-second {
-  display: flex;
-}
-.sidebar_menu ul:not(.contextual-links) {
-  display: block;
-  margin: 0px;
-  padding: 0px;
-  color: #333;
-  font-size: 15px;
-  font-weight: 600;
-  text-decoration: none;
-  text-transform: uppercase;
-}
-.sidebar_menu ul:not(.contextual-links):hover {
-  color: #1e88e5;
-}
-.sidebar_menu ul:not(.contextual-links):focus {
-  color: #1e88e5;
-}
-.sidebar_menu ul:not(.contextual-links) li {
-  padding: 0px;
-  margin: 0px;
-  list-style: none;
-}
-.sidebar_menu ul:not(.contextual-links) li:hover {
-  color: #1e88e5;
-}
-.sidebar_menu ul:not(.contextual-links) li a {
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  padding-left: 0px;
-  display: block;
-  margin-top: 0px;
-  margin-bottom: 0px;
-  padding-top: 4px;
-  padding-right: 20px;
-  padding-bottom: 4px;
-  color: #333;
-  font-size: 15px;
-  font-weight: 400;
-  text-decoration: none;
-  text-transform: none;
-}
-.sidebar_menu ul:not(.contextual-links) li a.is-active {
-  color: #1e88e5;
-}
-.sidebar_menu ul:not(.contextual-links) li a:hover {
-  color: #1e88e5;
-}
-.sidebar_menu ul.menu-1ka li a {
-  margin-top: 10px;
-  text-transform: uppercase;
-  font-weight: 600;
-}
-.sidebar_menu ul.menu-1ka ul.menu li a {
-  margin-top: 0px;
-  text-transform: none;
-  font-weight: 400;
-}
+  display: block; }
+  .sidebar_menu h4 a {
+    color: #333;
+    text-decoration: none;
+    text-transform: uppercase;
+    font-weight: 600;
+    font-size: 15px; }
+    .sidebar_menu h4 a:hover {
+      color: #1e88e5; }
+  .sidebar_menu #forma-iskanje-second {
+    display: flex; }
+  .sidebar_menu ul:not(.contextual-links) {
+    display: block;
+    margin: 0px;
+    padding: 0px;
+    color: #333;
+    font-size: 15px;
+    font-weight: 600;
+    text-decoration: none;
+    text-transform: uppercase; }
+    .sidebar_menu ul:not(.contextual-links):hover {
+      color: #1e88e5; }
+    .sidebar_menu ul:not(.contextual-links):focus {
+      color: #1e88e5; }
+    .sidebar_menu ul:not(.contextual-links) li {
+      padding: 0px;
+      margin: 0px;
+      list-style: none; }
+      .sidebar_menu ul:not(.contextual-links) li:hover {
+        color: #1e88e5; }
+      .sidebar_menu ul:not(.contextual-links) li a {
+        -webkit-flex-wrap: wrap;
+        -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+        padding-left: 0px;
+        display: block;
+        margin-top: 0px;
+        margin-bottom: 0px;
+        padding-top: 4px;
+        padding-right: 20px;
+        padding-bottom: 4px;
+        color: #333;
+        font-size: 15px;
+        font-weight: 400;
+        text-decoration: none;
+        text-transform: none; }
+        .sidebar_menu ul:not(.contextual-links) li a.is-active {
+          color: #1e88e5; }
+        .sidebar_menu ul:not(.contextual-links) li a:hover {
+          color: #1e88e5; }
+  .sidebar_menu ul.menu-1ka li a {
+    margin-top: 10px;
+    text-transform: uppercase;
+    font-weight: 600; }
+  .sidebar_menu ul.menu-1ka ul.menu li a {
+    margin-top: 0px;
+    text-transform: none;
+    font-weight: 400; }
 
 nav.tabs {
   display: -webkit-box;
@@ -2422,40 +2071,34 @@ nav.tabs {
   -webkit-justify-content: flex-start;
   -ms-flex-pack: center;
   justify-content: flex-start;
-  border-bottom: 1px none #b3d8eb;
-}
-nav.tabs li {
-  margin-right: 12px;
-  border-bottom: 2px solid #d3d3d3;
-  font-size: 20px;
-  position: relative;
-  display: inline-block;
-  vertical-align: top;
-  text-decoration: none;
-  text-align: left;
-  cursor: pointer;
-}
-nav.tabs li a {
-  background: none;
-  color: #999;
-}
-nav.tabs li a:hover, nav.tabs li a.is-active {
-  background-color: #fff;
-  color: #1e88e5;
-}
-nav.tabs li:hover, nav.tabs li.is-active {
-  border-bottom-color: #1e88e5;
-  background-color: #fff;
-  color: #1e88e5;
-}
+  border-bottom: 1px none #b3d8eb; }
+  nav.tabs li {
+    margin-right: 12px;
+    border-bottom: 2px solid #d3d3d3;
+    font-size: 20px;
+    position: relative;
+    display: inline-block;
+    vertical-align: top;
+    text-decoration: none;
+    text-align: left;
+    cursor: pointer; }
+    nav.tabs li a {
+      background: none;
+      color: #999; }
+      nav.tabs li a:hover, nav.tabs li a.is-active {
+        background-color: #fff;
+        color: #1e88e5; }
+    nav.tabs li:hover, nav.tabs li.is-active {
+      border-bottom-color: #1e88e5;
+      background-color: #fff;
+      color: #1e88e5; }
 
 #user-menu ul.user-menu-link {
   list-style: none;
   padding-inline-start: 0;
   border: 1px solid #D1D1D1;
   padding: 10px 15px;
-  margin-top: 5px;
-}
+  margin-top: 5px; }
 
 .mobile-nav-menu {
   position: fixed;
@@ -2469,63 +2112,47 @@ nav.tabs li:hover, nav.tabs li.is-active {
   min-width: 350px;
   flex-direction: column;
   overflow: auto;
-  box-shadow: 4px 4px 11px 0 rgba(0, 0, 0, 0.09);
-}
-.mobile-nav-menu .region-header-menu {
-  flex-direction: column;
-}
-.mobile-nav-menu .region-header-menu .language-switcher-language-url {
-  padding-left: 10px;
-}
-.mobile-nav-menu .region-header-menu a {
-  padding-top: 5px !important;
-  font-size: 19px !important;
-}
-.mobile-nav-menu .region-header-menu a:hover {
-  border-bottom-color: white !important;
-}
-.mobile-nav-menu .region-header-menu .block-menu {
-  flex-direction: column;
-}
-.mobile-nav-menu .region-header-menu .block-menu .list-elementi {
-  flex-direction: column !important;
-  padding-left: 10px !important;
-}
-.mobile-nav-menu .region-header-menu .block-menu .list-elementi .nav-li {
-  padding: 0;
-}
-.mobile-nav-menu .desni-elementi {
-  margin-top: 10px;
-  margin-left: 10px;
-}
+  box-shadow: 4px 4px 11px 0 rgba(0, 0, 0, 0.09); }
+  .mobile-nav-menu .region-header-menu {
+    flex-direction: column; }
+    .mobile-nav-menu .region-header-menu .language-switcher-language-url {
+      padding-left: 10px; }
+    .mobile-nav-menu .region-header-menu a {
+      padding-top: 5px !important;
+      font-size: 19px !important; }
+      .mobile-nav-menu .region-header-menu a:hover {
+        border-bottom-color: white !important; }
+    .mobile-nav-menu .region-header-menu .block-menu {
+      flex-direction: column; }
+      .mobile-nav-menu .region-header-menu .block-menu .list-elementi {
+        flex-direction: column !important;
+        padding-left: 10px !important; }
+        .mobile-nav-menu .region-header-menu .block-menu .list-elementi .nav-li {
+          padding: 0; }
+  .mobile-nav-menu .desni-elementi {
+    margin-top: 10px;
+    margin-left: 10px; }
 
 @media screen and (max-width: 991px) {
   .nav-menu .region-header-menu,
-.nav-menu .desni-elementi {
-    display: none !important;
-  }
+  .nav-menu .desni-elementi {
+    display: none !important; }
   .nav-menu .menu-icon {
     display: block !important;
-    margin-top: 15px;
-  }
-  .nav-menu .menu-icon img {
-    height: 35px;
-    cursor: pointer;
-  }
-}
+    margin-top: 15px; }
+    .nav-menu .menu-icon img {
+      height: 35px;
+      cursor: pointer; } }
 #block-languageswitcher {
-  margin-right: 40px;
-}
-#block-languageswitcher ul {
-  list-style: none;
-  text-transform: uppercase;
-  font-weight: bold;
-}
+  margin-right: 40px; }
+  #block-languageswitcher ul {
+    list-style: none;
+    text-transform: uppercase;
+    font-weight: bold; }
 
 a {
   color: #1e88e5;
-  text-decoration: none;
-}
+  text-decoration: none; }
 
 .side-nav-second {
   display: -webkit-box;
@@ -2535,19 +2162,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;
@@ -2556,8 +2181,7 @@ a {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
-  flex: 1;
-}
+  flex: 1; }
 
 .gumb-svetovanje {
   display: -webkit-box;
@@ -2584,74 +2208,63 @@ a {
   flex: 0 0 100px;
   border-radius: 50% 50% 50% 0px;
   background-color: #D4F0FC;
-  cursor: pointer;
-}
-.gumb-svetovanje .besedilo {
-  color: #0040A9;
-  font-size: 11px;
-  line-height: 17px;
-  font-weight: 700;
-  text-align: center;
-  text-transform: uppercase;
-}
+  cursor: pointer; }
+  .gumb-svetovanje .besedilo {
+    color: #0040A9;
+    font-size: 11px;
+    line-height: 17px;
+    font-weight: 700;
+    text-align: center;
+    text-transform: uppercase; }
 
 .blue-section .secondary-button-white {
-  color: white;
-}
+  color: white; }
 
 #search-api-page-block-form-iskanje {
-  display: flex;
-}
-#search-api-page-block-form-iskanje .js-form-type-search {
-  margin-top: 0;
-  margin-bottom: 0;
-  display: flex;
-  flex-grow: 1;
-}
-#search-api-page-block-form-iskanje .js-form-type-search .form-search {
-  width: 100%;
-  height: 26px;
-  padding: 10px 15px;
-  float: left;
-  border: 1px solid #D1D1D1;
-  border-radius: 37px 0px 0px 37px;
-  padding-left: 29px;
-  border-right: 0px;
-  font-size: 18px;
-  outline: none;
-}
-#search-api-page-block-form-iskanje .js-form-type-search .form-search:focus {
-  border-color: #1e88e5;
-}
-#search-api-page-block-form-iskanje .search-form__submit {
-  width: 48px;
-  height: 48px;
-  border-radius: 0px 37px 37px 0px;
-  background-color: #1e88e5;
-  border-left: 0px;
-  background-image: url("../svg/icons-search-bela.svg");
-  background-position: 50% 50%;
-  background-size: 26px 26px;
-  background-repeat: no-repeat;
-  letter-spacing: 3px;
-  color: transparent;
-  margin-left: 0 !important;
-  border: none;
-}
+  display: flex; }
+  #search-api-page-block-form-iskanje .js-form-type-search {
+    margin-top: 0;
+    margin-bottom: 0;
+    display: flex;
+    flex-grow: 1; }
+    #search-api-page-block-form-iskanje .js-form-type-search .form-search {
+      width: 100%;
+      height: 26px;
+      padding: 10px 15px;
+      float: left;
+      border: 1px solid #D1D1D1;
+      border-radius: 37px 0px 0px 37px;
+      padding-left: 29px;
+      border-right: 0px;
+      font-size: 18px;
+      outline: none; }
+      #search-api-page-block-form-iskanje .js-form-type-search .form-search:focus {
+        border-color: #1e88e5; }
+  #search-api-page-block-form-iskanje .search-form__submit {
+    width: 48px;
+    height: 48px;
+    border-radius: 0px 37px 37px 0px;
+    background-color: #1e88e5;
+    border-left: 0px;
+    background-image: url("../svg/icons-search-bela.svg");
+    background-position: 50% 50%;
+    background-size: 26px 26px;
+    background-repeat: no-repeat;
+    letter-spacing: 3px;
+    color: transparent;
+    margin-left: 0 !important;
+    border: none; }
 
 .node--view-mode-search-result h2 {
   font-size: 22px;
   line-height: 26px;
   text-transform: uppercase;
-  color: #1e88e5;
-}
-.node--view-mode-search-result h2:hover {
-  text-decoration: underline;
-}
+  color: #1e88e5; }
+  .node--view-mode-search-result h2:hover {
+    text-decoration: underline; }
 
 .iskanje-najdeno-st-zadetkov {
-  color: #D1D1D1;
-}
+  color: #D1D1D1; }
 
 .novice-page ul {
   display: -webkit-box;
@@ -2663,120 +2276,94 @@ a {
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
-  list-style: none;
-}
-.novice-page ul li {
-  padding: 20px;
-  -webkit-box-flex: 0;
-  -webkit-flex: 0 33.333%;
-  -ms-flex: 0 33.333%;
-  flex: 0 33.333%;
-  -webkit-flex-basis: 33.333%;
-  -ms-flex-preferred-size: 33.333%;
-  flex-basis: 33.333%;
-}
-.novice-page ul li .datum-novica.mesec {
-  font-size: 18px;
-  line-height: 40px;
-  text-transform: uppercase;
-}
-.novice-page ul li .datum-novica.dan-no {
-  display: block;
-  width: 40px;
-  height: 40px;
-  margin-right: 10px;
-  float: left;
-  border-radius: 50%;
-  background-color: #D4F0FC;
-  color: #1e88e5;
-  text-align: center;
-  padding-top: 7px;
-}
-.novice-page ul li .naslov-novica {
-  margin-top: 20px;
-  margin-bottom: 20px;
-  font-size: 19px;
-  line-height: 25px;
-  font-weight: 700;
-  text-transform: uppercase;
-}
-.novice-page ul li .naslov-novica a {
-  color: #535050;
-}
-.novice-page ul li .readmore a {
-  color: #1E88E5;
-  font-weight: 600;
-}
-.novice-page ul li .readmore a:hover {
-  text-decoration-line: underline;
-}
+  list-style: none; }
+  .novice-page ul li {
+    padding: 20px;
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 33.333%;
+    -ms-flex: 0 33.333%;
+    flex: 0 33.333%;
+    -webkit-flex-basis: 33.333%;
+    -ms-flex-preferred-size: 33.333%;
+    flex-basis: 33.333%; }
+    .novice-page ul li .datum-novica.mesec {
+      font-size: 18px;
+      line-height: 40px;
+      text-transform: uppercase; }
+    .novice-page ul li .datum-novica.dan-no {
+      display: block;
+      width: 40px;
+      height: 40px;
+      margin-right: 10px;
+      float: left;
+      border-radius: 50%;
+      background-color: #D4F0FC;
+      color: #1e88e5;
+      text-align: center;
+      padding-top: 7px; }
+    .novice-page ul li .naslov-novica {
+      margin-top: 20px;
+      margin-bottom: 20px;
+      font-size: 19px;
+      line-height: 25px;
+      font-weight: 700;
+      text-transform: uppercase; }
+      .novice-page ul li .naslov-novica a {
+        color: #535050; }
+    .novice-page ul li .readmore a {
+      color: #1E88E5;
+      font-weight: 600; }
+      .novice-page ul li .readmore a:hover {
+        text-decoration-line: underline; }
 
 .cenik-prikaz {
-  margin-top: -150px;
-}
-.cenik-prikaz .ostale-storitve {
-  padding: 2rem 0;
-}
-.cenik-prikaz .ostale-storitve .compare-row.naslov {
-  text-transform: uppercase;
-}
-.cenik-prikaz .ostale-storitve .compare-row.naslov .cd {
-  font-weight: bold;
-}
-.cenik-prikaz .ostale-storitve .compare-row .compare-col.leftcol {
-  min-width: 56%;
-}
-.cenik-prikaz .ostale-storitve .compare-row .compare-col.bold {
-  font-weight: bold;
-}
-.cenik-prikaz .ostale-storitve .accordion-title-block {
-  width: 100%;
-}
-.cenik-prikaz .ostale-storitve .accordion-title-block .accordion-title {
-  min-width: 60%;
-}
-.cenik-prikaz .ostale-storitve .accordion-title-block .accordion-title.w-70 {
-  min-width: 70%;
-}
-.cenik-prikaz .ostale-storitve .accordion-title-block .accordion-title.title-cena {
-  min-width: 20%;
-  font-weight: 400;
-}
-.cenik-prikaz .ostale-storitve.w-70 .compare-col {
-  text-align: right;
-}
-.cenik-prikaz .ostale-storitve.w-70 .compare-col.leftcol {
-  text-align: left;
-}
-.cenik-prikaz .ostale-storitve.w-70 .accordion-title-block .accordion-title {
-  min-width: 70%;
-}
-.cenik-prikaz .ostale-storitve.w-70 .accordion-title-block .accordion-title.title-cena {
-  min-width: 20%;
-  font-weight: 400;
-  text-align: right;
-}
+  margin-top: -150px; }
+  .cenik-prikaz .ostale-storitve {
+    padding: 2rem 0; }
+    .cenik-prikaz .ostale-storitve .compare-row.naslov {
+      text-transform: uppercase; }
+      .cenik-prikaz .ostale-storitve .compare-row.naslov .cd {
+        font-weight: bold; }
+    .cenik-prikaz .ostale-storitve .compare-row .compare-col.leftcol {
+      min-width: 56%; }
+    .cenik-prikaz .ostale-storitve .compare-row .compare-col.bold {
+      font-weight: bold; }
+    .cenik-prikaz .ostale-storitve .accordion-title-block {
+      width: 100%; }
+      .cenik-prikaz .ostale-storitve .accordion-title-block .accordion-title {
+        min-width: 60%; }
+        .cenik-prikaz .ostale-storitve .accordion-title-block .accordion-title.w-70 {
+          min-width: 70%; }
+        .cenik-prikaz .ostale-storitve .accordion-title-block .accordion-title.title-cena {
+          min-width: 20%;
+          font-weight: 400; }
+    .cenik-prikaz .ostale-storitve.w-70 .compare-col {
+      text-align: right; }
+      .cenik-prikaz .ostale-storitve.w-70 .compare-col.leftcol {
+        text-align: left; }
+    .cenik-prikaz .ostale-storitve.w-70 .accordion-title-block .accordion-title {
+      min-width: 70%; }
+      .cenik-prikaz .ostale-storitve.w-70 .accordion-title-block .accordion-title.title-cena {
+        min-width: 20%;
+        font-weight: 400;
+        text-align: right; }
 
 .iskani-rezultat p {
-  color: #333;
-}
+  color: #333; }
 .iskani-rezultat h3 {
-  text-transform: uppercase;
-}
-.iskani-rezultat h3:hover {
-  text-decoration: underline;
-}
+  text-transform: uppercase; }
+  .iskani-rezultat h3:hover {
+    text-decoration: underline; }
 
 @font-face {
-  font-family: "webflow-icons";
+  font-family: 'webflow-icons';
   src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
   font-weight: normal;
-  font-style: normal;
-}
-[class^=w-icon-],
+  font-style: normal; }
+[class^="w-icon-"],
 [class*=" w-icon-"] {
   /* use !important to prevent issues with browser extensions that change fonts */
-  font-family: "webflow-icons" !important;
+  font-family: 'webflow-icons' !important;
   speak: none;
   font-style: normal;
   font-weight: normal;
@@ -2785,43 +2372,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;
@@ -2830,27 +2408,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 {
@@ -2859,16 +2432,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;
@@ -2879,16 +2449,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 * {
@@ -2926,7 +2493,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;
@@ -2950,8 +2517,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;
@@ -2968,7 +2534,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;
@@ -2978,15 +2544,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,
@@ -2995,82 +2559,68 @@ h4,
 h5,
 h6 {
   font-weight: bold;
-  margin-bottom: 10px;
-}
+  margin-bottom: 10px; }
 
 h1 {
   font-size: 38px;
   line-height: 44px;
-  margin-top: 20px;
-}
+  margin-top: 20px; }
 
 h2 {
   font-size: 32px;
   line-height: 36px;
-  margin-top: 20px;
-}
+  margin-top: 20px; }
 
 h3 {
   font-size: 24px;
   line-height: 30px;
-  margin-top: 20px;
-}
+  margin-top: 20px; }
 
 h4 {
   font-size: 18px;
   line-height: 24px;
-  margin-top: 10px;
-}
+  margin-top: 10px; }
 
 h5 {
   font-size: 14px;
   line-height: 20px;
-  margin-top: 10px;
-}
+  margin-top: 10px; }
 
 h6 {
   font-size: 12px;
   line-height: 18px;
-  margin-top: 10px;
-}
+  margin-top: 10px; }
 
 p {
   margin-top: 0;
-  margin-bottom: 10px;
-}
+  margin-bottom: 10px; }
 
 blockquote {
   margin: 0 0 10px 0;
   padding: 10px 20px;
   border-left: 5px solid #E2E2E2;
   font-size: 18px;
-  line-height: 22px;
-}
+  line-height: 22px; }
 
 figure {
   margin: 0;
-  margin-bottom: 10px;
-}
+  margin-bottom: 10px; }
 
 figcaption {
   margin-top: 5px;
-  text-align: center;
-}
+  text-align: center; }
 
 ul,
 ol {
   margin-top: 0px;
   margin-bottom: 10px;
-  padding-left: 40px;
-}
+  padding-left: 40px; }
 
 .w-list-unstyled {
   padding-left: 0;
-  list-style: none;
-}
-.w-list-unstyled .w-list-unstyled {
-  padding-left: 20px !important;
-}
+  list-style: none; }
+  .w-list-unstyled .menu.w-list-unstyled {
+    padding-left: 20px !important; }
 
 .w-embed:before,
 .w-embed:after {
@@ -3079,18 +2629,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,
@@ -3099,46 +2646,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 {
@@ -3152,35 +2692,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],
@@ -3189,34 +2723,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 {
@@ -3225,29 +2753,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;
@@ -3255,27 +2778,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;
@@ -3285,8 +2804,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;
@@ -3295,14 +2813,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;
@@ -3311,25 +2827,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;
@@ -3339,25 +2851,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 {
@@ -3366,17 +2874,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 {
@@ -3385,17 +2890,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;
@@ -3403,308 +2905,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;
@@ -3715,16 +3141,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;
@@ -3732,32 +3156,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 {
@@ -3768,42 +3186,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 {
@@ -3814,42 +3226,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;
@@ -3863,13 +3268,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;
@@ -3878,8 +3281,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;
@@ -3889,8 +3291,7 @@ textarea.w-select {
   left: 0;
   right: 0;
   height: 100%;
-  white-space: nowrap;
-}
+  white-space: nowrap; }
 
 .w-slide {
   position: relative;
@@ -3899,8 +3300,7 @@ textarea.w-select {
   width: 100%;
   height: 100%;
   white-space: normal;
-  text-align: left;
-}
+  text-align: left; }
 
 .w-slider-nav {
   position: absolute;
@@ -3914,36 +3314,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;
@@ -3953,21 +3346,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 {
@@ -3987,30 +3376,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 {
@@ -4020,8 +3404,7 @@ textarea.w-select {
   left: 0;
   margin: auto;
   width: 1em;
-  height: 1em;
-}
+  height: 1em; }
 
 .w-slider-aria-label {
   border: 0;
@@ -4031,12 +3414,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;
@@ -4044,8 +3425,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,
@@ -4058,8 +3438,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;
@@ -4068,12 +3447,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;
@@ -4083,39 +3460,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.
@@ -4171,8 +3540,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
@@ -4182,39 +3550,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.
@@ -4222,12 +3584,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,
@@ -4236,8 +3596,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"
@@ -4247,25 +3606,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;
@@ -4274,8 +3630,7 @@ textarea.w-select {
   bottom: 0;
   left: 0;
   width: 100%;
-  height: 100%;
-}
+  height: 100%; }
 
 .w-lightbox-control {
   position: absolute;
@@ -4285,25 +3640,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.
@@ -4315,8 +3667,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.
@@ -4331,8 +3682,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)`
@@ -4349,41 +3699,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
@@ -4402,9 +3746,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: "";
@@ -4415,66 +3758,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 {
@@ -4483,117 +3813,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%;
@@ -4602,38 +3911,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 {
@@ -4642,19 +3945,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;
@@ -4665,17 +3965,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;
@@ -4686,13 +3983,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;
@@ -4701,34 +3996,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;
@@ -4742,72 +4031,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 {
@@ -4816,16 +4086,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;
@@ -4836,65 +4103,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;
@@ -4914,12 +4165,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;
@@ -4929,17 +4178,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;
@@ -4948,11 +4195,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;
@@ -4962,8 +4208,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;
@@ -4971,8 +4216,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;
@@ -4992,8 +4236,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;
@@ -5004,62 +4247,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;
@@ -5069,27 +4302,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;
@@ -5103,8 +4331,7 @@ p {
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
-  align-items: center;
-}
+  align-items: center; }
 
 .container {
   max-width: 1240px;
@@ -5115,21 +4342,17 @@ p {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
-  flex: 1;
-}
-.container.wide {
-  padding-right: 20px;
-  padding-left: 20px;
-}
+  flex: 1; }
+  .container.wide {
+    padding-right: 20px;
+    padding-left: 20px; }
 
 .container.narrow {
-  max-width: 900px;
-}
+  max-width: 900px; }
 
 .row {
   margin-right: -25px;
-  margin-left: -25px;
-}
+  margin-left: -25px; }
 
 .row.flex {
   display: -webkit-box;
@@ -5142,19 +4365,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;
@@ -5168,15 +4388,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;
@@ -5186,8 +4404,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;
@@ -5195,29 +4412,24 @@ p {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
-  flex: 1;
-}
+  flex: 1; }
 
 .col._4-12-12-12 {
   width: 33.3333%;
   -webkit-box-flex: 0;
   -webkit-flex: 0 0 33.3333%;
   -ms-flex: 0 0 33.3333%;
-  flex: 0 0 33.3333%;
-}
-.col._4-12-12-12 p {
-  flex-grow: 1;
-}
-.col._4-12-12-12 .buttons-row {
-  margin-top: 30px;
-}
+  flex: 0 0 33.3333%; }
+  .col._4-12-12-12 p {
+    flex-grow: 1; }
+  .col._4-12-12-12 .buttons-row {
+    margin-top: 30px; }
 
 .col._6-12-12-12 {
   -webkit-box-flex: 0;
   -webkit-flex: 0 50%;
   -ms-flex: 0 50%;
-  flex: 0 50%;
-}
+  flex: 0 50%; }
 
 .col._6-12-12-12.vert-center {
   display: -webkit-box;
@@ -5227,51 +4439,42 @@ p {
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
-  align-items: center;
-}
+  align-items: center; }
 
 .col._6-12-12-12 {
   -webkit-box-flex: 0;
   -webkit-flex: 0 50%;
   -ms-flex: 0 50%;
-  flex: 0 50%;
-}
+  flex: 0 50%; }
 
 .col._4-4-12-12 {
   -webkit-box-flex: 0;
   -webkit-flex: 0 33.333%;
   -ms-flex: 0 33.333%;
-  flex: 0 33.333%;
-}
+  flex: 0 33.333%; }
 
 .col.kvleft {
   max-width: 700px;
-  float: left;
-}
+  float: left; }
 
 .col._3-6-6-12 {
   -webkit-box-flex: 0;
   -webkit-flex: 0 25%;
   -ms-flex: 0 25%;
-  flex: 0 25%;
-}
-.col._3-6-6-12 .center {
-  display: flex;
-  flex-direction: column;
-}
-.col._3-6-6-12 .center p {
-  flex-grow: 1;
-}
-.col._3-6-6-12 .center .buttons-row {
-  margin-top: 20px;
-}
+  flex: 0 25%; }
+  .col._3-6-6-12 .center {
+    display: flex;
+    flex-direction: column; }
+    .col._3-6-6-12 .center p {
+      flex-grow: 1; }
+    .col._3-6-6-12 .center .buttons-row {
+      margin-top: 20px; }
 
 .col._6-6-6-12 {
   -webkit-box-flex: 0;
   -webkit-flex: 0 50%;
   -ms-flex: 0 50%;
-  flex: 0 50%;
-}
+  flex: 0 50%; }
 
 .col.gridcol {
   display: -webkit-box;
@@ -5282,16 +4485,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;
@@ -5300,11 +4501,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;
@@ -5312,8 +4512,7 @@ p {
   top: 0%;
   right: 0%;
   bottom: auto;
-  z-index: 4;
-}
+  z-index: 4; }
 
 .burger {
   display: none;
@@ -5321,8 +4520,7 @@ p {
   height: 50px;
   padding: 10px;
   float: right;
-  background-color: #fff;
-}
+  background-color: #fff; }
 
 .button {
   position: relative;
@@ -5352,36 +4550,30 @@ p {
     -moz-transition: background-color 200ms linear;
     -o-transition: background-color 200ms linear;
     -ms-transition: background-color 200ms linear;
-    transition: background-color 200ms linear; */
-}
+    transition: background-color 200ms linear; */ }
 
 .button:hover {
-  color: #f5f4f0;
-}
+  color: #f5f4f0; }
 
 .button:active {
-  box-shadow: none;
-}
+  box-shadow: none; }
 
 .button.shrink {
   max-width: 200px;
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
-  flex: 1;
-}
+  flex: 1; }
 
 .button.main-button {
   background: linear-gradient(to left, #1e88e5 50%, #0040A9 50%) right;
   background-size: 200%;
-  transition: 0.2s ease-out;
+  transition: .2s ease-out;
   color: #fff;
-  border: 1px solid #1e88e5;
-}
-.button.main-button img {
-  opacity: 1;
-  transition: opacity 200ms;
-}
+  border: 1px solid #1e88e5; }
+  .button.main-button img {
+    opacity: 1;
+    transition: opacity 200ms; }
 
 .button.main-button-white {
   background-color: #fff;
@@ -5389,40 +4581,32 @@ p {
   border: 1px solid #fff;
   background: linear-gradient(to left, white 50%, #1e88e5 50%) right;
   background-size: 200%;
-  transition: 0.2s ease-out;
-}
-.button.main-button-white img {
-  opacity: 1;
-  transition: opacity 200ms;
-}
+  transition: .2s ease-out; }
+  .button.main-button-white img {
+    opacity: 1;
+    transition: opacity 200ms; }
 
 .button.main-button:hover {
   border: 1px solid #0040A9;
-  background-position: left;
-}
-.button.main-button:hover img {
-  opacity: 0;
-}
+  background-position: left; }
+  .button.main-button:hover img {
+    opacity: 0; }
 
 .secondary-button {
   background: linear-gradient(to left, white 50%, #1e88e5 50%) right;
   background-size: 200%;
-  transition: 0.2s ease-out;
+  transition: .2s ease-out;
   color: #1e88e5;
   border: 1px solid #1e88e5;
-  padding: 11px 7px 11px 17px;
-}
-.secondary-button img {
-  opacity: 1;
-  transition: opacity 200ms;
-}
-.secondary-button:hover {
-  background-position: left;
-  color: white;
-}
-.secondary-button:hover img {
-  opacity: 0;
-}
+  padding: 11px 7px 11px 17px; }
+  .secondary-button img {
+    opacity: 1;
+    transition: opacity 200ms; }
+  .secondary-button:hover {
+    background-position: left;
+    color: white; }
+    .secondary-button:hover img {
+      opacity: 0; }
 
 .secondary-button-white {
   border: 1px solid #fff !important;
@@ -5431,16 +4615,13 @@ p {
   color: #fff !important;
   background: linear-gradient(to left, #1e88e5 50%, white 50%) right;
   background-size: 200%;
-  transition: 0.2s ease-out;
-}
-.secondary-button-white img {
-  opacity: 1;
-  transition: opacity 200ms;
-}
+  transition: .2s ease-out; }
+  .secondary-button-white img {
+    opacity: 1;
+    transition: opacity 200ms; }
 
 .buttons-row .secondary-button-white {
-  margin-left: 21px;
-}
+  margin-left: 21px; }
 
 .button.submit {
   padding-right: 10px;
@@ -5451,12 +4632,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;
@@ -5467,8 +4646,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;
@@ -5476,13 +4654,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;
@@ -5492,8 +4668,7 @@ p {
   bottom: auto;
   z-index: 140;
   height: 70px;
-  background-color: #fff;
-}
+  background-color: #fff; }
 
 .list {
   display: -webkit-box;
@@ -5509,8 +4684,7 @@ p {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
-  flex: 1;
-}
+  flex: 1; }
 
 .nav-li {
   padding-right: 15px;
@@ -5518,12 +4692,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;
@@ -5534,13 +4706,11 @@ p {
   font-size: 16px;
   line-height: 30px;
   font-weight: 400;
-  text-decoration: none;
-}
+  text-decoration: none; }
 
 .navlink:hover {
   border-bottom-color: #1e88e5;
-  color: #1e88e5;
-}
+  color: #1e88e5; }
 
 .div-block-6 {
   z-index: 200;
@@ -5555,8 +4725,7 @@ p {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
-  flex: 1;
-}
+  flex: 1; }
 
 .intro {
   max-width: 800px;
@@ -5564,8 +4733,7 @@ p {
   margin-bottom: 40px;
   margin-left: auto;
   font-size: 18px;
-  line-height: 27px;
-}
+  line-height: 27px; }
 
 .logo {
   display: block;
@@ -5573,8 +4741,7 @@ p {
   margin-top: 0px;
   padding-top: 14px;
   padding-bottom: 10px;
-  float: left;
-}
+  float: left; }
 
 .kvcol {
   display: -webkit-box;
@@ -5589,12 +4756,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;
@@ -5613,8 +4778,7 @@ p {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
-  flex: 1;
-}
+  flex: 1; }
 
 .kv-image-3 {
   position: absolute;
@@ -5622,20 +4786,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;
@@ -5649,8 +4809,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;
@@ -5658,27 +4817,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;
@@ -5686,21 +4840,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%;
@@ -5709,12 +4860,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;
@@ -5725,36 +4874,28 @@ p {
   display: none;
   color: #fff;
   height: 110%;
-  background-color: #004A90;
-}
+  background-color: #004A90; }
 
 .button-flyin-secondary {
-  background-color: #1e88e5;
-}
+  background-color: #1e88e5; }
 
 .secondary-button-white:hover {
   color: #1e88e5 !important;
-  background-position: left;
-}
-.secondary-button-white:hover img {
-  opacity: 0;
-}
+  background-position: left; }
+  .secondary-button-white:hover img {
+    opacity: 0; }
 
 .button-flyin-blue {
-  background-color: #fff;
-}
+  background-color: #fff; }
 
 .main-button-white:hover {
   color: white;
-  background-position: left;
-}
-.main-button-white:hover img {
-  opacity: 0;
-}
+  background-position: left; }
+  .main-button-white:hover img {
+    opacity: 0; }
 
 .button-flyin.main {
-  background-color: #004A90;
-}
+  background-color: #004A90; }
 
 .testimonial-tile {
   position: relative;
@@ -5762,8 +4903,7 @@ p {
   width: 100%;
   margin-bottom: 20px;
   margin-top: 20px;
-  min-height: 230px;
-}
+  min-height: 230px; }
 
 .test-padding {
   display: -webkit-box;
@@ -5781,8 +4921,7 @@ p {
   -ms-flex-align: center;
   align-items: center;
   background-color: #D4F0FC;
-  text-align: center;
-}
+  text-align: center; }
 
 .text-block-2 {
   position: absolute;
@@ -5795,8 +4934,7 @@ p {
   background-color: #1e88e5;
   color: #fff;
   font-weight: 600;
-  text-align: center;
-}
+  text-align: center; }
 
 .testimonial-quotes {
   position: absolute;
@@ -5824,8 +4962,7 @@ p {
   -ms-flex-align: center;
   align-items: center;
   border-radius: 50%;
-  background-color: #1e88e5;
-}
+  background-color: #1e88e5; }
 
 .login {
   padding-top: 9px;
@@ -5834,12 +4971,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;
@@ -5852,14 +4987,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;
@@ -5881,27 +5014,23 @@ p {
   -ms-flex: 1;
   flex: 1;
   background-color: #fff;
-  text-align: left;
-}
+  text-align: left; }
 
 .center {
-  text-align: center;
-}
+  text-align: center; }
 
 .div-block-11 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
-  display: flex;
-}
+  display: flex; }
 
 .image {
   width: 47px;
   -webkit-box-flex: 0;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-}
+  flex: 0 0 auto; }
 
 .isc {
   display: -webkit-box;
@@ -5912,8 +5041,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;
@@ -5933,27 +5061,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;
@@ -5963,29 +5087,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;
@@ -5997,8 +5116,7 @@ p {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
-  flex: 1;
-}
+  flex: 1; }
 
 .side-title {
   margin-bottom: 50px;
@@ -6006,18 +5124,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;
@@ -6041,34 +5156,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;
@@ -6086,16 +5195,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;
@@ -6103,16 +5210,13 @@ p {
   padding-right: 20px;
   color: #333;
   font-size: 14px;
-  text-decoration: none;
-}
+  text-decoration: none; }
 
 .navlink-2:hover {
-  color: #1e88e5;
-}
+  color: #1e88e5; }
 
 .navlink-2.strong {
-  font-weight: 600;
-}
+  font-weight: 600; }
 
 .nav-sub-row {
   display: -webkit-box;
@@ -6123,12 +5227,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;
@@ -6136,12 +5238,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;
@@ -6154,8 +5254,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;
@@ -6166,36 +5265,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;
@@ -6204,21 +5297,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;
@@ -6226,23 +5315,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;
@@ -6253,8 +5339,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;
@@ -6269,26 +5354,20 @@ p {
   -moz-transition: background-color 200ms linear;
   -o-transition: background-color 200ms linear;
   -ms-transition: background-color 200ms linear;
-  transition: background-color 200ms linear;
-}
-.button-pricechart:hover {
-  background-color: #0040A9;
-}
+  transition: background-color 200ms linear; }
+  .button-pricechart:hover {
+    background-color: #0040A9; }
 
 .button-pricechart.pcb-2 {
   background-color: #ffc700;
-  color: #333;
-}
-.button-pricechart.pcb-2:hover {
-  background-color: #EDB900;
-}
+  color: #333; }
+  .button-pricechart.pcb-2:hover {
+    background-color: #EDB900; }
 
 .button-pricechart.pcb-3 {
-  background-color: #0040A9;
-}
-.button-pricechart.pcb-3:hover {
-  background-color: #003D76;
-}
+  background-color: #0040A9; }
+  .button-pricechart.pcb-3:hover {
+    background-color: #003D76; }
 
 .pricing-icon-outer {
   display: -webkit-box;
@@ -6311,16 +5390,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;
@@ -6338,36 +5414,29 @@ p {
   -ms-flex-align: center;
   align-items: center;
   border-radius: 50%;
-  background-color: #1e88e5;
-}
+  background-color: #1e88e5; }
 
 .pricing-inner-circle.pic-green {
-  background-color: #ffc700;
-}
+  background-color: #ffc700; }
 
 .pricing-inner-circle.pic-grey {
-  background-color: #0040A9;
-}
+  background-color: #0040A9; }
 
 .price-icon {
   width: 60px;
-  height: 60px;
-}
+  height: 60px; }
 
 .textlink {
-  color: #1e88e5;
-}
+  color: #1e88e5; }
 
 .intri-inner {
   margin-top: 20px;
   margin-bottom: 20px;
   font-size: 21px;
-  line-height: 32px;
-}
+  line-height: 32px; }
 
 .image-3--2 {
-  padding-top: 0px;
-}
+  padding-top: 0px; }
 
 .sidelink {
   display: block;
@@ -6379,31 +5448,25 @@ p {
   color: #333;
   font-size: 15px;
   font-weight: 400;
-  text-decoration: none;
-}
+  text-decoration: none; }
 
 .sidelink:hover {
-  color: #1e88e5;
-}
+  color: #1e88e5; }
 
 .sidelink:focus {
-  color: #1e88e5;
-}
+  color: #1e88e5; }
 
 .sidelink.l1 {
   margin-top: 10px;
   color: #333;
   font-weight: 600;
-  text-transform: uppercase;
-}
+  text-transform: uppercase; }
 
 .sidelink.l1:hover {
-  color: #1e88e5;
-}
+  color: #1e88e5; }
 
 .sidelist {
-  padding-left: 0px;
-}
+  padding-left: 0px; }
 
 .breadcrumbs-ul {
   display: -webkit-box;
@@ -6413,24 +5476,20 @@ p {
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: start;
-  justify-content: flex-start;
-}
+  justify-content: flex-start; }
 
 .breadcrumb-li {
-  padding-right: 10px;
-}
+  padding-right: 10px; }
 
 .breadcrumb {
   display: block;
   padding-right: 10px;
   border-right: 1px solid #e5e5e5;
   color: #8c8c8c;
-  text-decoration: none;
-}
+  text-decoration: none; }
 
 .breadcrumb:hover {
-  color: #1e88e5;
-}
+  color: #1e88e5; }
 
 .sidenav {
   width: 300px;
@@ -6441,61 +5500,49 @@ p {
   border-width: 1px;
   border-color: #e5e5e5;
   background-color: #fff;
-  box-shadow: -10px -10px 0 0 #f8f8f8;
-}
+  box-shadow: -10px -10px 0 0 #f8f8f8; }
 
 .sidelink-dd {
   display: block;
   width: 100%;
-  padding: 4px 0px;
-}
+  padding: 4px 0px; }
 
 .dropdown {
   z-index: 1;
-  display: block;
-}
+  display: block; }
 
 .text-block-4 {
   position: relative;
   color: #333;
-  font-size: 15px;
-}
+  font-size: 15px; }
 
 .text-block-4:focus {
-  color: #1e88e5;
-}
+  color: #1e88e5; }
 
 .icon-2 {
-  margin-right: 0px;
-}
+  margin-right: 0px; }
 
 .dropdown-list {
-  position: relative;
-}
+  position: relative; }
 
 .dropdown-list.w--open {
   position: relative;
-  background-color: rgba(255, 255, 255, 0);
-}
+  background-color: rgba(255, 255, 255, 0); }
 
 .sidelink-l3 {
   padding-top: 4px;
   padding-bottom: 4px;
   background-color: transparent;
-  font-size: 15px;
-}
+  font-size: 15px; }
 
 .sidelink-l3:hover {
-  color: #1e88e5;
-}
+  color: #1e88e5; }
 
 .sidelink-l3:focus {
-  color: #1e88e5;
-}
+  color: #1e88e5; }
 
 .sidenav-toggle {
-  display: none;
-}
+  display: none; }
 
 .dashcol {
   max-width: 600px;
@@ -6503,26 +5550,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;
@@ -6544,8 +5587,7 @@ p {
   border-style: dashed;
   border-width: 2px;
   border-color: #1e88e5;
-  border-radius: 50%;
-}
+  border-radius: 50%; }
 
 .inner-icon-circle {
   display: -webkit-box;
@@ -6563,21 +5605,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;
@@ -6590,8 +5629,7 @@ p {
   justify-content: center;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
+  flex-wrap: wrap; }
 
 .trust-logo {
   max-height: 60px;
@@ -6599,8 +5637,7 @@ p {
   margin-bottom: 0px;
   margin-left: 10px;
   padding: 16px;
-  background-color: #fff;
-}
+  background-color: #fff; }
 
 .text-field {
   height: 38px;
@@ -6608,12 +5645,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;
@@ -6623,8 +5658,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;
@@ -6633,14 +5667,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;
@@ -6649,38 +5681,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;
@@ -6698,15 +5723,12 @@ p {
   -ms-flex-align: center;
   align-items: center;
   border-bottom: 1px solid #e5e5e5;
-  font-weight: 700;
-}
-.accordion-head:not(.static) {
-  cursor: pointer;
-}
+  font-weight: 700; }
+  .accordion-head:not(.static) {
+    cursor: pointer; }
 
 .accordion-head:not(.static):hover {
-  color: #1e88e5;
-}
+  color: #1e88e5; }
 
 .collapse-row {
   position: absolute;
@@ -6724,40 +5746,33 @@ p {
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
-  cursor: pointer;
-}
+  cursor: pointer; }
 
 .cd {
   font-size: 16px;
-  font-weight: 500;
-}
+  font-weight: 500; }
 
 .accordion-toggle {
-  overflow: hidden;
-}
+  overflow: hidden; }
 
 .tab-pane-tab-1-2 {
   height: auto;
-  padding-top: 105px;
-}
+  padding-top: 105px; }
 
 .tabs-content {
-  height: auto;
-}
+  height: auto; }
 
 .h2-compare {
   margin-top: 60px;
   margin-bottom: 40px;
   font-size: 28px;
-  line-height: 32px;
-}
+  line-height: 32px; }
 
 .form {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
-  display: flex;
-}
+  display: flex; }
 
 .submit-button {
   width: 38px;
@@ -6773,15 +5788,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;
@@ -6796,8 +5809,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;
@@ -6807,8 +5819,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%;
@@ -6816,8 +5827,7 @@ p {
   padding-bottom: 9px;
   border-right: 1px solid #e0f6ff;
   background-color: #fff;
-  text-align: center;
-}
+  text-align: center; }
 
 .sarr {
   width: 50px;
@@ -6825,30 +5835,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;
@@ -6860,8 +5865,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;
@@ -6870,8 +5874,7 @@ p {
   border: 1px solid #cccccc;
   border-right: 0px;
   font-size: 20px;
-  line-height: 20px;
-}
+  line-height: 20px; }
 
 .hide-search {
   width: 48px;
@@ -6879,36 +5882,32 @@ p {
   padding: 12px;
   border-radius: 43px;
   background-color: #fff;
-  cursor: pointer;
-}
+  cursor: pointer; }
 
 .searchform {
   position: fixed;
   left: 0%;
-  top: 0% !important;
+  top: 70px !important;
   right: 0%;
   bottom: auto;
   z-index: 150;
   display: none;
-  min-height: 100px;
-  padding-top: 70px;
-  background-color: transparent;
-  box-shadow: 0 11px 8px -8px rgba(0, 0, 0, 0.33);
-}
-.searchform .container {
-  width: 100%;
   background-color: white;
-  margin-right: 0;
-  margin-left: 0;
-  padding-right: 0;
-  padding-left: 0;
-  max-width: 100%;
-}
-.searchform .container .row {
-  max-width: 1240px;
-  margin-right: auto;
-  margin-left: auto;
-}
+  box-shadow: 0 11px 8px -8px rgba(0, 0, 0, 0.33); }
+  .searchform .container {
+    width: 100%;
+    background-color: white;
+    margin-right: 0;
+    margin-left: 0;
+    padding-right: 0;
+    padding-left: 0;
+    max-width: 100%; }
+    .searchform .container .row {
+      max-width: 1240px;
+      margin-right: auto;
+      margin-left: auto;
+      padding-right: 40px;
+      padding-left: 40px; }
 
 .button-small {
   margin-right: 5px;
@@ -6920,8 +5919,7 @@ p {
   border-color: #ececec;
   border-radius: 6px;
   background-color: #fff;
-  color: #8b8b8b;
-}
+  color: #8b8b8b; }
 
 .badge {
   display: -webkit-box;
@@ -6951,44 +5949,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;
@@ -7009,8 +5999,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;
@@ -7022,30 +6011,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;
@@ -7053,8 +6037,7 @@ p {
   display: -ms-flexbox;
   display: flex;
   margin-right: -5px;
-  margin-left: -5px;
-}
+  margin-left: -5px; }
 
 .gorm-col {
   padding-right: 5px;
@@ -7062,8 +6045,7 @@ p {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
-  flex: 1;
-}
+  flex: 1; }
 
 .radio-button {
   width: 20px;
@@ -7071,42 +6053,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;
@@ -7115,26 +6089,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;
@@ -7158,13 +6128,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;
@@ -7179,119 +6147,105 @@ p {
     background-size: 30px 30px;
     background-repeat: no-repeat;
     text-align: center;
-    cursor: pointer;
-  }
+    cursor: pointer; }
+
+  .searchform {
+    top: 62px !important; }
+    .searchform .container {
+      padding-top: 10px; }
+      .searchform .container .w-form {
+        margin: 0; }
 
   .section-main.functionalities {
-    display: block !important;
-  }
-  .section-main.functionalities .flexcol {
-    margin-bottom: 18px !important;
-  }
+    display: block !important; }
+    .section-main.functionalities .flexcol {
+      margin-bottom: 18px !important; }
 
   .mnenja-up {
-    display: block !important;
-  }
+    display: block !important; }
 
   .content {
     padding-top: 0px;
-    padding-left: 0px;
-  }
+    padding-left: 0px; }
 
   .section {
     padding-top: 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; }
 
   .koraki-spletnega-anketiranja .row {
-    display: block !important;
-  }
+    display: block !important; }
   .koraki-spletnega-anketiranja .gumb {
     flex: none !important;
     width: auto !important;
     margin-left: auto;
-    margin-right: auto;
-  }
+    margin-right: auto; }
 
   .col._4-12-12-12 {
     width: 100% !important;
     -webkit-box-flex: 0 !important;
     -webkit-flex: 0 100% !important;
     -ms-flex: 0 100% !important;
-    flex: 0 100% !important;
-  }
+    flex: 0 100% !important; }
 
   .col._6-12-12-12 {
     -webkit-flex-basis: 100%;
     -ms-flex-preferred-size: 100%;
-    flex-basis: 100%;
-  }
+    flex-basis: 100%; }
 
   .col.kvleft {
     max-width: none;
-    float: none;
-  }
+    float: none; }
 
   .col._3-6-6-12 {
     -webkit-flex-basis: 50%;
     -ms-flex-preferred-size: 50%;
-    flex-basis: 50%;
-  }
+    flex-basis: 50%; }
 
   .topnav {
     left: 0px;
-    z-index: 42;
-  }
+    z-index: 42; }
 
   .burger {
     position: relative;
     z-index: 100;
     display: block;
     padding: 7px;
-    opacity: 1;
-  }
+    opacity: 1; }
 
   .navmenu {
     position: relative;
-    z-index: 15;
-  }
+    z-index: 15; }
 
   .list {
     display: block;
     padding-top: 30px;
     padding-left: 0px;
-    background-color: #fff;
-  }
+    background-color: #fff; }
 
   .navlink {
     padding-top: 0px;
     padding-bottom: 0px;
     border-bottom-style: none;
     font-size: 19px;
-    line-height: 33px;
-  }
+    line-height: 33px; }
 
   .div-block-6 {
     position: fixed;
@@ -7311,18 +6265,15 @@ p {
     -ms-flex: 0 100%;
     flex: 0 100%;
     background-color: #fff;
-    box-shadow: 4px 4px 11px 0 rgba(0, 0, 0, 0.09);
-  }
+    box-shadow: 4px 4px 11px 0 rgba(0, 0, 0, 0.09); }
 
   .logo {
     position: fixed;
     top: 0px;
-    z-index: 43;
-  }
+    z-index: 43; }
 
   .kvcol {
-    max-width: none;
-  }
+    max-width: none; }
 
   .kvcol.leftcol {
     max-width: none !important;
@@ -7330,15 +6281,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;
@@ -7353,44 +6302,35 @@ p {
     -webkit-box-pack: start;
     -webkit-justify-content: flex-start;
     -ms-flex-pack: start;
-    justify-content: flex-start;
-  }
+    justify-content: flex-start; }
 
   .minh {
-    min-height: auto;
-  }
+    min-height: auto; }
 
   .testimonial-tile {
     height: auto;
-    margin-bottom: 57px;
-  }
+    margin-bottom: 57px; }
 
   .uvodni-slider {
-    display: block !important;
-  }
+    display: block !important; }
 
   .image {
-    display: none;
-  }
+    display: none; }
 
   .isc {
     display: none;
-    width: 0%;
-  }
+    width: 0%; }
 
   .text-block-3 {
-    font-size: 48px;
-  }
+    font-size: 48px; }
 
   .col-copy {
-    padding-left: 15px;
-  }
+    padding-left: 15px; }
 
   .image-2 {
     max-width: 300px;
     margin-top: 40px;
-    float: none;
-  }
+    float: none; }
 
   .nav-ul-2 {
     position: relative;
@@ -7404,47 +6344,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;
@@ -7461,8 +6392,7 @@ p {
     border-radius: 0px;
     background-color: #fff;
     box-shadow: none;
-    overflow: auto;
-  }
+    overflow: auto; }
 
   .sidenav-toggle {
     position: fixed;
@@ -7478,164 +6408,126 @@ p {
     border-radius: 39px;
     background-color: #1e88e5;
     box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.37);
-    cursor: pointer;
-  }
-  .sidenav-toggle img {
-    width: 100%;
-  }
+    cursor: pointer; }
+    .sidenav-toggle img {
+      width: 100%; }
 
   .medium-icon-wrapper {
-    margin-top: 20px;
-  }
+    margin-top: 20px; }
 
   .cloud-icon2 {
     max-width: 300px;
     margin-top: 40px;
-    float: none;
-  }
+    float: none; }
 
   .compare-col {
     padding-right: 5px;
     padding-left: 5px;
-    font-size: 14px;
-  }
+    font-size: 14px; }
 
   .compare-col.leftcol {
     -webkit-box-flex: 100%;
     -webkit-flex: 100%;
     -ms-flex: 100%;
-    flex: 100%;
-  }
+    flex: 100%; }
 
   .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%;
-  }
-
-  .searchform {
-    padding-top: 0;
-  }
-  .searchform .container {
-    padding-top: 25px;
-  }
-}
+    width: 33.3333%; } }
 @media screen and (max-width: 767px) {
   h1 {
     font-size: 34px;
-    line-height: 40px;
-  }
+    line-height: 40px; }
 
   h2 {
     font-size: 28px;
-    line-height: 34px;
-  }
+    line-height: 34px; }
 
   .section {
     padding-top: 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; }
 
   .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;
@@ -7647,138 +6539,108 @@ p {
     max-height: 100vh;
     padding-top: 62px;
     padding-right: 55px;
-    padding-left: 55px;
-  }
-}
+    padding-left: 55px; } }
 @media screen and (max-width: 479px) {
   .section.kvs {
-    padding-top: 17px;
-  }
+    padding-top: 17px; }
 
   .container {
     padding-right: 20px;
-    padding-left: 20px;
-  }
+    padding-left: 20px; }
 
   .row {
     margin-right: -10px;
-    margin-left: -10px;
-  }
+    margin-left: -10px; }
 
   .row.flex {
     margin-right: -10px;
-    margin-left: -10px;
-  }
+    margin-left: -10px; }
 
   .row.pricing-row {
-    margin-right: 0px;
-  }
+    margin-right: 0px; }
 
   .col {
     padding-right: 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; }
 
   .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;
@@ -7786,18 +6648,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;
@@ -7805,41 +6664,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;
@@ -7847,38 +6699,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;
@@ -7888,19 +6732,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 bd8e6fcaf..095edd387 100755
--- a/frontend/drupal9/web/themes/custom/pro1ka/js/script.js
+++ b/frontend/drupal9/web/themes/custom/pro1ka/js/script.js
@@ -31,7 +31,8 @@
         // Prikaži polje za iskanje
         jQuery('.searchbutton').on('click', function(){
 
-          jQuery('.searchform').css('transform', 'translate3d(0px, 0px, 0px)');
+          //jQuery('.searchform').css('transform', 'translate3d(0px, 0px, 0px)');
+          jQuery('.searchform').css('display', 'block');
         });
 
         // toggle glavni menu na mobile
@@ -57,7 +58,8 @@
         });
 
         jQuery('.hide-search').on('click', function(){
-          jQuery('.searchform').css('transform', 'translate3d(0px, -100%, 0px)');
+          //jQuery('.searchform').css('transform', 'translate3d(0px, -100%, 0px)');
+          jQuery('.searchform').css('display', 'none');
         });
 
         // ISKANJE
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 a2a2ea0a8..4d2ac8905 100644
--- a/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss
+++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss
@@ -2018,14 +2018,12 @@ p {
 .searchform {
   position: fixed;
   left: 0%;
-  top: 0% !important;
+  top: 70px !important;
   right: 0%;
   bottom: auto;
   z-index: 150;
   display: none;
-  min-height: 100px;
-  padding-top: 70px;
-  background-color: transparent;
+  background-color: white;
   box-shadow: 0 11px 8px -8px rgba(0, 0, 0, 0.33);
 
   .container{
@@ -2041,6 +2039,8 @@ p {
       max-width: 1240px;
       margin-right: auto;
       margin-left: auto;
+      padding-right: 40px;
+      padding-left: 40px;
     }
   }
 }
@@ -2317,6 +2317,16 @@ p {
     cursor: pointer;
   }
 
+  .searchform {
+    top: 62px !important;
+    .container{
+      padding-top: 10px;
+      .w-form{
+        margin: 0;
+      }
+    }
+  }
+
   .section-main{
     &.functionalities{
       display: block !important;
@@ -2674,13 +2684,6 @@ p {
   .slide-partners {
     width: 33.3333%;
   }
-
-  .searchform {
-    padding-top: 0;
-    .container{
-      padding-top: 25px;
-    }
-  }
 }
 
 @media screen and (max-width: 767px) {
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/components.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/components.scss
index c1e006aa1..41e7c0ff4 100644
--- a/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/components.scss
+++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/components.scss
@@ -261,11 +261,12 @@ ol {
   margin-bottom: 10px;
   padding-left: 40px;
 }
+
 .w-list-unstyled {
   padding-left: 0;
   list-style: none;
 
-  .w-list-unstyled{
+  .menu.w-list-unstyled{
     padding-left: 20px !important;
   }
 }
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_nakup.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_nakup.scss
index f678718fd..a1369dc62 100644
--- a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_nakup.scss
+++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_nakup.scss
@@ -10,6 +10,11 @@
   }
 }
 
+#nakupovanje-1ka{
+  width: 1000px;
+  margin: 0 auto;
+}
+
 .accordion-toggle {
   max-height: 0;
   transition: max-height 0.3s ease-out;
@@ -123,6 +128,12 @@
     .month-pick{
       width: 100%;
     }
+
+    .sklop{
+      .checkbox-field{
+        padding: 0;
+      }
+    }
   }
 
   .desna{
@@ -132,12 +143,21 @@
     flex-direction: row;
 
     .ddesna{
-      width: 50%;
+      //width: 50%;
       padding-top: 50px;
-      padding-left: 50px;
+      margin-left: auto;
+      padding-top: 104px;
+
+      .cena-z-ddv-text{
+        font-size: 18px;
+      }
     }
     .dleva{
-      width: 50%;
+      width: 54%;
+
+      h4{
+        font-size: 16px;
+      }
     }
   }
 
@@ -154,6 +174,14 @@
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 
+    .col.packet{
+      padding: 0;
+
+      h3{
+        margin: 0 !important;
+      }
+    }
+
     &.column{
       flex-direction: column;
     }
@@ -233,6 +261,10 @@
     display: flex;
     justify-content: space-between;
 
+    .submit-btn{
+      text-transform: uppercase;
+    }
+
     .nazaj{
       margin-left: 25px;
       margin-right: 15px;
@@ -335,7 +367,7 @@
 
       &:checked + .mesec {
         background: #f1f1f1;
-        color: $modra;
+        color: $temo-modra;
         border-color: #d1d1d1;
       }
     }
@@ -364,8 +396,9 @@
     }
 
     .text-small {
-      font-style: italic;
+      //font-style: italic;
       font-size: 14px;
+      color: $modra;
     }
   }
 
@@ -482,6 +515,10 @@
       .mesec {
         width: 259px;
       }
+
+      .paket{
+        display: block;
+      }
     }
   }
 }
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--front.html.twig b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--front.html.twig
index 5dc31799a..35d177b95 100755
--- a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--front.html.twig
+++ b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--front.html.twig
@@ -62,7 +62,7 @@
     <div class="section-title">
         <h2 class="title">
           {% if language.id == 'sl' %}
-            Izbira pravega paketa glede na vrsto uporabnika
+            Brezplačni in napredni paketi z odločilnimi funkcionalnostmi za vse tipe uporabnikov
           {% else %}
             Choose the right package based on your user type
           {% endif %}
@@ -80,7 +80,7 @@
             </p>
             <div class="buttons-row buttons-center">
               <a href="/d/sl/cenik/zasebni-paketi" class="button shrink secondary-button w-inline-block">
-                <div class="button-label">Vsi paketi</div>
+                <div class="button-label">Zasebni paketi</div>
                 <img src="/tema1ka/svg/icons8-chevron-right.svg" loading="lazy" alt="" class="button-right-arrow" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">
                 <div class="button-flyin button-flyin-secondary" style="transform: translate3d(-100%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; display: block;"></div>
               </a>
@@ -95,7 +95,7 @@
             </p>
             <div class="buttons-row buttons-center">
               <a href="/d/en/price-list/private-packages" class="button shrink secondary-button w-inline-block">
-                <div class="button-label">All packages</div>
+                <div class="button-label">Private packages</div>
                 <img src="/tema1ka/svg/icons8-chevron-right.svg" loading="lazy" alt="" class="button-right-arrow" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">
                 <div class="button-flyin button-flyin-secondary" style="transform: translate3d(-100%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; display: block;"></div>
               </a>
@@ -114,7 +114,7 @@
             <p>Poslovni paketi omogočajo rešitve za skupine uporabnikov, kot so podjetja in organizacije.</p>
             <div class="buttons-row buttons-center">
               <a href="/d/sl/cenik/poslovni-paketi"  class="button shrink secondary-button w-inline-block">
-                <div class="button-label">Vsi paketi</div><img src="/tema1ka/svg/icons8-chevron-right.svg" loading="lazy" alt="" class="button-right-arrow" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">
+                <div class="button-label">Poslovni paketi</div><img src="/tema1ka/svg/icons8-chevron-right.svg" loading="lazy" alt="" class="button-right-arrow" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">
                 <div class="button-flyin button-flyin-secondary" style="transform: translate3d(-100%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; display: block;"></div>
               </a>
             </div>
@@ -127,7 +127,7 @@
             </p>
             <div class="buttons-row buttons-center">
               <a href="/d/en/price-list/business-packages"  class="button shrink secondary-button w-inline-block">
-                <div class="button-label">All packages</div><img src="/tema1ka/svg/icons8-chevron-right.svg" loading="lazy" alt="" class="button-right-arrow" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">
+                <div class="button-label">Business packages</div><img src="/tema1ka/svg/icons8-chevron-right.svg" loading="lazy" alt="" class="button-right-arrow" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">
                 <div class="button-flyin button-flyin-secondary" style="transform: translate3d(-100%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; display: block;"></div>
               </a>
             </div>
@@ -427,9 +427,9 @@
         </div>
         <p class="text">
           {% if language.id == 'sl' %}
-          VSEH KREIRANIH ANKET
+          USTVARJENIH ANKET
         {% else %}
-          TOTAL SURVEYS CREATED
+          SURVEYS CREATED
         {% endif %}
         </p>
       </div>
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--nakup-paketa.html.twig b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--nakup-paketa.html.twig
index b8ff2b5ea..4e0a44b32 100644
--- a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--nakup-paketa.html.twig
+++ b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--nakup-paketa.html.twig
@@ -27,7 +27,7 @@
                     <div class="section-main">
                         <div class="sklop izbira paketov">
                             <div class="w-clearfix">
-                                <div class="col packet">
+                                <div class="col packet" style="margin-right: 15px;">
                                     <input type="radio" id="paket2ka" name="package_id"
                                             value="2" {% if paket == 2 %} checked="checked" {% endif %}>
                                     <span class="paket">
@@ -125,18 +125,21 @@
 
                         <div class="w-clearfix">
                             <div class="sklop">
-                                <input type="email" id="f-email" class="input-field w-input" name="email" value="{{ email_uporabnika }}" size="30" placeholder="{{ prevod['placeholder_email'] }}" title="{{ prevod['nakup_email_title'] }}" required="required" readonly>
+                                <label>{{ prevod['placeholder_email'] }}</label>
+                                <input type="email" id="f-email" class="input-field w-input" name="email" value="{{ email_uporabnika }}" size="30" title="{{ prevod['nakup_email_title'] }}" required="required" readonly>
                             </div>
                         </div>
 
                         <div class="w-clearfix">
                             <div class="sklop">
-                                <input type="text" id="f-ime" class="input-field w-input" name="ime" value="" size="30" placeholder="{{ prevod['placeholder_ime'] }}" required="required">
+                                <label>{{ prevod['placeholder_ime'] }}</label>
+                                <input type="text" id="f-ime" class="input-field w-input" name="ime" value="" size="30" required="required">
                             </div>
                         </div>
 
                         <div class="w-clearfix">
                             <div class="sklop">
+                                <label>{{ prevod['country'] }}</label>
                                 <select name="podjetje_drzava" class="input-field w-input" id="polje-drzava" required="required">
                                     <option disabled="disabled">
                                         -
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--ostale-storitve.html.twig b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--ostale-storitve.html.twig
index aaa9af6cb..ef00b5e4f 100755
--- a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--ostale-storitve.html.twig
+++ b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--ostale-storitve.html.twig
@@ -22,7 +22,7 @@ END HEADER #}
       <div class="row pcenter">
         <div class="vrsta">
         {% if language.id == 'sl' %}
-          <h1>Izbira pravega paketa glede na vrsto uporabnika</h1>
+          <h1>Brezplačni in napredni paketi z odločilnimi funkcionalnostmi za vse tipe uporabnikov</h1>
           <p class="intro">Individualni uporabniki lahko izbirajo med tremi <a href="/d/{{language.id}}/cenik/zasebni-paketi">zasebnimi paketi</a>. V primeru potrebe po “white label” rešitvi in nadzoru nad večjim številom uporabnikov priporočamo <a href="/d/{{language.id}}/cenik/poslovni-paketi">poslovne pakete</a>.
           {% else %}
           <h1>Choose the right package tailored to your needs.</h1>
@@ -808,16 +808,13 @@ END HEADER #}
                       </div>
                     </div>
 
+                    {% if language.id == 'sl' %}
                     <div>
                       <div class="accordion-head static first" data-open="1">
                         <div class="accordion-title-block">
                           <img src="/tema1ka/svg/call-center_1.svg" class="accordion-icon">
                           <div class="accordion-title">
-                            {% if language.id == 'sl' %}
                               UČINKOVITA UPORABA ORODJA ZA SPLETNO ANKETIRANJE 1KA
-                            {% else %}
-
-                            {% endif %}
                           </div>
                         </div>
                       </div>
@@ -827,7 +824,6 @@ END HEADER #}
                           <div class="compare-row">
                             <div class="compare-col leftcol">
                               <div class="cd">
-                                {% if language.id == 'sl' %}
                                   <p>Orodje 1KA omogoča zelo veliko možnosti za izdelavo vprašalnikov in zbiranje podatkov, vendar pa so za izkoriščenje celotnega potenciala orodja potrebna določena metodološka in tehnična znanja. Na interaktivni delavnici se bo udeleženec seznanil s uporabo vseh funkcij 1KA, ki so potrebne za pripravo in izvedbo spletne ankete, od oblikovanja vprašalnika, nastavitev in testiranja, do objave, zbiranja in analiziranja podatkov. Celotna vsebina bo vezana na učinkovito uporabo orodja za spletno anketiranje 1KA. Udeležbo priporočamo vsem, ki se pri svojem delu soočate z zbiranjem podatkov in bi se radi seznanili z orodjem 1KA ter s priporočili za kakovostnejšo izvedbo spletne ankete. Po dogovoru je mogoče delavnico razširiti z dodatnimi vsebinami (npr. pošiljanje email vabil).</p>
 
                                   <ul>
@@ -844,9 +840,6 @@ END HEADER #}
                                     </li>
                                     <li><strong>Lokacija: </strong>preko spleta (ZOOM, MS Teams)</li>
                                   </ul>
-                                {% else %}
-                                  ...
-                                {% endif %}
                               </div>
                             </div>
                           </div>
@@ -860,11 +853,7 @@ END HEADER #}
                         <div class="accordion-title-block">
                           <img src="/tema1ka/svg/data-visualization_1.svg" class="accordion-icon">
                           <div class="accordion-title">
-                            {% if language.id == 'sl' %}
                               VIZUALIZACIJA PODATKOV
-                            {% else %}
-                              DATA VISUALIZATION
-                            {% endif %}
                           </div>
                         </div>
                       </div>
@@ -874,7 +863,6 @@ END HEADER #}
                           <div class="compare-row">
                             <div class="compare-col leftcol">
                               <div class="cd">
-                                {% if language.id == 'sl' %}
                                   <p>Izvedba spletnih anket je tehnično enostavna, vendar je kakovost podatkov v veliki meri odvisna od ustrezne priprave celotne anketne raziskave. Delavnica skozi predavanja in praktične prikaze izpostavlja ključna načela metodologije spletnega anketiranja. Osredotoča se na vse korake priprave in izvedbe spletnih anket, s poudarkom na dejavnikih, ki lahko pozitivno ali negativno vplivajo na kakovost podatkov. Posebna pozornost je namenjena ustrezni pripravi spletnih vprašalnikov in pristopom za spodbujanje sodelovanja v anketah. Delavnica tako ponuja temeljna metodološka znanja za samostojno pripravo kakovostnih spletnih anket. Vsebine je po dogovoru mogoče prilagoditi predznanju in potrebam udeležencev.</p>
 
                                   <ul>
@@ -891,10 +879,6 @@ END HEADER #}
                                     </li>
                                     <li><strong>Lokacija: </strong>preko spleta (ZOOM, MS Teams)</li>
                                   </ul>
-
-                                {% else %}
-                                  ...
-                                {% endif %}
                               </div>
                             </div>
                           </div>
@@ -907,12 +891,8 @@ END HEADER #}
                       <div class="accordion-head static first" data-open="1">
                         <div class="accordion-title-block">
                           <img src="/tema1ka/svg/information_1.svg" class="accordion-icon">
-                          <div class="accordion-title">
-                            {% if language.id == 'sl' %}
+                          <div class="accordion-title"> 
                               DODATNE INFORMACIJE
-                            {% else %}
-                              OTHER INFORMATION
-                            {% endif %}
                           </div>
                         </div>
                       </div>
@@ -922,7 +902,6 @@ END HEADER #}
                           <div class="compare-row">
                             <div class="compare-col leftcol">
                               <div class="cd">
-                                {% if language.id == 'sl' %}
                                   <p>Izvedba delavnice poteka po dogovoru z naročnikom (lokacija, vsebina, trajanje). Cena za izvedbo delavnice za 15 udeležencev je 100 € / uro.&nbsp;Izvede se lahko delavnica tudi za 30 udeležencev, v tem primeru je cena 200 € / uro.<br />
                                     Vse cene so v EUR in brez DDV; če se storitev izvede na fizični lokaciji uporabnika, se tarife zvišajo za 50 %.</p>
 
@@ -931,9 +910,6 @@ END HEADER #}
                                   <ul>
                                     <li><a href="http://www.1ka.si/help1KA">Obrazec za naročilo delavnice&nbsp;</a></li>
                                   </ul>
-                                {% else %}
-                                  ...
-                                {% endif %}
                               </div>
                             </div>
                           </div>
@@ -942,7 +918,7 @@ END HEADER #}
                         </div>
                       </div>
                     </div>
-
+                    {% endif %}
                   </div>
                 </div>
               </div>
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--paketi-poslovni-uporabniki.html.twig b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--paketi-poslovni-uporabniki.html.twig
index b281572c8..1993152eb 100755
--- a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--paketi-poslovni-uporabniki.html.twig
+++ b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--paketi-poslovni-uporabniki.html.twig
@@ -22,7 +22,7 @@
       <div class="row pcenter">
         <div class="vrsta">
         {% if language.id == 'sl' %}
-          <h1>Izbira pravega paketa glede na vrsto uporabnika</h1>
+          <h1>Brezplačni in napredni paketi z odločilnimi funkcionalnostmi za vse tipe uporabnikov</h1>
           <p class="intro">Poslovni uporabniki lahko za manjše potrebe izberejo katerikoli individualni paket (<a href="/d/{{language.id}}/cenik/zasebni-paketi">zasebni paketi</a>). V primeru potrebe po “white label” rešitvi, nadzoru nad uporabniki v primeru večjega števila uporabnikov priporočamo katero izmed spodnjih prilagoditev.</p>
         {% else %}
           <h1>Choose the right package tailored to your needs.</h1>
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--paketi-zasebni.html.twig b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--paketi-zasebni.html.twig
index 705bbdcfe..cbbdba9cc 100755
--- a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--paketi-zasebni.html.twig
+++ b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--paketi-zasebni.html.twig
@@ -22,7 +22,7 @@ END HEADER #}
       <div class="row pcenter">
         <div class="vrsta">
           {% if language.id == 'sl' %}
-          <h1>Izbira pravega paketa glede na vrsto uporabnika</h1>
+          <h1>Brezplačni in napredni paketi z odločilnimi funkcionalnostmi za vse tipe uporabnikov</h1>
           <p class="intro">Individualni uporabniki lahko izbirajo med tremi <a href="/d/{{language.id}}/cenik/zasebni-paketi">zasebnimi paketi</a>. V primeru potrebe po “white label” rešitvi in nadzoru nad večjim številom uporabnikov priporočamo <a href="/d/{{language.id}}/cenik/poslovni-paketi">poslovne pakete</a>.
           {% else %}
           <h1>Choose the right package tailored to your needs.</h1>
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/templates/parts/desni-pregled-narocila.html.twig b/frontend/drupal9/web/themes/custom/pro1ka/templates/parts/desni-pregled-narocila.html.twig
index ecf928219..046dadcc0 100644
--- a/frontend/drupal9/web/themes/custom/pro1ka/templates/parts/desni-pregled-narocila.html.twig
+++ b/frontend/drupal9/web/themes/custom/pro1ka/templates/parts/desni-pregled-narocila.html.twig
@@ -8,9 +8,11 @@
   </div>
   <h4>Način plačila: <span class="prikazNacinPlacila"></span></h4>
   {% if language.id == 'sl' %}
-    <div class="text-small">*Naročnina se zaračuna v enkratnem znesku.</div>
+    <div class="text-small">Naročnina se zaračuna v enkratnem znesku</div>
+    <div class="text-small">DDV je vključen v ceno</div>
   {% else %}
-    <div class="text-small">*The subscription is charged in a lump sum.</div>
+    <div class="text-small">The subscription is charged in a lump sum</div>
+    <div class="text-small">VAT is included in the price</div>
   {% endif %}
 </div>
 <div class="ddesna">
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 0415cb8be..7f527cd65 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
@@ -4,7 +4,7 @@
 
 {# Forma za iskanje#}
 {% set site_url = url("<front>") %}
-<div class="searchform" style="display: flex; transform: translate3d(0px, -100%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">
+<div class="searchform">
   <div class="container">
     <div class="row">
       <div class="vrstica">

From b1ee495d801c3a18dbd8150bfb936e2403e70499 Mon Sep 17 00:00:00 2001
From: patrik2020 <patrik.pucer@gmail.com>
Date: Sun, 9 Oct 2022 08:00:57 +0200
Subject: [PATCH 02/17] =?UTF-8?q?[1KA=20Redesign]=20Pla=C4=8Dljive=20funkc?=
 =?UTF-8?q?ionalnosti=20-=20gumb=20Nadgradite=20paket?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/admin_new.css                      | 2996 ++++++++---------
 .../components/payments/payments.scss         |    5 +-
 2 files changed, 1472 insertions(+), 1529 deletions(-)

diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index 97c8880d4..e45248201 100644
--- a/public/css/admin_new.css
+++ b/public/css/admin_new.css
@@ -214,4767 +214,4767 @@
 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 readers do not read off random characters that represent icons */
 .fa-500px:before {
-  content: "";
+  content: "\f26e";
 }
 
 .fa-accessible-icon:before {
-  content: "";
+  content: "\f368";
 }
 
 .fa-accusoft:before {
-  content: "";
+  content: "\f369";
 }
 
 .fa-ad:before {
-  content: "";
+  content: "\f641";
 }
 
 .fa-address-book:before {
-  content: "";
+  content: "\f2b9";
 }
 
 .fa-address-card:before {
-  content: "";
+  content: "\f2bb";
 }
 
 .fa-adjust:before {
-  content: "";
+  content: "\f042";
 }
 
 .fa-adn:before {
-  content: "";
+  content: "\f170";
 }
 
 .fa-adversal:before {
-  content: "";
+  content: "\f36a";
 }
 
 .fa-affiliatetheme:before {
-  content: "";
+  content: "\f36b";
 }
 
 .fa-air-freshener:before {
-  content: "";
+  content: "\f5d0";
 }
 
 .fa-algolia:before {
-  content: "";
+  content: "\f36c";
 }
 
 .fa-align-center:before {
-  content: "";
+  content: "\f037";
 }
 
 .fa-align-justify:before {
-  content: "";
+  content: "\f039";
 }
 
 .fa-align-left:before {
-  content: "";
+  content: "\f036";
 }
 
 .fa-align-right:before {
-  content: "";
+  content: "\f038";
 }
 
 .fa-alipay:before {
-  content: "";
+  content: "\f642";
 }
 
 .fa-allergies:before {
-  content: "";
+  content: "\f461";
 }
 
 .fa-amazon:before {
-  content: "";
+  content: "\f270";
 }
 
 .fa-amazon-pay:before {
-  content: "";
+  content: "\f42c";
 }
 
 .fa-ambulance:before {
-  content: "";
+  content: "\f0f9";
 }
 
 .fa-american-sign-language-interpreting:before {
-  content: "";
+  content: "\f2a3";
 }
 
 .fa-amilia:before {
-  content: "";
+  content: "\f36d";
 }
 
 .fa-anchor:before {
-  content: "";
+  content: "\f13d";
 }
 
 .fa-android:before {
-  content: "";
+  content: "\f17b";
 }
 
 .fa-angellist:before {
-  content: "";
+  content: "\f209";
 }
 
 .fa-angle-double-down:before {
-  content: "";
+  content: "\f103";
 }
 
 .fa-angle-double-left:before {
-  content: "";
+  content: "\f100";
 }
 
 .fa-angle-double-right:before {
-  content: "";
+  content: "\f101";
 }
 
 .fa-angle-double-up:before {
-  content: "";
+  content: "\f102";
 }
 
 .fa-angle-down:before {
-  content: "";
+  content: "\f107";
 }
 
 .fa-angle-left:before {
-  content: "";
+  content: "\f104";
 }
 
 .fa-angle-right:before {
-  content: "";
+  content: "\f105";
 }
 
 .fa-angle-up:before {
-  content: "";
+  content: "\f106";
 }
 
 .fa-angry:before {
-  content: "";
+  content: "\f556";
 }
 
 .fa-angrycreative:before {
-  content: "";
+  content: "\f36e";
 }
 
 .fa-angular:before {
-  content: "";
+  content: "\f420";
 }
 
 .fa-ankh:before {
-  content: "";
+  content: "\f644";
 }
 
 .fa-app-store:before {
-  content: "";
+  content: "\f36f";
 }
 
 .fa-app-store-ios:before {
-  content: "";
+  content: "\f370";
 }
 
 .fa-apper:before {
-  content: "";
+  content: "\f371";
 }
 
 .fa-apple:before {
-  content: "";
+  content: "\f179";
 }
 
 .fa-apple-alt:before {
-  content: "";
+  content: "\f5d1";
 }
 
 .fa-apple-pay:before {
-  content: "";
+  content: "\f415";
 }
 
 .fa-archive:before {
-  content: "";
+  content: "\f187";
 }
 
 .fa-archway:before {
-  content: "";
+  content: "\f557";
 }
 
 .fa-arrow-alt-circle-down:before {
-  content: "";
+  content: "\f358";
 }
 
 .fa-arrow-alt-circle-left:before {
-  content: "";
+  content: "\f359";
 }
 
 .fa-arrow-alt-circle-right:before {
-  content: "";
+  content: "\f35a";
 }
 
 .fa-arrow-alt-circle-up:before {
-  content: "";
+  content: "\f35b";
 }
 
 .fa-arrow-circle-down:before {
-  content: "";
+  content: "\f0ab";
 }
 
 .fa-arrow-circle-left:before {
-  content: "";
+  content: "\f0a8";
 }
 
 .fa-arrow-circle-right:before {
-  content: "";
+  content: "\f0a9";
 }
 
 .fa-arrow-circle-up:before {
-  content: "";
+  content: "\f0aa";
 }
 
 .fa-arrow-down:before {
-  content: "";
+  content: "\f063";
 }
 
 .fa-arrow-left:before {
-  content: "";
+  content: "\f060";
 }
 
 .fa-arrow-right:before {
-  content: "";
+  content: "\f061";
 }
 
 .fa-arrow-up:before {
-  content: "";
+  content: "\f062";
 }
 
 .fa-arrows-alt:before {
-  content: "";
+  content: "\f0b2";
 }
 
 .fa-arrows-alt-h:before {
-  content: "";
+  content: "\f337";
 }
 
 .fa-arrows-alt-v:before {
-  content: "";
+  content: "\f338";
 }
 
 .fa-assistive-listening-systems:before {
-  content: "";
+  content: "\f2a2";
 }
 
 .fa-asterisk:before {
-  content: "";
+  content: "\f069";
 }
 
 .fa-asymmetrik:before {
-  content: "";
+  content: "\f372";
 }
 
 .fa-at:before {
-  content: "";
+  content: "\f1fa";
 }
 
 .fa-atlas:before {
-  content: "";
+  content: "\f558";
 }
 
 .fa-atom:before {
-  content: "";
+  content: "\f5d2";
 }
 
 .fa-audible:before {
-  content: "";
+  content: "\f373";
 }
 
 .fa-audio-description:before {
-  content: "";
+  content: "\f29e";
 }
 
 .fa-autoprefixer:before {
-  content: "";
+  content: "\f41c";
 }
 
 .fa-avianex:before {
-  content: "";
+  content: "\f374";
 }
 
 .fa-aviato:before {
-  content: "";
+  content: "\f421";
 }
 
 .fa-award:before {
-  content: "";
+  content: "\f559";
 }
 
 .fa-aws:before {
-  content: "";
+  content: "\f375";
 }
 
 .fa-backspace:before {
-  content: "";
+  content: "\f55a";
 }
 
 .fa-backward:before {
-  content: "";
+  content: "\f04a";
 }
 
 .fa-balance-scale:before {
-  content: "";
+  content: "\f24e";
 }
 
 .fa-ban:before {
-  content: "";
+  content: "\f05e";
 }
 
 .fa-band-aid:before {
-  content: "";
+  content: "\f462";
 }
 
 .fa-bandcamp:before {
-  content: "";
+  content: "\f2d5";
 }
 
 .fa-barcode:before {
-  content: "";
+  content: "\f02a";
 }
 
 .fa-bars:before {
-  content: "";
+  content: "\f0c9";
 }
 
 .fa-baseball-ball:before {
-  content: "";
+  content: "\f433";
 }
 
 .fa-basketball-ball:before {
-  content: "";
+  content: "\f434";
 }
 
 .fa-bath:before {
-  content: "";
+  content: "\f2cd";
 }
 
 .fa-battery-empty:before {
-  content: "";
+  content: "\f244";
 }
 
 .fa-battery-full:before {
-  content: "";
+  content: "\f240";
 }
 
 .fa-battery-half:before {
-  content: "";
+  content: "\f242";
 }
 
 .fa-battery-quarter:before {
-  content: "";
+  content: "\f243";
 }
 
 .fa-battery-three-quarters:before {
-  content: "";
+  content: "\f241";
 }
 
 .fa-bed:before {
-  content: "";
+  content: "\f236";
 }
 
 .fa-beer:before {
-  content: "";
+  content: "\f0fc";
 }
 
 .fa-behance:before {
-  content: "";
+  content: "\f1b4";
 }
 
 .fa-behance-square:before {
-  content: "";
+  content: "\f1b5";
 }
 
 .fa-bell:before {
-  content: "";
+  content: "\f0f3";
 }
 
 .fa-bell-slash:before {
-  content: "";
+  content: "\f1f6";
 }
 
 .fa-bezier-curve:before {
-  content: "";
+  content: "\f55b";
 }
 
 .fa-bible:before {
-  content: "";
+  content: "\f647";
 }
 
 .fa-bicycle:before {
-  content: "";
+  content: "\f206";
 }
 
 .fa-bimobject:before {
-  content: "";
+  content: "\f378";
 }
 
 .fa-binoculars:before {
-  content: "";
+  content: "\f1e5";
 }
 
 .fa-birthday-cake:before {
-  content: "";
+  content: "\f1fd";
 }
 
 .fa-bitbucket:before {
-  content: "";
+  content: "\f171";
 }
 
 .fa-bitcoin:before {
-  content: "";
+  content: "\f379";
 }
 
 .fa-bity:before {
-  content: "";
+  content: "\f37a";
 }
 
 .fa-black-tie:before {
-  content: "";
+  content: "\f27e";
 }
 
 .fa-blackberry:before {
-  content: "";
+  content: "\f37b";
 }
 
 .fa-blender:before {
-  content: "";
+  content: "\f517";
 }
 
 .fa-blind:before {
-  content: "";
+  content: "\f29d";
 }
 
 .fa-blogger:before {
-  content: "";
+  content: "\f37c";
 }
 
 .fa-blogger-b:before {
-  content: "";
+  content: "\f37d";
 }
 
 .fa-bluetooth:before {
-  content: "";
+  content: "\f293";
 }
 
 .fa-bluetooth-b:before {
-  content: "";
+  content: "\f294";
 }
 
 .fa-bold:before {
-  content: "";
+  content: "\f032";
 }
 
 .fa-bolt:before {
-  content: "";
+  content: "\f0e7";
 }
 
 .fa-bomb:before {
-  content: "";
+  content: "\f1e2";
 }
 
 .fa-bone:before {
-  content: "";
+  content: "\f5d7";
 }
 
 .fa-bong:before {
-  content: "";
+  content: "\f55c";
 }
 
 .fa-book:before {
-  content: "";
+  content: "\f02d";
 }
 
 .fa-book-open:before {
-  content: "";
+  content: "\f518";
 }
 
 .fa-book-reader:before {
-  content: "";
+  content: "\f5da";
 }
 
 .fa-bookmark:before {
-  content: "";
+  content: "\f02e";
 }
 
 .fa-bowling-ball:before {
-  content: "";
+  content: "\f436";
 }
 
 .fa-box:before {
-  content: "";
+  content: "\f466";
 }
 
 .fa-box-open:before {
-  content: "";
+  content: "\f49e";
 }
 
 .fa-boxes:before {
-  content: "";
+  content: "\f468";
 }
 
 .fa-braille:before {
-  content: "";
+  content: "\f2a1";
 }
 
 .fa-brain:before {
-  content: "";
+  content: "\f5dc";
 }
 
 .fa-briefcase:before {
-  content: "";
+  content: "\f0b1";
 }
 
 .fa-briefcase-medical:before {
-  content: "";
+  content: "\f469";
 }
 
 .fa-broadcast-tower:before {
-  content: "";
+  content: "\f519";
 }
 
 .fa-broom:before {
-  content: "";
+  content: "\f51a";
 }
 
 .fa-brush:before {
-  content: "";
+  content: "\f55d";
 }
 
 .fa-btc:before {
-  content: "";
+  content: "\f15a";
 }
 
 .fa-bug:before {
-  content: "";
+  content: "\f188";
 }
 
 .fa-building:before {
-  content: "";
+  content: "\f1ad";
 }
 
 .fa-bullhorn:before {
-  content: "";
+  content: "\f0a1";
 }
 
 .fa-bullseye:before {
-  content: "";
+  content: "\f140";
 }
 
 .fa-burn:before {
-  content: "";
+  content: "\f46a";
 }
 
 .fa-buromobelexperte:before {
-  content: "";
+  content: "\f37f";
 }
 
 .fa-bus:before {
-  content: "";
+  content: "\f207";
 }
 
 .fa-bus-alt:before {
-  content: "";
+  content: "\f55e";
 }
 
 .fa-business-time:before {
-  content: "";
+  content: "\f64a";
 }
 
 .fa-buysellads:before {
-  content: "";
+  content: "\f20d";
 }
 
 .fa-calculator:before {
-  content: "";
+  content: "\f1ec";
 }
 
 .fa-calendar:before {
-  content: "";
+  content: "\f133";
 }
 
 .fa-calendar-alt:before {
-  content: "";
+  content: "\f073";
 }
 
 .fa-calendar-check:before {
-  content: "";
+  content: "\f274";
 }
 
 .fa-calendar-minus:before {
-  content: "";
+  content: "\f272";
 }
 
 .fa-calendar-plus:before {
-  content: "";
+  content: "\f271";
 }
 
 .fa-calendar-times:before {
-  content: "";
+  content: "\f273";
 }
 
 .fa-camera:before {
-  content: "";
+  content: "\f030";
 }
 
 .fa-camera-retro:before {
-  content: "";
+  content: "\f083";
 }
 
 .fa-cannabis:before {
-  content: "";
+  content: "\f55f";
 }
 
 .fa-capsules:before {
-  content: "";
+  content: "\f46b";
 }
 
 .fa-car:before {
-  content: "";
+  content: "\f1b9";
 }
 
 .fa-car-alt:before {
-  content: "";
+  content: "\f5de";
 }
 
 .fa-car-battery:before {
-  content: "";
+  content: "\f5df";
 }
 
 .fa-car-crash:before {
-  content: "";
+  content: "\f5e1";
 }
 
 .fa-car-side:before {
-  content: "";
+  content: "\f5e4";
 }
 
 .fa-caret-down:before {
-  content: "";
+  content: "\f0d7";
 }
 
 .fa-caret-left:before {
-  content: "";
+  content: "\f0d9";
 }
 
 .fa-caret-right:before {
-  content: "";
+  content: "\f0da";
 }
 
 .fa-caret-square-down:before {
-  content: "";
+  content: "\f150";
 }
 
 .fa-caret-square-left:before {
-  content: "";
+  content: "\f191";
 }
 
 .fa-caret-square-right:before {
-  content: "";
+  content: "\f152";
 }
 
 .fa-caret-square-up:before {
-  content: "";
+  content: "\f151";
 }
 
 .fa-caret-up:before {
-  content: "";
+  content: "\f0d8";
 }
 
 .fa-cart-arrow-down:before {
-  content: "";
+  content: "\f218";
 }
 
 .fa-cart-plus:before {
-  content: "";
+  content: "\f217";
 }
 
 .fa-cc-amazon-pay:before {
-  content: "";
+  content: "\f42d";
 }
 
 .fa-cc-amex:before {
-  content: "";
+  content: "\f1f3";
 }
 
 .fa-cc-apple-pay:before {
-  content: "";
+  content: "\f416";
 }
 
 .fa-cc-diners-club:before {
-  content: "";
+  content: "\f24c";
 }
 
 .fa-cc-discover:before {
-  content: "";
+  content: "\f1f2";
 }
 
 .fa-cc-jcb:before {
-  content: "";
+  content: "\f24b";
 }
 
 .fa-cc-mastercard:before {
-  content: "";
+  content: "\f1f1";
 }
 
 .fa-cc-paypal:before {
-  content: "";
+  content: "\f1f4";
 }
 
 .fa-cc-stripe:before {
-  content: "";
+  content: "\f1f5";
 }
 
 .fa-cc-visa:before {
-  content: "";
+  content: "\f1f0";
 }
 
 .fa-centercode:before {
-  content: "";
+  content: "\f380";
 }
 
 .fa-certificate:before {
-  content: "";
+  content: "\f0a3";
 }
 
 .fa-chalkboard:before {
-  content: "";
+  content: "\f51b";
 }
 
 .fa-chalkboard-teacher:before {
-  content: "";
+  content: "\f51c";
 }
 
 .fa-charging-station:before {
-  content: "";
+  content: "\f5e7";
 }
 
 .fa-chart-area:before {
-  content: "";
+  content: "\f1fe";
 }
 
 .fa-chart-bar:before {
-  content: "";
+  content: "\f080";
 }
 
 .fa-chart-line:before {
-  content: "";
+  content: "\f201";
 }
 
 .fa-chart-pie:before {
-  content: "";
+  content: "\f200";
 }
 
 .fa-check:before {
-  content: "";
+  content: "\f00c";
 }
 
 .fa-check-circle:before {
-  content: "";
+  content: "\f058";
 }
 
 .fa-check-double:before {
-  content: "";
+  content: "\f560";
 }
 
 .fa-check-square:before {
-  content: "";
+  content: "\f14a";
 }
 
 .fa-chess:before {
-  content: "";
+  content: "\f439";
 }
 
 .fa-chess-bishop:before {
-  content: "";
+  content: "\f43a";
 }
 
 .fa-chess-board:before {
-  content: "";
+  content: "\f43c";
 }
 
 .fa-chess-king:before {
-  content: "";
+  content: "\f43f";
 }
 
 .fa-chess-knight:before {
-  content: "";
+  content: "\f441";
 }
 
 .fa-chess-pawn:before {
-  content: "";
+  content: "\f443";
 }
 
 .fa-chess-queen:before {
-  content: "";
+  content: "\f445";
 }
 
 .fa-chess-rook:before {
-  content: "";
+  content: "\f447";
 }
 
 .fa-chevron-circle-down:before {
-  content: "";
+  content: "\f13a";
 }
 
 .fa-chevron-circle-left:before {
-  content: "";
+  content: "\f137";
 }
 
 .fa-chevron-circle-right:before {
-  content: "";
+  content: "\f138";
 }
 
 .fa-chevron-circle-up:before {
-  content: "";
+  content: "\f139";
 }
 
 .fa-chevron-down:before {
-  content: "";
+  content: "\f078";
 }
 
 .fa-chevron-left:before {
-  content: "";
+  content: "\f053";
 }
 
 .fa-chevron-right:before {
-  content: "";
+  content: "\f054";
 }
 
 .fa-chevron-up:before {
-  content: "";
+  content: "\f077";
 }
 
 .fa-child:before {
-  content: "";
+  content: "\f1ae";
 }
 
 .fa-chrome:before {
-  content: "";
+  content: "\f268";
 }
 
 .fa-church:before {
-  content: "";
+  content: "\f51d";
 }
 
 .fa-circle:before {
-  content: "";
+  content: "\f111";
 }
 
 .fa-circle-notch:before {
-  content: "";
+  content: "\f1ce";
 }
 
 .fa-city:before {
-  content: "";
+  content: "\f64f";
 }
 
 .fa-clipboard:before {
-  content: "";
+  content: "\f328";
 }
 
 .fa-clipboard-check:before {
-  content: "";
+  content: "\f46c";
 }
 
 .fa-clipboard-list:before {
-  content: "";
+  content: "\f46d";
 }
 
 .fa-clock:before {
-  content: "";
+  content: "\f017";
 }
 
 .fa-clone:before {
-  content: "";
+  content: "\f24d";
 }
 
 .fa-closed-captioning:before {
-  content: "";
+  content: "\f20a";
 }
 
 .fa-cloud:before {
-  content: "";
+  content: "\f0c2";
 }
 
 .fa-cloud-download-alt:before {
-  content: "";
+  content: "\f381";
 }
 
 .fa-cloud-upload-alt:before {
-  content: "";
+  content: "\f382";
 }
 
 .fa-cloudscale:before {
-  content: "";
+  content: "\f383";
 }
 
 .fa-cloudsmith:before {
-  content: "";
+  content: "\f384";
 }
 
 .fa-cloudversify:before {
-  content: "";
+  content: "\f385";
 }
 
 .fa-cocktail:before {
-  content: "";
+  content: "\f561";
 }
 
 .fa-code:before {
-  content: "";
+  content: "\f121";
 }
 
 .fa-code-branch:before {
-  content: "";
+  content: "\f126";
 }
 
 .fa-codepen:before {
-  content: "";
+  content: "\f1cb";
 }
 
 .fa-codiepie:before {
-  content: "";
+  content: "\f284";
 }
 
 .fa-coffee:before {
-  content: "";
+  content: "\f0f4";
 }
 
 .fa-cog:before {
-  content: "";
+  content: "\f013";
 }
 
 .fa-cogs:before {
-  content: "";
+  content: "\f085";
 }
 
 .fa-coins:before {
-  content: "";
+  content: "\f51e";
 }
 
 .fa-columns:before {
-  content: "";
+  content: "\f0db";
 }
 
 .fa-comment:before {
-  content: "";
+  content: "\f075";
 }
 
 .fa-comment-alt:before {
-  content: "";
+  content: "\f27a";
 }
 
 .fa-comment-dollar:before {
-  content: "";
+  content: "\f651";
 }
 
 .fa-comment-dots:before {
-  content: "";
+  content: "\f4ad";
 }
 
 .fa-comment-slash:before {
-  content: "";
+  content: "\f4b3";
 }
 
 .fa-comments:before {
-  content: "";
+  content: "\f086";
 }
 
 .fa-comments-dollar:before {
-  content: "";
+  content: "\f653";
 }
 
 .fa-compact-disc:before {
-  content: "";
+  content: "\f51f";
 }
 
 .fa-compass:before {
-  content: "";
+  content: "\f14e";
 }
 
 .fa-compress:before {
-  content: "";
+  content: "\f066";
 }
 
 .fa-concierge-bell:before {
-  content: "";
+  content: "\f562";
 }
 
 .fa-connectdevelop:before {
-  content: "";
+  content: "\f20e";
 }
 
 .fa-contao:before {
-  content: "";
+  content: "\f26d";
 }
 
 .fa-cookie:before {
-  content: "";
+  content: "\f563";
 }
 
 .fa-cookie-bite:before {
-  content: "";
+  content: "\f564";
 }
 
 .fa-copy:before {
-  content: "";
+  content: "\f0c5";
 }
 
 .fa-copyright:before {
-  content: "";
+  content: "\f1f9";
 }
 
 .fa-couch:before {
-  content: "";
+  content: "\f4b8";
 }
 
 .fa-cpanel:before {
-  content: "";
+  content: "\f388";
 }
 
 .fa-creative-commons:before {
-  content: "";
+  content: "\f25e";
 }
 
 .fa-creative-commons-by:before {
-  content: "";
+  content: "\f4e7";
 }
 
 .fa-creative-commons-nc:before {
-  content: "";
+  content: "\f4e8";
 }
 
 .fa-creative-commons-nc-eu:before {
-  content: "";
+  content: "\f4e9";
 }
 
 .fa-creative-commons-nc-jp:before {
-  content: "";
+  content: "\f4ea";
 }
 
 .fa-creative-commons-nd:before {
-  content: "";
+  content: "\f4eb";
 }
 
 .fa-creative-commons-pd:before {
-  content: "";
+  content: "\f4ec";
 }
 
 .fa-creative-commons-pd-alt:before {
-  content: "";
+  content: "\f4ed";
 }
 
 .fa-creative-commons-remix:before {
-  content: "";
+  content: "\f4ee";
 }
 
 .fa-creative-commons-sa:before {
-  content: "";
+  content: "\f4ef";
 }
 
 .fa-creative-commons-sampling:before {
-  content: "";
+  content: "\f4f0";
 }
 
 .fa-creative-commons-sampling-plus:before {
-  content: "";
+  content: "\f4f1";
 }
 
 .fa-creative-commons-share:before {
-  content: "";
+  content: "\f4f2";
 }
 
 .fa-credit-card:before {
-  content: "";
+  content: "\f09d";
 }
 
 .fa-crop:before {
-  content: "";
+  content: "\f125";
 }
 
 .fa-crop-alt:before {
-  content: "";
+  content: "\f565";
 }
 
 .fa-cross:before {
-  content: "";
+  content: "\f654";
 }
 
 .fa-crosshairs:before {
-  content: "";
+  content: "\f05b";
 }
 
 .fa-crow:before {
-  content: "";
+  content: "\f520";
 }
 
 .fa-crown:before {
-  content: "";
+  content: "\f521";
 }
 
 .fa-css3:before {
-  content: "";
+  content: "\f13c";
 }
 
 .fa-css3-alt:before {
-  content: "";
+  content: "\f38b";
 }
 
 .fa-cube:before {
-  content: "";
+  content: "\f1b2";
 }
 
 .fa-cubes:before {
-  content: "";
+  content: "\f1b3";
 }
 
 .fa-cut:before {
-  content: "";
+  content: "\f0c4";
 }
 
 .fa-cuttlefish:before {
-  content: "";
+  content: "\f38c";
 }
 
 .fa-d-and-d:before {
-  content: "";
+  content: "\f38d";
 }
 
 .fa-dashcube:before {
-  content: "";
+  content: "\f210";
 }
 
 .fa-database:before {
-  content: "";
+  content: "\f1c0";
 }
 
 .fa-deaf:before {
-  content: "";
+  content: "\f2a4";
 }
 
 .fa-delicious:before {
-  content: "";
+  content: "\f1a5";
 }
 
 .fa-deploydog:before {
-  content: "";
+  content: "\f38e";
 }
 
 .fa-deskpro:before {
-  content: "";
+  content: "\f38f";
 }
 
 .fa-desktop:before {
-  content: "";
+  content: "\f108";
 }
 
 .fa-deviantart:before {
-  content: "";
+  content: "\f1bd";
 }
 
 .fa-dharmachakra:before {
-  content: "";
+  content: "\f655";
 }
 
 .fa-diagnoses:before {
-  content: "";
+  content: "\f470";
 }
 
 .fa-dice:before {
-  content: "";
+  content: "\f522";
 }
 
 .fa-dice-five:before {
-  content: "";
+  content: "\f523";
 }
 
 .fa-dice-four:before {
-  content: "";
+  content: "\f524";
 }
 
 .fa-dice-one:before {
-  content: "";
+  content: "\f525";
 }
 
 .fa-dice-six:before {
-  content: "";
+  content: "\f526";
 }
 
 .fa-dice-three:before {
-  content: "";
+  content: "\f527";
 }
 
 .fa-dice-two:before {
-  content: "";
+  content: "\f528";
 }
 
 .fa-digg:before {
-  content: "";
+  content: "\f1a6";
 }
 
 .fa-digital-ocean:before {
-  content: "";
+  content: "\f391";
 }
 
 .fa-digital-tachograph:before {
-  content: "";
+  content: "\f566";
 }
 
 .fa-directions:before {
-  content: "";
+  content: "\f5eb";
 }
 
 .fa-discord:before {
-  content: "";
+  content: "\f392";
 }
 
 .fa-discourse:before {
-  content: "";
+  content: "\f393";
 }
 
 .fa-divide:before {
-  content: "";
+  content: "\f529";
 }
 
 .fa-dizzy:before {
-  content: "";
+  content: "\f567";
 }
 
 .fa-dna:before {
-  content: "";
+  content: "\f471";
 }
 
 .fa-dochub:before {
-  content: "";
+  content: "\f394";
 }
 
 .fa-docker:before {
-  content: "";
+  content: "\f395";
 }
 
 .fa-dollar-sign:before {
-  content: "";
+  content: "\f155";
 }
 
 .fa-dolly:before {
-  content: "";
+  content: "\f472";
 }
 
 .fa-dolly-flatbed:before {
-  content: "";
+  content: "\f474";
 }
 
 .fa-donate:before {
-  content: "";
+  content: "\f4b9";
 }
 
 .fa-door-closed:before {
-  content: "";
+  content: "\f52a";
 }
 
 .fa-door-open:before {
-  content: "";
+  content: "\f52b";
 }
 
 .fa-dot-circle:before {
-  content: "";
+  content: "\f192";
 }
 
 .fa-dove:before {
-  content: "";
+  content: "\f4ba";
 }
 
 .fa-download:before {
-  content: "";
+  content: "\f019";
 }
 
 .fa-draft2digital:before {
-  content: "";
+  content: "\f396";
 }
 
 .fa-drafting-compass:before {
-  content: "";
+  content: "\f568";
 }
 
 .fa-draw-polygon:before {
-  content: "";
+  content: "\f5ee";
 }
 
 .fa-dribbble:before {
-  content: "";
+  content: "\f17d";
 }
 
 .fa-dribbble-square:before {
-  content: "";
+  content: "\f397";
 }
 
 .fa-dropbox:before {
-  content: "";
+  content: "\f16b";
 }
 
 .fa-drum:before {
-  content: "";
+  content: "\f569";
 }
 
 .fa-drum-steelpan:before {
-  content: "";
+  content: "\f56a";
 }
 
 .fa-drupal:before {
-  content: "";
+  content: "\f1a9";
 }
 
 .fa-dumbbell:before {
-  content: "";
+  content: "\f44b";
 }
 
 .fa-dyalog:before {
-  content: "";
+  content: "\f399";
 }
 
 .fa-earlybirds:before {
-  content: "";
+  content: "\f39a";
 }
 
 .fa-ebay:before {
-  content: "";
+  content: "\f4f4";
 }
 
 .fa-edge:before {
-  content: "";
+  content: "\f282";
 }
 
 .fa-edit:before {
-  content: "";
+  content: "\f044";
 }
 
 .fa-eject:before {
-  content: "";
+  content: "\f052";
 }
 
 .fa-elementor:before {
-  content: "";
+  content: "\f430";
 }
 
 .fa-ellipsis-h:before {
-  content: "";
+  content: "\f141";
 }
 
 .fa-ellipsis-v:before {
-  content: "";
+  content: "\f142";
 }
 
 .fa-ello:before {
-  content: "";
+  content: "\f5f1";
 }
 
 .fa-ember:before {
-  content: "";
+  content: "\f423";
 }
 
 .fa-empire:before {
-  content: "";
+  content: "\f1d1";
 }
 
 .fa-envelope:before {
-  content: "";
+  content: "\f0e0";
 }
 
 .fa-envelope-open:before {
-  content: "";
+  content: "\f2b6";
 }
 
 .fa-envelope-open-text:before {
-  content: "";
+  content: "\f658";
 }
 
 .fa-envelope-square:before {
-  content: "";
+  content: "\f199";
 }
 
 .fa-envira:before {
-  content: "";
+  content: "\f299";
 }
 
 .fa-equals:before {
-  content: "";
+  content: "\f52c";
 }
 
 .fa-eraser:before {
-  content: "";
+  content: "\f12d";
 }
 
 .fa-erlang:before {
-  content: "";
+  content: "\f39d";
 }
 
 .fa-ethereum:before {
-  content: "";
+  content: "\f42e";
 }
 
 .fa-etsy:before {
-  content: "";
+  content: "\f2d7";
 }
 
 .fa-euro-sign:before {
-  content: "";
+  content: "\f153";
 }
 
 .fa-exchange-alt:before {
-  content: "";
+  content: "\f362";
 }
 
 .fa-exclamation:before {
-  content: "";
+  content: "\f12a";
 }
 
 .fa-exclamation-circle:before {
-  content: "";
+  content: "\f06a";
 }
 
 .fa-exclamation-triangle:before {
-  content: "";
+  content: "\f071";
 }
 
 .fa-expand:before {
-  content: "";
+  content: "\f065";
 }
 
 .fa-expand-arrows-alt:before {
-  content: "";
+  content: "\f31e";
 }
 
 .fa-expeditedssl:before {
-  content: "";
+  content: "\f23e";
 }
 
 .fa-external-link-alt:before {
-  content: "";
+  content: "\f35d";
 }
 
 .fa-external-link-square-alt:before {
-  content: "";
+  content: "\f360";
 }
 
 .fa-eye:before {
-  content: "";
+  content: "\f06e";
 }
 
 .fa-eye-dropper:before {
-  content: "";
+  content: "\f1fb";
 }
 
 .fa-eye-slash:before {
-  content: "";
+  content: "\f070";
 }
 
 .fa-facebook:before {
-  content: "";
+  content: "\f09a";
 }
 
 .fa-facebook-f:before {
-  content: "";
+  content: "\f39e";
 }
 
 .fa-facebook-messenger:before {
-  content: "";
+  content: "\f39f";
 }
 
 .fa-facebook-square:before {
-  content: "";
+  content: "\f082";
 }
 
 .fa-fast-backward:before {
-  content: "";
+  content: "\f049";
 }
 
 .fa-fast-forward:before {
-  content: "";
+  content: "\f050";
 }
 
 .fa-fax:before {
-  content: "";
+  content: "\f1ac";
 }
 
 .fa-feather:before {
-  content: "";
+  content: "\f52d";
 }
 
 .fa-feather-alt:before {
-  content: "";
+  content: "\f56b";
 }
 
 .fa-female:before {
-  content: "";
+  content: "\f182";
 }
 
 .fa-fighter-jet:before {
-  content: "";
+  content: "\f0fb";
 }
 
 .fa-file:before {
-  content: "";
+  content: "\f15b";
 }
 
 .fa-file-alt:before {
-  content: "";
+  content: "\f15c";
 }
 
 .fa-file-archive:before {
-  content: "";
+  content: "\f1c6";
 }
 
 .fa-file-audio:before {
-  content: "";
+  content: "\f1c7";
 }
 
 .fa-file-code:before {
-  content: "";
+  content: "\f1c9";
 }
 
 .fa-file-contract:before {
-  content: "";
+  content: "\f56c";
 }
 
 .fa-file-download:before {
-  content: "";
+  content: "\f56d";
 }
 
 .fa-file-excel:before {
-  content: "";
+  content: "\f1c3";
 }
 
 .fa-file-export:before {
-  content: "";
+  content: "\f56e";
 }
 
 .fa-file-image:before {
-  content: "";
+  content: "\f1c5";
 }
 
 .fa-file-import:before {
-  content: "";
+  content: "\f56f";
 }
 
 .fa-file-invoice:before {
-  content: "";
+  content: "\f570";
 }
 
 .fa-file-invoice-dollar:before {
-  content: "";
+  content: "\f571";
 }
 
 .fa-file-medical:before {
-  content: "";
+  content: "\f477";
 }
 
 .fa-file-medical-alt:before {
-  content: "";
+  content: "\f478";
 }
 
 .fa-file-pdf:before {
-  content: "";
+  content: "\f1c1";
 }
 
 .fa-file-powerpoint:before {
-  content: "";
+  content: "\f1c4";
 }
 
 .fa-file-prescription:before {
-  content: "";
+  content: "\f572";
 }
 
 .fa-file-signature:before {
-  content: "";
+  content: "\f573";
 }
 
 .fa-file-upload:before {
-  content: "";
+  content: "\f574";
 }
 
 .fa-file-video:before {
-  content: "";
+  content: "\f1c8";
 }
 
 .fa-file-word:before {
-  content: "";
+  content: "\f1c2";
 }
 
 .fa-fill:before {
-  content: "";
+  content: "\f575";
 }
 
 .fa-fill-drip:before {
-  content: "";
+  content: "\f576";
 }
 
 .fa-film:before {
-  content: "";
+  content: "\f008";
 }
 
 .fa-filter:before {
-  content: "";
+  content: "\f0b0";
 }
 
 .fa-fingerprint:before {
-  content: "";
+  content: "\f577";
 }
 
 .fa-fire:before {
-  content: "";
+  content: "\f06d";
 }
 
 .fa-fire-extinguisher:before {
-  content: "";
+  content: "\f134";
 }
 
 .fa-firefox:before {
-  content: "";
+  content: "\f269";
 }
 
 .fa-first-aid:before {
-  content: "";
+  content: "\f479";
 }
 
 .fa-first-order:before {
-  content: "";
+  content: "\f2b0";
 }
 
 .fa-first-order-alt:before {
-  content: "";
+  content: "\f50a";
 }
 
 .fa-firstdraft:before {
-  content: "";
+  content: "\f3a1";
 }
 
 .fa-fish:before {
-  content: "";
+  content: "\f578";
 }
 
 .fa-flag:before {
-  content: "";
+  content: "\f024";
 }
 
 .fa-flag-checkered:before {
-  content: "";
+  content: "\f11e";
 }
 
 .fa-flask:before {
-  content: "";
+  content: "\f0c3";
 }
 
 .fa-flickr:before {
-  content: "";
+  content: "\f16e";
 }
 
 .fa-flipboard:before {
-  content: "";
+  content: "\f44d";
 }
 
 .fa-flushed:before {
-  content: "";
+  content: "\f579";
 }
 
 .fa-fly:before {
-  content: "";
+  content: "\f417";
 }
 
 .fa-folder:before {
-  content: "";
+  content: "\f07b";
 }
 
 .fa-folder-minus:before {
-  content: "";
+  content: "\f65d";
 }
 
 .fa-folder-open:before {
-  content: "";
+  content: "\f07c";
 }
 
 .fa-folder-plus:before {
-  content: "";
+  content: "\f65e";
 }
 
 .fa-font:before {
-  content: "";
+  content: "\f031";
 }
 
 .fa-font-awesome:before {
-  content: "";
+  content: "\f2b4";
 }
 
 .fa-font-awesome-alt:before {
-  content: "";
+  content: "\f35c";
 }
 
 .fa-font-awesome-flag:before {
-  content: "";
+  content: "\f425";
 }
 
 .fa-font-awesome-logo-full:before {
-  content: "";
+  content: "\f4e6";
 }
 
 .fa-fonticons:before {
-  content: "";
+  content: "\f280";
 }
 
 .fa-fonticons-fi:before {
-  content: "";
+  content: "\f3a2";
 }
 
 .fa-football-ball:before {
-  content: "";
+  content: "\f44e";
 }
 
 .fa-fort-awesome:before {
-  content: "";
+  content: "\f286";
 }
 
 .fa-fort-awesome-alt:before {
-  content: "";
+  content: "\f3a3";
 }
 
 .fa-forumbee:before {
-  content: "";
+  content: "\f211";
 }
 
 .fa-forward:before {
-  content: "";
+  content: "\f04e";
 }
 
 .fa-foursquare:before {
-  content: "";
+  content: "\f180";
 }
 
 .fa-free-code-camp:before {
-  content: "";
+  content: "\f2c5";
 }
 
 .fa-freebsd:before {
-  content: "";
+  content: "\f3a4";
 }
 
 .fa-frog:before {
-  content: "";
+  content: "\f52e";
 }
 
 .fa-frown:before {
-  content: "";
+  content: "\f119";
 }
 
 .fa-frown-open:before {
-  content: "";
+  content: "\f57a";
 }
 
 .fa-fulcrum:before {
-  content: "";
+  content: "\f50b";
 }
 
 .fa-funnel-dollar:before {
-  content: "";
+  content: "\f662";
 }
 
 .fa-futbol:before {
-  content: "";
+  content: "\f1e3";
 }
 
 .fa-galactic-republic:before {
-  content: "";
+  content: "\f50c";
 }
 
 .fa-galactic-senate:before {
-  content: "";
+  content: "\f50d";
 }
 
 .fa-gamepad:before {
-  content: "";
+  content: "\f11b";
 }
 
 .fa-gas-pump:before {
-  content: "";
+  content: "\f52f";
 }
 
 .fa-gavel:before {
-  content: "";
+  content: "\f0e3";
 }
 
 .fa-gem:before {
-  content: "";
+  content: "\f3a5";
 }
 
 .fa-genderless:before {
-  content: "";
+  content: "\f22d";
 }
 
 .fa-get-pocket:before {
-  content: "";
+  content: "\f265";
 }
 
 .fa-gg:before {
-  content: "";
+  content: "\f260";
 }
 
 .fa-gg-circle:before {
-  content: "";
+  content: "\f261";
 }
 
 .fa-gift:before {
-  content: "";
+  content: "\f06b";
 }
 
 .fa-git:before {
-  content: "";
+  content: "\f1d3";
 }
 
 .fa-git-square:before {
-  content: "";
+  content: "\f1d2";
 }
 
 .fa-github:before {
-  content: "";
+  content: "\f09b";
 }
 
 .fa-github-alt:before {
-  content: "";
+  content: "\f113";
 }
 
 .fa-github-square:before {
-  content: "";
+  content: "\f092";
 }
 
 .fa-gitkraken:before {
-  content: "";
+  content: "\f3a6";
 }
 
 .fa-gitlab:before {
-  content: "";
+  content: "\f296";
 }
 
 .fa-gitter:before {
-  content: "";
+  content: "\f426";
 }
 
 .fa-glass-martini:before {
-  content: "";
+  content: "\f000";
 }
 
 .fa-glass-martini-alt:before {
-  content: "";
+  content: "\f57b";
 }
 
 .fa-glasses:before {
-  content: "";
+  content: "\f530";
 }
 
 .fa-glide:before {
-  content: "";
+  content: "\f2a5";
 }
 
 .fa-glide-g:before {
-  content: "";
+  content: "\f2a6";
 }
 
 .fa-globe:before {
-  content: "";
+  content: "\f0ac";
 }
 
 .fa-globe-africa:before {
-  content: "";
+  content: "\f57c";
 }
 
 .fa-globe-americas:before {
-  content: "";
+  content: "\f57d";
 }
 
 .fa-globe-asia:before {
-  content: "";
+  content: "\f57e";
 }
 
 .fa-gofore:before {
-  content: "";
+  content: "\f3a7";
 }
 
 .fa-golf-ball:before {
-  content: "";
+  content: "\f450";
 }
 
 .fa-goodreads:before {
-  content: "";
+  content: "\f3a8";
 }
 
 .fa-goodreads-g:before {
-  content: "";
+  content: "\f3a9";
 }
 
 .fa-google:before {
-  content: "";
+  content: "\f1a0";
 }
 
 .fa-google-drive:before {
-  content: "";
+  content: "\f3aa";
 }
 
 .fa-google-play:before {
-  content: "";
+  content: "\f3ab";
 }
 
 .fa-google-plus:before {
-  content: "";
+  content: "\f2b3";
 }
 
 .fa-google-plus-g:before {
-  content: "";
+  content: "\f0d5";
 }
 
 .fa-google-plus-square:before {
-  content: "";
+  content: "\f0d4";
 }
 
 .fa-google-wallet:before {
-  content: "";
+  content: "\f1ee";
 }
 
 .fa-gopuram:before {
-  content: "";
+  content: "\f664";
 }
 
 .fa-graduation-cap:before {
-  content: "";
+  content: "\f19d";
 }
 
 .fa-gratipay:before {
-  content: "";
+  content: "\f184";
 }
 
 .fa-grav:before {
-  content: "";
+  content: "\f2d6";
 }
 
 .fa-greater-than:before {
-  content: "";
+  content: "\f531";
 }
 
 .fa-greater-than-equal:before {
-  content: "";
+  content: "\f532";
 }
 
 .fa-grimace:before {
-  content: "";
+  content: "\f57f";
 }
 
 .fa-grin:before {
-  content: "";
+  content: "\f580";
 }
 
 .fa-grin-alt:before {
-  content: "";
+  content: "\f581";
 }
 
 .fa-grin-beam:before {
-  content: "";
+  content: "\f582";
 }
 
 .fa-grin-beam-sweat:before {
-  content: "";
+  content: "\f583";
 }
 
 .fa-grin-hearts:before {
-  content: "";
+  content: "\f584";
 }
 
 .fa-grin-squint:before {
-  content: "";
+  content: "\f585";
 }
 
 .fa-grin-squint-tears:before {
-  content: "";
+  content: "\f586";
 }
 
 .fa-grin-stars:before {
-  content: "";
+  content: "\f587";
 }
 
 .fa-grin-tears:before {
-  content: "";
+  content: "\f588";
 }
 
 .fa-grin-tongue:before {
-  content: "";
+  content: "\f589";
 }
 
 .fa-grin-tongue-squint:before {
-  content: "";
+  content: "\f58a";
 }
 
 .fa-grin-tongue-wink:before {
-  content: "";
+  content: "\f58b";
 }
 
 .fa-grin-wink:before {
-  content: "";
+  content: "\f58c";
 }
 
 .fa-grip-horizontal:before {
-  content: "";
+  content: "\f58d";
 }
 
 .fa-grip-vertical:before {
-  content: "";
+  content: "\f58e";
 }
 
 .fa-gripfire:before {
-  content: "";
+  content: "\f3ac";
 }
 
 .fa-grunt:before {
-  content: "";
+  content: "\f3ad";
 }
 
 .fa-gulp:before {
-  content: "";
+  content: "\f3ae";
 }
 
 .fa-h-square:before {
-  content: "";
+  content: "\f0fd";
 }
 
 .fa-hacker-news:before {
-  content: "";
+  content: "\f1d4";
 }
 
 .fa-hacker-news-square:before {
-  content: "";
+  content: "\f3af";
 }
 
 .fa-hackerrank:before {
-  content: "";
+  content: "\f5f7";
 }
 
 .fa-hamsa:before {
-  content: "";
+  content: "\f665";
 }
 
 .fa-hand-holding:before {
-  content: "";
+  content: "\f4bd";
 }
 
 .fa-hand-holding-heart:before {
-  content: "";
+  content: "\f4be";
 }
 
 .fa-hand-holding-usd:before {
-  content: "";
+  content: "\f4c0";
 }
 
 .fa-hand-lizard:before {
-  content: "";
+  content: "\f258";
 }
 
 .fa-hand-paper:before {
-  content: "";
+  content: "\f256";
 }
 
 .fa-hand-peace:before {
-  content: "";
+  content: "\f25b";
 }
 
 .fa-hand-point-down:before {
-  content: "";
+  content: "\f0a7";
 }
 
 .fa-hand-point-left:before {
-  content: "";
+  content: "\f0a5";
 }
 
 .fa-hand-point-right:before {
-  content: "";
+  content: "\f0a4";
 }
 
 .fa-hand-point-up:before {
-  content: "";
+  content: "\f0a6";
 }
 
 .fa-hand-pointer:before {
-  content: "";
+  content: "\f25a";
 }
 
 .fa-hand-rock:before {
-  content: "";
+  content: "\f255";
 }
 
 .fa-hand-scissors:before {
-  content: "";
+  content: "\f257";
 }
 
 .fa-hand-spock:before {
-  content: "";
+  content: "\f259";
 }
 
 .fa-hands:before {
-  content: "";
+  content: "\f4c2";
 }
 
 .fa-hands-helping:before {
-  content: "";
+  content: "\f4c4";
 }
 
 .fa-handshake:before {
-  content: "";
+  content: "\f2b5";
 }
 
 .fa-hashtag:before {
-  content: "";
+  content: "\f292";
 }
 
 .fa-haykal:before {
-  content: "";
+  content: "\f666";
 }
 
 .fa-hdd:before {
-  content: "";
+  content: "\f0a0";
 }
 
 .fa-heading:before {
-  content: "";
+  content: "\f1dc";
 }
 
 .fa-headphones:before {
-  content: "";
+  content: "\f025";
 }
 
 .fa-headphones-alt:before {
-  content: "";
+  content: "\f58f";
 }
 
 .fa-headset:before {
-  content: "";
+  content: "\f590";
 }
 
 .fa-heart:before {
-  content: "";
+  content: "\f004";
 }
 
 .fa-heartbeat:before {
-  content: "";
+  content: "\f21e";
 }
 
 .fa-helicopter:before {
-  content: "";
+  content: "\f533";
 }
 
 .fa-highlighter:before {
-  content: "";
+  content: "\f591";
 }
 
 .fa-hips:before {
-  content: "";
+  content: "\f452";
 }
 
 .fa-hire-a-helper:before {
-  content: "";
+  content: "\f3b0";
 }
 
 .fa-history:before {
-  content: "";
+  content: "\f1da";
 }
 
 .fa-hockey-puck:before {
-  content: "";
+  content: "\f453";
 }
 
 .fa-home:before {
-  content: "";
+  content: "\f015";
 }
 
 .fa-hooli:before {
-  content: "";
+  content: "\f427";
 }
 
 .fa-hornbill:before {
-  content: "";
+  content: "\f592";
 }
 
 .fa-hospital:before {
-  content: "";
+  content: "\f0f8";
 }
 
 .fa-hospital-alt:before {
-  content: "";
+  content: "\f47d";
 }
 
 .fa-hospital-symbol:before {
-  content: "";
+  content: "\f47e";
 }
 
 .fa-hot-tub:before {
-  content: "";
+  content: "\f593";
 }
 
 .fa-hotel:before {
-  content: "";
+  content: "\f594";
 }
 
 .fa-hotjar:before {
-  content: "";
+  content: "\f3b1";
 }
 
 .fa-hourglass:before {
-  content: "";
+  content: "\f254";
 }
 
 .fa-hourglass-end:before {
-  content: "";
+  content: "\f253";
 }
 
 .fa-hourglass-half:before {
-  content: "";
+  content: "\f252";
 }
 
 .fa-hourglass-start:before {
-  content: "";
+  content: "\f251";
 }
 
 .fa-houzz:before {
-  content: "";
+  content: "\f27c";
 }
 
 .fa-html5:before {
-  content: "";
+  content: "\f13b";
 }
 
 .fa-hubspot:before {
-  content: "";
+  content: "\f3b2";
 }
 
 .fa-i-cursor:before {
-  content: "";
+  content: "\f246";
 }
 
 .fa-id-badge:before {
-  content: "";
+  content: "\f2c1";
 }
 
 .fa-id-card:before {
-  content: "";
+  content: "\f2c2";
 }
 
 .fa-id-card-alt:before {
-  content: "";
+  content: "\f47f";
 }
 
 .fa-image:before {
-  content: "";
+  content: "\f03e";
 }
 
 .fa-images:before {
-  content: "";
+  content: "\f302";
 }
 
 .fa-imdb:before {
-  content: "";
+  content: "\f2d8";
 }
 
 .fa-inbox:before {
-  content: "";
+  content: "\f01c";
 }
 
 .fa-indent:before {
-  content: "";
+  content: "\f03c";
 }
 
 .fa-industry:before {
-  content: "";
+  content: "\f275";
 }
 
 .fa-infinity:before {
-  content: "";
+  content: "\f534";
 }
 
 .fa-info:before {
-  content: "";
+  content: "\f129";
 }
 
 .fa-info-circle:before {
-  content: "";
+  content: "\f05a";
 }
 
 .fa-instagram:before {
-  content: "";
+  content: "\f16d";
 }
 
 .fa-internet-explorer:before {
-  content: "";
+  content: "\f26b";
 }
 
 .fa-ioxhost:before {
-  content: "";
+  content: "\f208";
 }
 
 .fa-italic:before {
-  content: "";
+  content: "\f033";
 }
 
 .fa-itunes:before {
-  content: "";
+  content: "\f3b4";
 }
 
 .fa-itunes-note:before {
-  content: "";
+  content: "\f3b5";
 }
 
 .fa-java:before {
-  content: "";
+  content: "\f4e4";
 }
 
 .fa-jedi:before {
-  content: "";
+  content: "\f669";
 }
 
 .fa-jedi-order:before {
-  content: "";
+  content: "\f50e";
 }
 
 .fa-jenkins:before {
-  content: "";
+  content: "\f3b6";
 }
 
 .fa-joget:before {
-  content: "";
+  content: "\f3b7";
 }
 
 .fa-joint:before {
-  content: "";
+  content: "\f595";
 }
 
 .fa-joomla:before {
-  content: "";
+  content: "\f1aa";
 }
 
 .fa-journal-whills:before {
-  content: "";
+  content: "\f66a";
 }
 
 .fa-js:before {
-  content: "";
+  content: "\f3b8";
 }
 
 .fa-js-square:before {
-  content: "";
+  content: "\f3b9";
 }
 
 .fa-jsfiddle:before {
-  content: "";
+  content: "\f1cc";
 }
 
 .fa-kaaba:before {
-  content: "";
+  content: "\f66b";
 }
 
 .fa-kaggle:before {
-  content: "";
+  content: "\f5fa";
 }
 
 .fa-key:before {
-  content: "";
+  content: "\f084";
 }
 
 .fa-keybase:before {
-  content: "";
+  content: "\f4f5";
 }
 
 .fa-keyboard:before {
-  content: "";
+  content: "\f11c";
 }
 
 .fa-keycdn:before {
-  content: "";
+  content: "\f3ba";
 }
 
 .fa-khanda:before {
-  content: "";
+  content: "\f66d";
 }
 
 .fa-kickstarter:before {
-  content: "";
+  content: "\f3bb";
 }
 
 .fa-kickstarter-k:before {
-  content: "";
+  content: "\f3bc";
 }
 
 .fa-kiss:before {
-  content: "";
+  content: "\f596";
 }
 
 .fa-kiss-beam:before {
-  content: "";
+  content: "\f597";
 }
 
 .fa-kiss-wink-heart:before {
-  content: "";
+  content: "\f598";
 }
 
 .fa-kiwi-bird:before {
-  content: "";
+  content: "\f535";
 }
 
 .fa-korvue:before {
-  content: "";
+  content: "\f42f";
 }
 
 .fa-landmark:before {
-  content: "";
+  content: "\f66f";
 }
 
 .fa-language:before {
-  content: "";
+  content: "\f1ab";
 }
 
 .fa-laptop:before {
-  content: "";
+  content: "\f109";
 }
 
 .fa-laptop-code:before {
-  content: "";
+  content: "\f5fc";
 }
 
 .fa-laravel:before {
-  content: "";
+  content: "\f3bd";
 }
 
 .fa-lastfm:before {
-  content: "";
+  content: "\f202";
 }
 
 .fa-lastfm-square:before {
-  content: "";
+  content: "\f203";
 }
 
 .fa-laugh:before {
-  content: "";
+  content: "\f599";
 }
 
 .fa-laugh-beam:before {
-  content: "";
+  content: "\f59a";
 }
 
 .fa-laugh-squint:before {
-  content: "";
+  content: "\f59b";
 }
 
 .fa-laugh-wink:before {
-  content: "";
+  content: "\f59c";
 }
 
 .fa-layer-group:before {
-  content: "";
+  content: "\f5fd";
 }
 
 .fa-leaf:before {
-  content: "";
+  content: "\f06c";
 }
 
 .fa-leanpub:before {
-  content: "";
+  content: "\f212";
 }
 
 .fa-lemon:before {
-  content: "";
+  content: "\f094";
 }
 
 .fa-less:before {
-  content: "";
+  content: "\f41d";
 }
 
 .fa-less-than:before {
-  content: "";
+  content: "\f536";
 }
 
 .fa-less-than-equal:before {
-  content: "";
+  content: "\f537";
 }
 
 .fa-level-down-alt:before {
-  content: "";
+  content: "\f3be";
 }
 
 .fa-level-up-alt:before {
-  content: "";
+  content: "\f3bf";
 }
 
 .fa-life-ring:before {
-  content: "";
+  content: "\f1cd";
 }
 
 .fa-lightbulb:before {
-  content: "";
+  content: "\f0eb";
 }
 
 .fa-line:before {
-  content: "";
+  content: "\f3c0";
 }
 
 .fa-link:before {
-  content: "";
+  content: "\f0c1";
 }
 
 .fa-linkedin:before {
-  content: "";
+  content: "\f08c";
 }
 
 .fa-linkedin-in:before {
-  content: "";
+  content: "\f0e1";
 }
 
 .fa-linode:before {
-  content: "";
+  content: "\f2b8";
 }
 
 .fa-linux:before {
-  content: "";
+  content: "\f17c";
 }
 
 .fa-lira-sign:before {
-  content: "";
+  content: "\f195";
 }
 
 .fa-list:before {
-  content: "";
+  content: "\f03a";
 }
 
 .fa-list-alt:before {
-  content: "";
+  content: "\f022";
 }
 
 .fa-list-ol:before {
-  content: "";
+  content: "\f0cb";
 }
 
 .fa-list-ul:before {
-  content: "";
+  content: "\f0ca";
 }
 
 .fa-location-arrow:before {
-  content: "";
+  content: "\f124";
 }
 
 .fa-lock:before {
-  content: "";
+  content: "\f023";
 }
 
 .fa-lock-open:before {
-  content: "";
+  content: "\f3c1";
 }
 
 .fa-long-arrow-alt-down:before {
-  content: "";
+  content: "\f309";
 }
 
 .fa-long-arrow-alt-left:before {
-  content: "";
+  content: "\f30a";
 }
 
 .fa-long-arrow-alt-right:before {
-  content: "";
+  content: "\f30b";
 }
 
 .fa-long-arrow-alt-up:before {
-  content: "";
+  content: "\f30c";
 }
 
 .fa-low-vision:before {
-  content: "";
+  content: "\f2a8";
 }
 
 .fa-luggage-cart:before {
-  content: "";
+  content: "\f59d";
 }
 
 .fa-lyft:before {
-  content: "";
+  content: "\f3c3";
 }
 
 .fa-magento:before {
-  content: "";
+  content: "\f3c4";
 }
 
 .fa-magic:before {
-  content: "";
+  content: "\f0d0";
 }
 
 .fa-magnet:before {
-  content: "";
+  content: "\f076";
 }
 
 .fa-mail-bulk:before {
-  content: "";
+  content: "\f674";
 }
 
 .fa-mailchimp:before {
-  content: "";
+  content: "\f59e";
 }
 
 .fa-male:before {
-  content: "";
+  content: "\f183";
 }
 
 .fa-mandalorian:before {
-  content: "";
+  content: "\f50f";
 }
 
 .fa-map:before {
-  content: "";
+  content: "\f279";
 }
 
 .fa-map-marked:before {
-  content: "";
+  content: "\f59f";
 }
 
 .fa-map-marked-alt:before {
-  content: "";
+  content: "\f5a0";
 }
 
 .fa-map-marker:before {
-  content: "";
+  content: "\f041";
 }
 
 .fa-map-marker-alt:before {
-  content: "";
+  content: "\f3c5";
 }
 
 .fa-map-pin:before {
-  content: "";
+  content: "\f276";
 }
 
 .fa-map-signs:before {
-  content: "";
+  content: "\f277";
 }
 
 .fa-markdown:before {
-  content: "";
+  content: "\f60f";
 }
 
 .fa-marker:before {
-  content: "";
+  content: "\f5a1";
 }
 
 .fa-mars:before {
-  content: "";
+  content: "\f222";
 }
 
 .fa-mars-double:before {
-  content: "";
+  content: "\f227";
 }
 
 .fa-mars-stroke:before {
-  content: "";
+  content: "\f229";
 }
 
 .fa-mars-stroke-h:before {
-  content: "";
+  content: "\f22b";
 }
 
 .fa-mars-stroke-v:before {
-  content: "";
+  content: "\f22a";
 }
 
 .fa-mastodon:before {
-  content: "";
+  content: "\f4f6";
 }
 
 .fa-maxcdn:before {
-  content: "";
+  content: "\f136";
 }
 
 .fa-medal:before {
-  content: "";
+  content: "\f5a2";
 }
 
 .fa-medapps:before {
-  content: "";
+  content: "\f3c6";
 }
 
 .fa-medium:before {
-  content: "";
+  content: "\f23a";
 }
 
 .fa-medium-m:before {
-  content: "";
+  content: "\f3c7";
 }
 
 .fa-medkit:before {
-  content: "";
+  content: "\f0fa";
 }
 
 .fa-medrt:before {
-  content: "";
+  content: "\f3c8";
 }
 
 .fa-meetup:before {
-  content: "";
+  content: "\f2e0";
 }
 
 .fa-megaport:before {
-  content: "";
+  content: "\f5a3";
 }
 
 .fa-meh:before {
-  content: "";
+  content: "\f11a";
 }
 
 .fa-meh-blank:before {
-  content: "";
+  content: "\f5a4";
 }
 
 .fa-meh-rolling-eyes:before {
-  content: "";
+  content: "\f5a5";
 }
 
 .fa-memory:before {
-  content: "";
+  content: "\f538";
 }
 
 .fa-menorah:before {
-  content: "";
+  content: "\f676";
 }
 
 .fa-mercury:before {
-  content: "";
+  content: "\f223";
 }
 
 .fa-microchip:before {
-  content: "";
+  content: "\f2db";
 }
 
 .fa-microphone:before {
-  content: "";
+  content: "\f130";
 }
 
 .fa-microphone-alt:before {
-  content: "";
+  content: "\f3c9";
 }
 
 .fa-microphone-alt-slash:before {
-  content: "";
+  content: "\f539";
 }
 
 .fa-microphone-slash:before {
-  content: "";
+  content: "\f131";
 }
 
 .fa-microscope:before {
-  content: "";
+  content: "\f610";
 }
 
 .fa-microsoft:before {
-  content: "";
+  content: "\f3ca";
 }
 
 .fa-minus:before {
-  content: "";
+  content: "\f068";
 }
 
 .fa-minus-circle:before {
-  content: "";
+  content: "\f056";
 }
 
 .fa-minus-square:before {
-  content: "";
+  content: "\f146";
 }
 
 .fa-mix:before {
-  content: "";
+  content: "\f3cb";
 }
 
 .fa-mixcloud:before {
-  content: "";
+  content: "\f289";
 }
 
 .fa-mizuni:before {
-  content: "";
+  content: "\f3cc";
 }
 
 .fa-mobile:before {
-  content: "";
+  content: "\f10b";
 }
 
 .fa-mobile-alt:before {
-  content: "";
+  content: "\f3cd";
 }
 
 .fa-modx:before {
-  content: "";
+  content: "\f285";
 }
 
 .fa-monero:before {
-  content: "";
+  content: "\f3d0";
 }
 
 .fa-money-bill:before {
-  content: "";
+  content: "\f0d6";
 }
 
 .fa-money-bill-alt:before {
-  content: "";
+  content: "\f3d1";
 }
 
 .fa-money-bill-wave:before {
-  content: "";
+  content: "\f53a";
 }
 
 .fa-money-bill-wave-alt:before {
-  content: "";
+  content: "\f53b";
 }
 
 .fa-money-check:before {
-  content: "";
+  content: "\f53c";
 }
 
 .fa-money-check-alt:before {
-  content: "";
+  content: "\f53d";
 }
 
 .fa-monument:before {
-  content: "";
+  content: "\f5a6";
 }
 
 .fa-moon:before {
-  content: "";
+  content: "\f186";
 }
 
 .fa-mortar-pestle:before {
-  content: "";
+  content: "\f5a7";
 }
 
 .fa-mosque:before {
-  content: "";
+  content: "\f678";
 }
 
 .fa-motorcycle:before {
-  content: "";
+  content: "\f21c";
 }
 
 .fa-mouse-pointer:before {
-  content: "";
+  content: "\f245";
 }
 
 .fa-music:before {
-  content: "";
+  content: "\f001";
 }
 
 .fa-napster:before {
-  content: "";
+  content: "\f3d2";
 }
 
 .fa-neos:before {
-  content: "";
+  content: "\f612";
 }
 
 .fa-neuter:before {
-  content: "";
+  content: "\f22c";
 }
 
 .fa-newspaper:before {
-  content: "";
+  content: "\f1ea";
 }
 
 .fa-nimblr:before {
-  content: "";
+  content: "\f5a8";
 }
 
 .fa-nintendo-switch:before {
-  content: "";
+  content: "\f418";
 }
 
 .fa-node:before {
-  content: "";
+  content: "\f419";
 }
 
 .fa-node-js:before {
-  content: "";
+  content: "\f3d3";
 }
 
 .fa-not-equal:before {
-  content: "";
+  content: "\f53e";
 }
 
 .fa-notes-medical:before {
-  content: "";
+  content: "\f481";
 }
 
 .fa-npm:before {
-  content: "";
+  content: "\f3d4";
 }
 
 .fa-ns8:before {
-  content: "";
+  content: "\f3d5";
 }
 
 .fa-nutritionix:before {
-  content: "";
+  content: "\f3d6";
 }
 
 .fa-object-group:before {
-  content: "";
+  content: "\f247";
 }
 
 .fa-object-ungroup:before {
-  content: "";
+  content: "\f248";
 }
 
 .fa-odnoklassniki:before {
-  content: "";
+  content: "\f263";
 }
 
 .fa-odnoklassniki-square:before {
-  content: "";
+  content: "\f264";
 }
 
 .fa-oil-can:before {
-  content: "";
+  content: "\f613";
 }
 
 .fa-old-republic:before {
-  content: "";
+  content: "\f510";
 }
 
 .fa-om:before {
-  content: "";
+  content: "\f679";
 }
 
 .fa-opencart:before {
-  content: "";
+  content: "\f23d";
 }
 
 .fa-openid:before {
-  content: "";
+  content: "\f19b";
 }
 
 .fa-opera:before {
-  content: "";
+  content: "\f26a";
 }
 
 .fa-optin-monster:before {
-  content: "";
+  content: "\f23c";
 }
 
 .fa-osi:before {
-  content: "";
+  content: "\f41a";
 }
 
 .fa-outdent:before {
-  content: "";
+  content: "\f03b";
 }
 
 .fa-page4:before {
-  content: "";
+  content: "\f3d7";
 }
 
 .fa-pagelines:before {
-  content: "";
+  content: "\f18c";
 }
 
 .fa-paint-brush:before {
-  content: "";
+  content: "\f1fc";
 }
 
 .fa-paint-roller:before {
-  content: "";
+  content: "\f5aa";
 }
 
 .fa-palette:before {
-  content: "";
+  content: "\f53f";
 }
 
 .fa-palfed:before {
-  content: "";
+  content: "\f3d8";
 }
 
 .fa-pallet:before {
-  content: "";
+  content: "\f482";
 }
 
 .fa-paper-plane:before {
-  content: "";
+  content: "\f1d8";
 }
 
 .fa-paperclip:before {
-  content: "";
+  content: "\f0c6";
 }
 
 .fa-parachute-box:before {
-  content: "";
+  content: "\f4cd";
 }
 
 .fa-paragraph:before {
-  content: "";
+  content: "\f1dd";
 }
 
 .fa-parking:before {
-  content: "";
+  content: "\f540";
 }
 
 .fa-passport:before {
-  content: "";
+  content: "\f5ab";
 }
 
 .fa-pastafarianism:before {
-  content: "";
+  content: "\f67b";
 }
 
 .fa-paste:before {
-  content: "";
+  content: "\f0ea";
 }
 
 .fa-patreon:before {
-  content: "";
+  content: "\f3d9";
 }
 
 .fa-pause:before {
-  content: "";
+  content: "\f04c";
 }
 
 .fa-pause-circle:before {
-  content: "";
+  content: "\f28b";
 }
 
 .fa-paw:before {
-  content: "";
+  content: "\f1b0";
 }
 
 .fa-paypal:before {
-  content: "";
+  content: "\f1ed";
 }
 
 .fa-peace:before {
-  content: "";
+  content: "\f67c";
 }
 
 .fa-pen:before {
-  content: "";
+  content: "\f304";
 }
 
 .fa-pen-alt:before {
-  content: "";
+  content: "\f305";
 }
 
 .fa-pen-fancy:before {
-  content: "";
+  content: "\f5ac";
 }
 
 .fa-pen-nib:before {
-  content: "";
+  content: "\f5ad";
 }
 
 .fa-pen-square:before {
-  content: "";
+  content: "\f14b";
 }
 
 .fa-pencil-alt:before {
-  content: "";
+  content: "\f303";
 }
 
 .fa-pencil-ruler:before {
-  content: "";
+  content: "\f5ae";
 }
 
 .fa-people-carry:before {
-  content: "";
+  content: "\f4ce";
 }
 
 .fa-percent:before {
-  content: "";
+  content: "\f295";
 }
 
 .fa-percentage:before {
-  content: "";
+  content: "\f541";
 }
 
 .fa-periscope:before {
-  content: "";
+  content: "\f3da";
 }
 
 .fa-phabricator:before {
-  content: "";
+  content: "\f3db";
 }
 
 .fa-phoenix-framework:before {
-  content: "";
+  content: "\f3dc";
 }
 
 .fa-phoenix-squadron:before {
-  content: "";
+  content: "\f511";
 }
 
 .fa-phone:before {
-  content: "";
+  content: "\f095";
 }
 
 .fa-phone-slash:before {
-  content: "";
+  content: "\f3dd";
 }
 
 .fa-phone-square:before {
-  content: "";
+  content: "\f098";
 }
 
 .fa-phone-volume:before {
-  content: "";
+  content: "\f2a0";
 }
 
 .fa-php:before {
-  content: "";
+  content: "\f457";
 }
 
 .fa-pied-piper:before {
-  content: "";
+  content: "\f2ae";
 }
 
 .fa-pied-piper-alt:before {
-  content: "";
+  content: "\f1a8";
 }
 
 .fa-pied-piper-hat:before {
-  content: "";
+  content: "\f4e5";
 }
 
 .fa-pied-piper-pp:before {
-  content: "";
+  content: "\f1a7";
 }
 
 .fa-piggy-bank:before {
-  content: "";
+  content: "\f4d3";
 }
 
 .fa-pills:before {
-  content: "";
+  content: "\f484";
 }
 
 .fa-pinterest:before {
-  content: "";
+  content: "\f0d2";
 }
 
 .fa-pinterest-p:before {
-  content: "";
+  content: "\f231";
 }
 
 .fa-pinterest-square:before {
-  content: "";
+  content: "\f0d3";
 }
 
 .fa-place-of-worship:before {
-  content: "";
+  content: "\f67f";
 }
 
 .fa-plane:before {
-  content: "";
+  content: "\f072";
 }
 
 .fa-plane-arrival:before {
-  content: "";
+  content: "\f5af";
 }
 
 .fa-plane-departure:before {
-  content: "";
+  content: "\f5b0";
 }
 
 .fa-play:before {
-  content: "";
+  content: "\f04b";
 }
 
 .fa-play-circle:before {
-  content: "";
+  content: "\f144";
 }
 
 .fa-playstation:before {
-  content: "";
+  content: "\f3df";
 }
 
 .fa-plug:before {
-  content: "";
+  content: "\f1e6";
 }
 
 .fa-plus:before {
-  content: "";
+  content: "\f067";
 }
 
 .fa-plus-circle:before {
-  content: "";
+  content: "\f055";
 }
 
 .fa-plus-square:before {
-  content: "";
+  content: "\f0fe";
 }
 
 .fa-podcast:before {
-  content: "";
+  content: "\f2ce";
 }
 
 .fa-poll:before {
-  content: "";
+  content: "\f681";
 }
 
 .fa-poll-h:before {
-  content: "";
+  content: "\f682";
 }
 
 .fa-poo:before {
-  content: "";
+  content: "\f2fe";
 }
 
 .fa-poop:before {
-  content: "";
+  content: "\f619";
 }
 
 .fa-portrait:before {
-  content: "";
+  content: "\f3e0";
 }
 
 .fa-pound-sign:before {
-  content: "";
+  content: "\f154";
 }
 
 .fa-power-off:before {
-  content: "";
+  content: "\f011";
 }
 
 .fa-pray:before {
-  content: "";
+  content: "\f683";
 }
 
 .fa-praying-hands:before {
-  content: "";
+  content: "\f684";
 }
 
 .fa-prescription:before {
-  content: "";
+  content: "\f5b1";
 }
 
 .fa-prescription-bottle:before {
-  content: "";
+  content: "\f485";
 }
 
 .fa-prescription-bottle-alt:before {
-  content: "";
+  content: "\f486";
 }
 
 .fa-print:before {
-  content: "";
+  content: "\f02f";
 }
 
 .fa-procedures:before {
-  content: "";
+  content: "\f487";
 }
 
 .fa-product-hunt:before {
-  content: "";
+  content: "\f288";
 }
 
 .fa-project-diagram:before {
-  content: "";
+  content: "\f542";
 }
 
 .fa-pushed:before {
-  content: "";
+  content: "\f3e1";
 }
 
 .fa-puzzle-piece:before {
-  content: "";
+  content: "\f12e";
 }
 
 .fa-python:before {
-  content: "";
+  content: "\f3e2";
 }
 
 .fa-qq:before {
-  content: "";
+  content: "\f1d6";
 }
 
 .fa-qrcode:before {
-  content: "";
+  content: "\f029";
 }
 
 .fa-question:before {
-  content: "";
+  content: "\f128";
 }
 
 .fa-question-circle:before {
-  content: "";
+  content: "\f059";
 }
 
 .fa-quidditch:before {
-  content: "";
+  content: "\f458";
 }
 
 .fa-quinscape:before {
-  content: "";
+  content: "\f459";
 }
 
 .fa-quora:before {
-  content: "";
+  content: "\f2c4";
 }
 
 .fa-quote-left:before {
-  content: "";
+  content: "\f10d";
 }
 
 .fa-quote-right:before {
-  content: "";
+  content: "\f10e";
 }
 
 .fa-quran:before {
-  content: "";
+  content: "\f687";
 }
 
 .fa-r-project:before {
-  content: "";
+  content: "\f4f7";
 }
 
 .fa-random:before {
-  content: "";
+  content: "\f074";
 }
 
 .fa-ravelry:before {
-  content: "";
+  content: "\f2d9";
 }
 
 .fa-react:before {
-  content: "";
+  content: "\f41b";
 }
 
 .fa-readme:before {
-  content: "";
+  content: "\f4d5";
 }
 
 .fa-rebel:before {
-  content: "";
+  content: "\f1d0";
 }
 
 .fa-receipt:before {
-  content: "";
+  content: "\f543";
 }
 
 .fa-recycle:before {
-  content: "";
+  content: "\f1b8";
 }
 
 .fa-red-river:before {
-  content: "";
+  content: "\f3e3";
 }
 
 .fa-reddit:before {
-  content: "";
+  content: "\f1a1";
 }
 
 .fa-reddit-alien:before {
-  content: "";
+  content: "\f281";
 }
 
 .fa-reddit-square:before {
-  content: "";
+  content: "\f1a2";
 }
 
 .fa-redo:before {
-  content: "";
+  content: "\f01e";
 }
 
 .fa-redo-alt:before {
-  content: "";
+  content: "\f2f9";
 }
 
 .fa-registered:before {
-  content: "";
+  content: "\f25d";
 }
 
 .fa-rendact:before {
-  content: "";
+  content: "\f3e4";
 }
 
 .fa-renren:before {
-  content: "";
+  content: "\f18b";
 }
 
 .fa-reply:before {
-  content: "";
+  content: "\f3e5";
 }
 
 .fa-reply-all:before {
-  content: "";
+  content: "\f122";
 }
 
 .fa-replyd:before {
-  content: "";
+  content: "\f3e6";
 }
 
 .fa-researchgate:before {
-  content: "";
+  content: "\f4f8";
 }
 
 .fa-resolving:before {
-  content: "";
+  content: "\f3e7";
 }
 
 .fa-retweet:before {
-  content: "";
+  content: "\f079";
 }
 
 .fa-rev:before {
-  content: "";
+  content: "\f5b2";
 }
 
 .fa-ribbon:before {
-  content: "";
+  content: "\f4d6";
 }
 
 .fa-road:before {
-  content: "";
+  content: "\f018";
 }
 
 .fa-robot:before {
-  content: "";
+  content: "\f544";
 }
 
 .fa-rocket:before {
-  content: "";
+  content: "\f135";
 }
 
 .fa-rocketchat:before {
-  content: "";
+  content: "\f3e8";
 }
 
 .fa-rockrms:before {
-  content: "";
+  content: "\f3e9";
 }
 
 .fa-route:before {
-  content: "";
+  content: "\f4d7";
 }
 
 .fa-rss:before {
-  content: "";
+  content: "\f09e";
 }
 
 .fa-rss-square:before {
-  content: "";
+  content: "\f143";
 }
 
 .fa-ruble-sign:before {
-  content: "";
+  content: "\f158";
 }
 
 .fa-ruler:before {
-  content: "";
+  content: "\f545";
 }
 
 .fa-ruler-combined:before {
-  content: "";
+  content: "\f546";
 }
 
 .fa-ruler-horizontal:before {
-  content: "";
+  content: "\f547";
 }
 
 .fa-ruler-vertical:before {
-  content: "";
+  content: "\f548";
 }
 
 .fa-rupee-sign:before {
-  content: "";
+  content: "\f156";
 }
 
 .fa-sad-cry:before {
-  content: "";
+  content: "\f5b3";
 }
 
 .fa-sad-tear:before {
-  content: "";
+  content: "\f5b4";
 }
 
 .fa-safari:before {
-  content: "";
+  content: "\f267";
 }
 
 .fa-sass:before {
-  content: "";
+  content: "\f41e";
 }
 
 .fa-save:before {
-  content: "";
+  content: "\f0c7";
 }
 
 .fa-schlix:before {
-  content: "";
+  content: "\f3ea";
 }
 
 .fa-school:before {
-  content: "";
+  content: "\f549";
 }
 
 .fa-screwdriver:before {
-  content: "";
+  content: "\f54a";
 }
 
 .fa-scribd:before {
-  content: "";
+  content: "\f28a";
 }
 
 .fa-search:before {
-  content: "";
+  content: "\f002";
 }
 
 .fa-search-dollar:before {
-  content: "";
+  content: "\f688";
 }
 
 .fa-search-location:before {
-  content: "";
+  content: "\f689";
 }
 
 .fa-search-minus:before {
-  content: "";
+  content: "\f010";
 }
 
 .fa-search-plus:before {
-  content: "";
+  content: "\f00e";
 }
 
 .fa-searchengin:before {
-  content: "";
+  content: "\f3eb";
 }
 
 .fa-seedling:before {
-  content: "";
+  content: "\f4d8";
 }
 
 .fa-sellcast:before {
-  content: "";
+  content: "\f2da";
 }
 
 .fa-sellsy:before {
-  content: "";
+  content: "\f213";
 }
 
 .fa-server:before {
-  content: "";
+  content: "\f233";
 }
 
 .fa-servicestack:before {
-  content: "";
+  content: "\f3ec";
 }
 
 .fa-shapes:before {
-  content: "";
+  content: "\f61f";
 }
 
 .fa-share:before {
-  content: "";
+  content: "\f064";
 }
 
 .fa-share-alt:before {
-  content: "";
+  content: "\f1e0";
 }
 
 .fa-share-alt-square:before {
-  content: "";
+  content: "\f1e1";
 }
 
 .fa-share-square:before {
-  content: "";
+  content: "\f14d";
 }
 
 .fa-shekel-sign:before {
-  content: "";
+  content: "\f20b";
 }
 
 .fa-shield-alt:before {
-  content: "";
+  content: "\f3ed";
 }
 
 .fa-ship:before {
-  content: "";
+  content: "\f21a";
 }
 
 .fa-shipping-fast:before {
-  content: "";
+  content: "\f48b";
 }
 
 .fa-shirtsinbulk:before {
-  content: "";
+  content: "\f214";
 }
 
 .fa-shoe-prints:before {
-  content: "";
+  content: "\f54b";
 }
 
 .fa-shopping-bag:before {
-  content: "";
+  content: "\f290";
 }
 
 .fa-shopping-basket:before {
-  content: "";
+  content: "\f291";
 }
 
 .fa-shopping-cart:before {
-  content: "";
+  content: "\f07a";
 }
 
 .fa-shopware:before {
-  content: "";
+  content: "\f5b5";
 }
 
 .fa-shower:before {
-  content: "";
+  content: "\f2cc";
 }
 
 .fa-shuttle-van:before {
-  content: "";
+  content: "\f5b6";
 }
 
 .fa-sign:before {
-  content: "";
+  content: "\f4d9";
 }
 
 .fa-sign-in-alt:before {
-  content: "";
+  content: "\f2f6";
 }
 
 .fa-sign-language:before {
-  content: "";
+  content: "\f2a7";
 }
 
 .fa-sign-out-alt:before {
-  content: "";
+  content: "\f2f5";
 }
 
 .fa-signal:before {
-  content: "";
+  content: "\f012";
 }
 
 .fa-signature:before {
-  content: "";
+  content: "\f5b7";
 }
 
 .fa-simplybuilt:before {
-  content: "";
+  content: "\f215";
 }
 
 .fa-sistrix:before {
-  content: "";
+  content: "\f3ee";
 }
 
 .fa-sitemap:before {
-  content: "";
+  content: "\f0e8";
 }
 
 .fa-sith:before {
-  content: "";
+  content: "\f512";
 }
 
 .fa-skull:before {
-  content: "";
+  content: "\f54c";
 }
 
 .fa-skyatlas:before {
-  content: "";
+  content: "\f216";
 }
 
 .fa-skype:before {
-  content: "";
+  content: "\f17e";
 }
 
 .fa-slack:before {
-  content: "";
+  content: "\f198";
 }
 
 .fa-slack-hash:before {
-  content: "";
+  content: "\f3ef";
 }
 
 .fa-sliders-h:before {
-  content: "";
+  content: "\f1de";
 }
 
 .fa-slideshare:before {
-  content: "";
+  content: "\f1e7";
 }
 
 .fa-smile:before {
-  content: "";
+  content: "\f118";
 }
 
 .fa-smile-beam:before {
-  content: "";
+  content: "\f5b8";
 }
 
 .fa-smile-wink:before {
-  content: "";
+  content: "\f4da";
 }
 
 .fa-smoking:before {
-  content: "";
+  content: "\f48d";
 }
 
 .fa-smoking-ban:before {
-  content: "";
+  content: "\f54d";
 }
 
 .fa-snapchat:before {
-  content: "";
+  content: "\f2ab";
 }
 
 .fa-snapchat-ghost:before {
-  content: "";
+  content: "\f2ac";
 }
 
 .fa-snapchat-square:before {
-  content: "";
+  content: "\f2ad";
 }
 
 .fa-snowflake:before {
-  content: "";
+  content: "\f2dc";
 }
 
 .fa-socks:before {
-  content: "";
+  content: "\f696";
 }
 
 .fa-solar-panel:before {
-  content: "";
+  content: "\f5ba";
 }
 
 .fa-sort:before {
-  content: "";
+  content: "\f0dc";
 }
 
 .fa-sort-alpha-down:before {
-  content: "";
+  content: "\f15d";
 }
 
 .fa-sort-alpha-up:before {
-  content: "";
+  content: "\f15e";
 }
 
 .fa-sort-amount-down:before {
-  content: "";
+  content: "\f160";
 }
 
 .fa-sort-amount-up:before {
-  content: "";
+  content: "\f161";
 }
 
 .fa-sort-down:before {
-  content: "";
+  content: "\f0dd";
 }
 
 .fa-sort-numeric-down:before {
-  content: "";
+  content: "\f162";
 }
 
 .fa-sort-numeric-up:before {
-  content: "";
+  content: "\f163";
 }
 
 .fa-sort-up:before {
-  content: "";
+  content: "\f0de";
 }
 
 .fa-soundcloud:before {
-  content: "";
+  content: "\f1be";
 }
 
 .fa-spa:before {
-  content: "";
+  content: "\f5bb";
 }
 
 .fa-space-shuttle:before {
-  content: "";
+  content: "\f197";
 }
 
 .fa-speakap:before {
-  content: "";
+  content: "\f3f3";
 }
 
 .fa-spinner:before {
-  content: "";
+  content: "\f110";
 }
 
 .fa-splotch:before {
-  content: "";
+  content: "\f5bc";
 }
 
 .fa-spotify:before {
-  content: "";
+  content: "\f1bc";
 }
 
 .fa-spray-can:before {
-  content: "";
+  content: "\f5bd";
 }
 
 .fa-square:before {
-  content: "";
+  content: "\f0c8";
 }
 
 .fa-square-full:before {
-  content: "";
+  content: "\f45c";
 }
 
 .fa-square-root-alt:before {
-  content: "";
+  content: "\f698";
 }
 
 .fa-squarespace:before {
-  content: "";
+  content: "\f5be";
 }
 
 .fa-stack-exchange:before {
-  content: "";
+  content: "\f18d";
 }
 
 .fa-stack-overflow:before {
-  content: "";
+  content: "\f16c";
 }
 
 .fa-stamp:before {
-  content: "";
+  content: "\f5bf";
 }
 
 .fa-star:before {
-  content: "";
+  content: "\f005";
 }
 
 .fa-star-and-crescent:before {
-  content: "";
+  content: "\f699";
 }
 
 .fa-star-half:before {
-  content: "";
+  content: "\f089";
 }
 
 .fa-star-half-alt:before {
-  content: "";
+  content: "\f5c0";
 }
 
 .fa-star-of-david:before {
-  content: "";
+  content: "\f69a";
 }
 
 .fa-star-of-life:before {
-  content: "";
+  content: "\f621";
 }
 
 .fa-staylinked:before {
-  content: "";
+  content: "\f3f5";
 }
 
 .fa-steam:before {
-  content: "";
+  content: "\f1b6";
 }
 
 .fa-steam-square:before {
-  content: "";
+  content: "\f1b7";
 }
 
 .fa-steam-symbol:before {
-  content: "";
+  content: "\f3f6";
 }
 
 .fa-step-backward:before {
-  content: "";
+  content: "\f048";
 }
 
 .fa-step-forward:before {
-  content: "";
+  content: "\f051";
 }
 
 .fa-stethoscope:before {
-  content: "";
+  content: "\f0f1";
 }
 
 .fa-sticker-mule:before {
-  content: "";
+  content: "\f3f7";
 }
 
 .fa-sticky-note:before {
-  content: "";
+  content: "\f249";
 }
 
 .fa-stop:before {
-  content: "";
+  content: "\f04d";
 }
 
 .fa-stop-circle:before {
-  content: "";
+  content: "\f28d";
 }
 
 .fa-stopwatch:before {
-  content: "";
+  content: "\f2f2";
 }
 
 .fa-store:before {
-  content: "";
+  content: "\f54e";
 }
 
 .fa-store-alt:before {
-  content: "";
+  content: "\f54f";
 }
 
 .fa-strava:before {
-  content: "";
+  content: "\f428";
 }
 
 .fa-stream:before {
-  content: "";
+  content: "\f550";
 }
 
 .fa-street-view:before {
-  content: "";
+  content: "\f21d";
 }
 
 .fa-strikethrough:before {
-  content: "";
+  content: "\f0cc";
 }
 
 .fa-stripe:before {
-  content: "";
+  content: "\f429";
 }
 
 .fa-stripe-s:before {
-  content: "";
+  content: "\f42a";
 }
 
 .fa-stroopwafel:before {
-  content: "";
+  content: "\f551";
 }
 
 .fa-studiovinari:before {
-  content: "";
+  content: "\f3f8";
 }
 
 .fa-stumbleupon:before {
-  content: "";
+  content: "\f1a4";
 }
 
 .fa-stumbleupon-circle:before {
-  content: "";
+  content: "\f1a3";
 }
 
 .fa-subscript:before {
-  content: "";
+  content: "\f12c";
 }
 
 .fa-subway:before {
-  content: "";
+  content: "\f239";
 }
 
 .fa-suitcase:before {
-  content: "";
+  content: "\f0f2";
 }
 
 .fa-suitcase-rolling:before {
-  content: "";
+  content: "\f5c1";
 }
 
 .fa-sun:before {
-  content: "";
+  content: "\f185";
 }
 
 .fa-superpowers:before {
-  content: "";
+  content: "\f2dd";
 }
 
 .fa-superscript:before {
-  content: "";
+  content: "\f12b";
 }
 
 .fa-supple:before {
-  content: "";
+  content: "\f3f9";
 }
 
 .fa-surprise:before {
-  content: "";
+  content: "\f5c2";
 }
 
 .fa-swatchbook:before {
-  content: "";
+  content: "\f5c3";
 }
 
 .fa-swimmer:before {
-  content: "";
+  content: "\f5c4";
 }
 
 .fa-swimming-pool:before {
-  content: "";
+  content: "\f5c5";
 }
 
 .fa-synagogue:before {
-  content: "";
+  content: "\f69b";
 }
 
 .fa-sync:before {
-  content: "";
+  content: "\f021";
 }
 
 .fa-sync-alt:before {
-  content: "";
+  content: "\f2f1";
 }
 
 .fa-syringe:before {
-  content: "";
+  content: "\f48e";
 }
 
 .fa-table:before {
-  content: "";
+  content: "\f0ce";
 }
 
 .fa-table-tennis:before {
-  content: "";
+  content: "\f45d";
 }
 
 .fa-tablet:before {
-  content: "";
+  content: "\f10a";
 }
 
 .fa-tablet-alt:before {
-  content: "";
+  content: "\f3fa";
 }
 
 .fa-tablets:before {
-  content: "";
+  content: "\f490";
 }
 
 .fa-tachometer-alt:before {
-  content: "";
+  content: "\f3fd";
 }
 
 .fa-tag:before {
-  content: "";
+  content: "\f02b";
 }
 
 .fa-tags:before {
-  content: "";
+  content: "\f02c";
 }
 
 .fa-tape:before {
-  content: "";
+  content: "\f4db";
 }
 
 .fa-tasks:before {
-  content: "";
+  content: "\f0ae";
 }
 
 .fa-taxi:before {
-  content: "";
+  content: "\f1ba";
 }
 
 .fa-teamspeak:before {
-  content: "";
+  content: "\f4f9";
 }
 
 .fa-teeth:before {
-  content: "";
+  content: "\f62e";
 }
 
 .fa-teeth-open:before {
-  content: "";
+  content: "\f62f";
 }
 
 .fa-telegram:before {
-  content: "";
+  content: "\f2c6";
 }
 
 .fa-telegram-plane:before {
-  content: "";
+  content: "\f3fe";
 }
 
 .fa-tencent-weibo:before {
-  content: "";
+  content: "\f1d5";
 }
 
 .fa-terminal:before {
-  content: "";
+  content: "\f120";
 }
 
 .fa-text-height:before {
-  content: "";
+  content: "\f034";
 }
 
 .fa-text-width:before {
-  content: "";
+  content: "\f035";
 }
 
 .fa-th:before {
-  content: "";
+  content: "\f00a";
 }
 
 .fa-th-large:before {
-  content: "";
+  content: "\f009";
 }
 
 .fa-th-list:before {
-  content: "";
+  content: "\f00b";
 }
 
 .fa-the-red-yeti:before {
-  content: "";
+  content: "\f69d";
 }
 
 .fa-theater-masks:before {
-  content: "";
+  content: "\f630";
 }
 
 .fa-themeco:before {
-  content: "";
+  content: "\f5c6";
 }
 
 .fa-themeisle:before {
-  content: "";
+  content: "\f2b2";
 }
 
 .fa-thermometer:before {
-  content: "";
+  content: "\f491";
 }
 
 .fa-thermometer-empty:before {
-  content: "";
+  content: "\f2cb";
 }
 
 .fa-thermometer-full:before {
-  content: "";
+  content: "\f2c7";
 }
 
 .fa-thermometer-half:before {
-  content: "";
+  content: "\f2c9";
 }
 
 .fa-thermometer-quarter:before {
-  content: "";
+  content: "\f2ca";
 }
 
 .fa-thermometer-three-quarters:before {
-  content: "";
+  content: "\f2c8";
 }
 
 .fa-thumbs-down:before {
-  content: "";
+  content: "\f165";
 }
 
 .fa-thumbs-up:before {
-  content: "";
+  content: "\f164";
 }
 
 .fa-thumbtack:before {
-  content: "";
+  content: "\f08d";
 }
 
 .fa-ticket-alt:before {
-  content: "";
+  content: "\f3ff";
 }
 
 .fa-times:before {
-  content: "";
+  content: "\f00d";
 }
 
 .fa-times-circle:before {
-  content: "";
+  content: "\f057";
 }
 
 .fa-tint:before {
-  content: "";
+  content: "\f043";
 }
 
 .fa-tint-slash:before {
-  content: "";
+  content: "\f5c7";
 }
 
 .fa-tired:before {
-  content: "";
+  content: "\f5c8";
 }
 
 .fa-toggle-off:before {
-  content: "";
+  content: "\f204";
 }
 
 .fa-toggle-on:before {
-  content: "";
+  content: "\f205";
 }
 
 .fa-toolbox:before {
-  content: "";
+  content: "\f552";
 }
 
 .fa-tooth:before {
-  content: "";
+  content: "\f5c9";
 }
 
 .fa-torah:before {
-  content: "";
+  content: "\f6a0";
 }
 
 .fa-torii-gate:before {
-  content: "";
+  content: "\f6a1";
 }
 
 .fa-trade-federation:before {
-  content: "";
+  content: "\f513";
 }
 
 .fa-trademark:before {
-  content: "";
+  content: "\f25c";
 }
 
 .fa-traffic-light:before {
-  content: "";
+  content: "\f637";
 }
 
 .fa-train:before {
-  content: "";
+  content: "\f238";
 }
 
 .fa-transgender:before {
-  content: "";
+  content: "\f224";
 }
 
 .fa-transgender-alt:before {
-  content: "";
+  content: "\f225";
 }
 
 .fa-trash:before {
-  content: "";
+  content: "\f1f8";
 }
 
 .fa-trash-alt:before {
-  content: "";
+  content: "\f2ed";
 }
 
 .fa-tree:before {
-  content: "";
+  content: "\f1bb";
 }
 
 .fa-trello:before {
-  content: "";
+  content: "\f181";
 }
 
 .fa-tripadvisor:before {
-  content: "";
+  content: "\f262";
 }
 
 .fa-trophy:before {
-  content: "";
+  content: "\f091";
 }
 
 .fa-truck:before {
-  content: "";
+  content: "\f0d1";
 }
 
 .fa-truck-loading:before {
-  content: "";
+  content: "\f4de";
 }
 
 .fa-truck-monster:before {
-  content: "";
+  content: "\f63b";
 }
 
 .fa-truck-moving:before {
-  content: "";
+  content: "\f4df";
 }
 
 .fa-truck-pickup:before {
-  content: "";
+  content: "\f63c";
 }
 
 .fa-tshirt:before {
-  content: "";
+  content: "\f553";
 }
 
 .fa-tty:before {
-  content: "";
+  content: "\f1e4";
 }
 
 .fa-tumblr:before {
-  content: "";
+  content: "\f173";
 }
 
 .fa-tumblr-square:before {
-  content: "";
+  content: "\f174";
 }
 
 .fa-tv:before {
-  content: "";
+  content: "\f26c";
 }
 
 .fa-twitch:before {
-  content: "";
+  content: "\f1e8";
 }
 
 .fa-twitter:before {
-  content: "";
+  content: "\f099";
 }
 
 .fa-twitter-square:before {
-  content: "";
+  content: "\f081";
 }
 
 .fa-typo3:before {
-  content: "";
+  content: "\f42b";
 }
 
 .fa-uber:before {
-  content: "";
+  content: "\f402";
 }
 
 .fa-uikit:before {
-  content: "";
+  content: "\f403";
 }
 
 .fa-umbrella:before {
-  content: "";
+  content: "\f0e9";
 }
 
 .fa-umbrella-beach:before {
-  content: "";
+  content: "\f5ca";
 }
 
 .fa-underline:before {
-  content: "";
+  content: "\f0cd";
 }
 
 .fa-undo:before {
-  content: "";
+  content: "\f0e2";
 }
 
 .fa-undo-alt:before {
-  content: "";
+  content: "\f2ea";
 }
 
 .fa-uniregistry:before {
-  content: "";
+  content: "\f404";
 }
 
 .fa-universal-access:before {
-  content: "";
+  content: "\f29a";
 }
 
 .fa-university:before {
-  content: "";
+  content: "\f19c";
 }
 
 .fa-unlink:before {
-  content: "";
+  content: "\f127";
 }
 
 .fa-unlock:before {
-  content: "";
+  content: "\f09c";
 }
 
 .fa-unlock-alt:before {
-  content: "";
+  content: "\f13e";
 }
 
 .fa-untappd:before {
-  content: "";
+  content: "\f405";
 }
 
 .fa-upload:before {
-  content: "";
+  content: "\f093";
 }
 
 .fa-usb:before {
-  content: "";
+  content: "\f287";
 }
 
 .fa-user:before {
-  content: "";
+  content: "\f007";
 }
 
 .fa-user-alt:before {
-  content: "";
+  content: "\f406";
 }
 
 .fa-user-alt-slash:before {
-  content: "";
+  content: "\f4fa";
 }
 
 .fa-user-astronaut:before {
-  content: "";
+  content: "\f4fb";
 }
 
 .fa-user-check:before {
-  content: "";
+  content: "\f4fc";
 }
 
 .fa-user-circle:before {
-  content: "";
+  content: "\f2bd";
 }
 
 .fa-user-clock:before {
-  content: "";
+  content: "\f4fd";
 }
 
 .fa-user-cog:before {
-  content: "";
+  content: "\f4fe";
 }
 
 .fa-user-edit:before {
-  content: "";
+  content: "\f4ff";
 }
 
 .fa-user-friends:before {
-  content: "";
+  content: "\f500";
 }
 
 .fa-user-graduate:before {
-  content: "";
+  content: "\f501";
 }
 
 .fa-user-lock:before {
-  content: "";
+  content: "\f502";
 }
 
 .fa-user-md:before {
-  content: "";
+  content: "\f0f0";
 }
 
 .fa-user-minus:before {
-  content: "";
+  content: "\f503";
 }
 
 .fa-user-ninja:before {
-  content: "";
+  content: "\f504";
 }
 
 .fa-user-plus:before {
-  content: "";
+  content: "\f234";
 }
 
 .fa-user-secret:before {
-  content: "";
+  content: "\f21b";
 }
 
 .fa-user-shield:before {
-  content: "";
+  content: "\f505";
 }
 
 .fa-user-slash:before {
-  content: "";
+  content: "\f506";
 }
 
 .fa-user-tag:before {
-  content: "";
+  content: "\f507";
 }
 
 .fa-user-tie:before {
-  content: "";
+  content: "\f508";
 }
 
 .fa-user-times:before {
-  content: "";
+  content: "\f235";
 }
 
 .fa-users:before {
-  content: "";
+  content: "\f0c0";
 }
 
 .fa-users-cog:before {
-  content: "";
+  content: "\f509";
 }
 
 .fa-ussunnah:before {
-  content: "";
+  content: "\f407";
 }
 
 .fa-utensil-spoon:before {
-  content: "";
+  content: "\f2e5";
 }
 
 .fa-utensils:before {
-  content: "";
+  content: "\f2e7";
 }
 
 .fa-vaadin:before {
-  content: "";
+  content: "\f408";
 }
 
 .fa-vector-square:before {
-  content: "";
+  content: "\f5cb";
 }
 
 .fa-venus:before {
-  content: "";
+  content: "\f221";
 }
 
 .fa-venus-double:before {
-  content: "";
+  content: "\f226";
 }
 
 .fa-venus-mars:before {
-  content: "";
+  content: "\f228";
 }
 
 .fa-viacoin:before {
-  content: "";
+  content: "\f237";
 }
 
 .fa-viadeo:before {
-  content: "";
+  content: "\f2a9";
 }
 
 .fa-viadeo-square:before {
-  content: "";
+  content: "\f2aa";
 }
 
 .fa-vial:before {
-  content: "";
+  content: "\f492";
 }
 
 .fa-vials:before {
-  content: "";
+  content: "\f493";
 }
 
 .fa-viber:before {
-  content: "";
+  content: "\f409";
 }
 
 .fa-video:before {
-  content: "";
+  content: "\f03d";
 }
 
 .fa-video-slash:before {
-  content: "";
+  content: "\f4e2";
 }
 
 .fa-vihara:before {
-  content: "";
+  content: "\f6a7";
 }
 
 .fa-vimeo:before {
-  content: "";
+  content: "\f40a";
 }
 
 .fa-vimeo-square:before {
-  content: "";
+  content: "\f194";
 }
 
 .fa-vimeo-v:before {
-  content: "";
+  content: "\f27d";
 }
 
 .fa-vine:before {
-  content: "";
+  content: "\f1ca";
 }
 
 .fa-vk:before {
-  content: "";
+  content: "\f189";
 }
 
 .fa-vnv:before {
-  content: "";
+  content: "\f40b";
 }
 
 .fa-volleyball-ball:before {
-  content: "";
+  content: "\f45f";
 }
 
 .fa-volume-down:before {
-  content: "";
+  content: "\f027";
 }
 
 .fa-volume-off:before {
-  content: "";
+  content: "\f026";
 }
 
 .fa-volume-up:before {
-  content: "";
+  content: "\f028";
 }
 
 .fa-vuejs:before {
-  content: "";
+  content: "\f41f";
 }
 
 .fa-walking:before {
-  content: "";
+  content: "\f554";
 }
 
 .fa-wallet:before {
-  content: "";
+  content: "\f555";
 }
 
 .fa-warehouse:before {
-  content: "";
+  content: "\f494";
 }
 
 .fa-weebly:before {
-  content: "";
+  content: "\f5cc";
 }
 
 .fa-weibo:before {
-  content: "";
+  content: "\f18a";
 }
 
 .fa-weight:before {
-  content: "";
+  content: "\f496";
 }
 
 .fa-weight-hanging:before {
-  content: "";
+  content: "\f5cd";
 }
 
 .fa-weixin:before {
-  content: "";
+  content: "\f1d7";
 }
 
 .fa-whatsapp:before {
-  content: "";
+  content: "\f232";
 }
 
 .fa-whatsapp-square:before {
-  content: "";
+  content: "\f40c";
 }
 
 .fa-wheelchair:before {
-  content: "";
+  content: "\f193";
 }
 
 .fa-whmcs:before {
-  content: "";
+  content: "\f40d";
 }
 
 .fa-wifi:before {
-  content: "";
+  content: "\f1eb";
 }
 
 .fa-wikipedia-w:before {
-  content: "";
+  content: "\f266";
 }
 
 .fa-window-close:before {
-  content: "";
+  content: "\f410";
 }
 
 .fa-window-maximize:before {
-  content: "";
+  content: "\f2d0";
 }
 
 .fa-window-minimize:before {
-  content: "";
+  content: "\f2d1";
 }
 
 .fa-window-restore:before {
-  content: "";
+  content: "\f2d2";
 }
 
 .fa-windows:before {
-  content: "";
+  content: "\f17a";
 }
 
 .fa-wine-glass:before {
-  content: "";
+  content: "\f4e3";
 }
 
 .fa-wine-glass-alt:before {
-  content: "";
+  content: "\f5ce";
 }
 
 .fa-wix:before {
-  content: "";
+  content: "\f5cf";
 }
 
 .fa-wolf-pack-battalion:before {
-  content: "";
+  content: "\f514";
 }
 
 .fa-won-sign:before {
-  content: "";
+  content: "\f159";
 }
 
 .fa-wordpress:before {
-  content: "";
+  content: "\f19a";
 }
 
 .fa-wordpress-simple:before {
-  content: "";
+  content: "\f411";
 }
 
 .fa-wpbeginner:before {
-  content: "";
+  content: "\f297";
 }
 
 .fa-wpexplorer:before {
-  content: "";
+  content: "\f2de";
 }
 
 .fa-wpforms:before {
-  content: "";
+  content: "\f298";
 }
 
 .fa-wrench:before {
-  content: "";
+  content: "\f0ad";
 }
 
 .fa-x-ray:before {
-  content: "";
+  content: "\f497";
 }
 
 .fa-xbox:before {
-  content: "";
+  content: "\f412";
 }
 
 .fa-xing:before {
-  content: "";
+  content: "\f168";
 }
 
 .fa-xing-square:before {
-  content: "";
+  content: "\f169";
 }
 
 .fa-y-combinator:before {
-  content: "";
+  content: "\f23b";
 }
 
 .fa-yahoo:before {
-  content: "";
+  content: "\f19e";
 }
 
 .fa-yandex:before {
-  content: "";
+  content: "\f413";
 }
 
 .fa-yandex-international:before {
-  content: "";
+  content: "\f414";
 }
 
 .fa-yelp:before {
-  content: "";
+  content: "\f1e9";
 }
 
 .fa-yen-sign:before {
-  content: "";
+  content: "\f157";
 }
 
 .fa-yin-yang:before {
-  content: "";
+  content: "\f6ad";
 }
 
 .fa-yoast:before {
-  content: "";
+  content: "\f2b1";
 }
 
 .fa-youtube:before {
-  content: "";
+  content: "\f167";
 }
 
 .fa-youtube-square:before {
-  content: "";
+  content: "\f431";
 }
 
 .fa-zhihu:before {
-  content: "";
+  content: "\f63f";
 }
 
 .sr-only {
@@ -5353,22 +5353,22 @@ and open the template in the editor.
   color: #E5E5E5;
 }
 .enka-custom-radio.star::before {
-  content: "";
+  content: "\f005";
 }
 .enka-custom-radio.thumb::before {
-  content: "";
+  content: "\f164";
 }
 .enka-custom-radio.smiley::before {
-  content: "";
+  content: "\f118";
 }
 .enka-custom-radio.heart::before {
-  content: "";
+  content: "\f004";
 }
 .enka-custom-radio.flag::before {
-  content: "";
+  content: "\f024";
 }
 .enka-custom-radio.user::before {
-  content: "";
+  content: "\f007";
 }
 
 /* visual analog scale - radio buttons */
@@ -5379,25 +5379,25 @@ and open the template in the editor.
   color: #E5E5E5;
 }
 .enka-vizualna-skala.siv-61::before, .enka-vizualna-skala.siv-71::before {
-  content: "";
+  content: "\f5b4";
 }
 .enka-vizualna-skala.siv-41::before, .enka-vizualna-skala.siv-51::before, .enka-vizualna-skala.siv-62::before, .enka-vizualna-skala.siv-72::before {
-  content: "";
+  content: "\f57a";
 }
 .enka-vizualna-skala.siv-21::before, .enka-vizualna-skala.siv-31::before, .enka-vizualna-skala.siv-42::before, .enka-vizualna-skala.siv-52::before, .enka-vizualna-skala.siv-63::before, .enka-vizualna-skala.siv-73::before {
-  content: "";
+  content: "\f119";
 }
 .enka-vizualna-skala.siv-32::before, .enka-vizualna-skala.siv-53::before, .enka-vizualna-skala.siv-74::before {
-  content: "";
+  content: "\f11a";
 }
 .enka-vizualna-skala.siv-22::before, .enka-vizualna-skala.siv-33::before, .enka-vizualna-skala.siv-43::before, .enka-vizualna-skala.siv-54::before, .enka-vizualna-skala.siv-64::before, .enka-vizualna-skala.siv-75::before {
-  content: "";
+  content: "\f118";
 }
 .enka-vizualna-skala.siv-44::before, .enka-vizualna-skala.siv-55::before, .enka-vizualna-skala.siv-65::before, .enka-vizualna-skala.siv-76::before {
-  content: "";
+  content: "\f580";
 }
 .enka-vizualna-skala.siv-66::before, .enka-vizualna-skala.siv-77::before {
-  content: "";
+  content: "\f59c";
 }
 
 /*
@@ -5411,88 +5411,88 @@ and open the template in the editor.
 */
 /* icons */
 span.faicon.plus::before {
-  content: "";
+  content: "\f067";
 }
 
 span.faicon.minus::before {
-  content: "";
+  content: "\f068";
 }
 
 span.faicon.success::before,
 span.circle-check::before {
-  content: "";
+  content: "\f058";
 }
 
 span.faicon.close::before {
   font-size: 18px;
   font-weight: 400;
-  content: "";
+  content: "\f057";
 }
 
 span.faicon.dropdown_blue::before {
   font-size: 16px;
-  content: "";
+  content: "\f13a";
 }
 
 span.faicon.dropup_blue::before {
   font-size: 16px;
-  content: "";
+  content: "\f139";
 }
 
 span.faicon.arrow_back::before {
   font-weight: 600;
   font-size: 16px;
-  content: "";
+  content: "\f137";
 }
 
 span.faicon.add::before {
   font-size: 18px;
-  content: "";
+  content: "\f055";
 }
 
 span.faicon.remove::before {
   font-size: 18px;
-  content: "";
+  content: "\f056";
 }
 
 span.faicon.delete::before {
   font-size: 18px;
   font-weight: 400;
-  content: "";
+  content: "\f2ed";
 }
 
 span.faicon.anketa_delete::before {
   font-size: 24px;
   font-weight: 400;
-  content: "";
+  content: "\f2ed";
 }
 
 span.faicon.copy::before {
   font-size: 18px;
-  content: "";
+  content: "\f0c5";
   font-weight: 400;
 }
 
 span.faicon.anketa_copy::before {
   font-size: 24px;
-  content: "";
+  content: "\f0c5";
   font-weight: 400;
 }
 
 span.faicon.export::before {
   font-size: 24px;
-  content: "";
+  content: "\f56e";
 }
 
 span.faicon.file-import::before {
-  content: "";
+  content: "\f56f";
   transform: scaleX(-1);
 }
 
 span.faicon.import::before {
   font-size: 24px;
   font-weight: 400;
-  content: "";
+  content: "\f1c2";
 }
 
 /*span.faicon.import::after{
@@ -5502,137 +5502,137 @@ span.faicon.import::before {
 }*/
 span.faicon.library::before {
   font-size: 24px;
-  content: "";
+  content: "\f518";
 }
 
 span.faicon.folder::before {
   font-size: 16px;
   font-weight: 600;
-  content: "";
+  content: "\f07b";
 }
 
 span.faicon.folder_empty::before {
   font-size: 16px;
   font-weight: 400;
-  content: "";
+  content: "\f07b";
 }
 
 span.faicon.after.sort_down_arrow::after {
-  content: "";
+  content: "\f0d7";
   margin-left: 5px;
 }
 
 span.faicon.after.sort_up_arrow::after {
-  content: "";
+  content: "\f0d8";
   margin-left: 5px;
 }
 
 span.faicon.info::before {
   font-size: 28px;
-  content: "";
+  content: "\f05a";
   vertical-align: middle;
 }
 
 span.faicon.pagination_left::before {
   margin: 0 1px 0 1px;
-  content: "";
+  content: "\f104";
 }
 
 span.faicon.pagination_right::before {
   margin: 0 0 0 1px;
-  content: "";
+  content: "\f105";
 }
 
 span.faicon.edit::before,
 span.faicon.edit2::before {
-  content: "";
+  content: "\f304";
 }
 
 span.faicon.refresh::before {
   font-size: 18px;
-  content: "";
+  content: "\f2f1";
 }
 
 span.faicon.filter::before {
   font-size: 18px;
-  content: "";
+  content: "\f0b0";
 }
 
 span.faicon.grip::before {
-  content: "";
+  content: "\f58e";
 }
 
 span.faicon.star::before,
 span.faicon.star_off::before {
   font-size: 14px;
   font-weight: 400;
-  content: "";
+  content: "\f005";
 }
 
 span.faicon.star_on::before {
   font-size: 14px;
   font-weight: 700;
-  content: "";
+  content: "\f005";
 }
 
 span.faicon.search::before {
   font-size: 20px;
-  content: "";
+  content: "\f002";
 }
 
 span.faicon.clipboard_notes::before {
   font-size: 20px;
-  content: "";
+  content: "\f46d";
 }
 
 span.faicon.help2::before {
   font-size: 20px;
-  content: "";
+  content: "\f059";
 }
 
 span.faicon.user::before {
   font-size: 18px;
-  content: "";
+  content: "\f007";
 }
 
 span.faicon.logout::before {
   font-size: 20px;
-  content: "";
+  content: "\f2f5";
 }
 
 .faicon.monitor::before {
-  content: "";
+  content: "\f108";
 }
 
 .faicon.mobile::before {
-  content: "";
+  content: "\f3cd";
 }
 
 .faicon.tablet::before {
-  content: "";
+  content: "\f3fa";
 }
 
 span.faicon.users::before {
-  content: "";
+  content: "\f500";
 }
 
 span.faicon.lock_open::before {
-  content: "";
+  content: "\f3c1";
 }
 
 span.faicon.lock_close::before {
-  content: "";
+  content: "\f023";
 }
 
 span.faicon.bottom_saving::before {
   font-size: 24px;
   font-weight: 400;
-  content: "";
+  content: "\f0c7";
 }
 
 span.faicon.bottom_publish::before {
   font-size: 24px;
-  content: "";
+  content: "\f093";
 }
 
 span.faicon.bottom_preview {
@@ -5642,63 +5642,63 @@ span.faicon.bottom_preview {
 span.faicon.bottom_preview::before {
   font-size: 24px;
   font-weight: 400;
-  content: "";
+  content: "\f15b";
 }
 
 span.faicon.bottom_preview::after {
   font-size: 14px;
-  content: "";
+  content: "\f002";
   display: inline-block;
   margin-left: -70%;
 }
 
 span.faicon.bottom_test::before {
   font-size: 24px;
-  content: "";
+  content: "\f492";
 }
 
 span.faicon.language::before {
   font-size: 24px;
-  content: "";
+  content: "\f0ac";
 }
 
 span.faicon.mobile_off::before {
   font-size: 24px;
-  content: "";
+  content: "\f3cd";
 }
 
 span.faicon.mobile_off::after {
   font-size: 24px;
-  content: "";
+  content: "\f715";
   margin-left: -23px;
 }
 
 span.faicon.comments::before {
-  content: "";
+  content: "\f27a";
   font-weight: 700;
 }
 
 span.faicon.comments_empty::before {
-  content: "";
+  content: "\f27a";
   font-weight: 400;
 }
 
 span.faicon.data_link::before {
-  content: "";
+  content: "\f0c1";
 }
 
 span.faicon.data_link_small::before {
-  content: "";
+  content: "\f0c1";
 }
 
 span.faicon.print::before {
   font-size: 24px;
-  content: "";
+  content: "\f02f";
 }
 
 span.faicon.print_small::before {
   font-size: 16px;
-  content: "";
+  content: "\f02f";
 }
 
 span.faicon.preview {
@@ -5708,11 +5708,11 @@ span.faicon.preview {
 span.faicon.preview::before {
   font-size: 18px;
   font-weight: 400;
-  content: "";
+  content: "\f15b";
 }
 
 span.faicon.preview::after {
-  content: "";
+  content: "\f002";
   display: inline-block;
   font-size: 11px;
   margin-left: -50%;
@@ -5720,87 +5720,87 @@ span.faicon.preview::after {
 
 span.faicon.palette::before {
   font-size: 18px;
-  content: "";
+  content: "\f53f";
 }
 
 span.faicon.inline_comment::before {
   font-size: 14px;
   font-weight: 400;
-  content: "";
+  content: "\f075";
 }
 
 span.faicon.inline_double_comment::before {
   font-size: 14px;
   font-weight: 400;
-  content: "";
+  content: "\f086";
 }
 
 span.faicon.comments_creport::before {
   font-size: 16px;
-  content: "";
+  content: "\f086";
 }
 
 span.faicon.compress::before {
   font-size: 15px;
-  content: "";
+  content: "\f066";
 }
 
 span.faicon.expand::before {
   font-size: 15px;
-  content: "";
+  content: "\f065";
 }
 
 span.faicon.hashtag::before {
   font-size: 15px;
-  content: "";
+  content: "\f292";
 }
 
 span.faicon.bug::before {
   font-size: 15px;
-  content: "";
+  content: "\f188";
 }
 
 span.faicon.paragraph::before {
   font-size: 15px;
-  content: "";
+  content: "\f1dd";
 }
 
 span.faicon.replace::before {
   font-size: 15px;
-  content: "";
+  content: "\f362";
 }
 
 span.faicon.plus_square::before {
   font-size: 15px;
   font-weight: 400;
-  content: "";
+  content: "\f0fe";
 }
 
 span.faicon.minus_square::before {
   font-size: 15px;
   font-weight: 400;
-  content: "";
+  content: "\f146";
 }
 
 span.faicon.delete_circle::before {
   font-size: 14px;
-  content: "";
+  content: "\f056";
 }
 
 span.faicon.quick_view::before {
   font-size: 15px;
   font-weight: 400;
-  content: "";
+  content: "\f06e";
 }
 
 span.faicon.edit_square::before {
   font-size: 15px;
-  content: "";
+  content: "\f044";
 }
 
 span.faicon.test::before {
   font-size: 15px;
-  content: "";
+  content: "\f492";
 }
 
 a.faicon.if_add {
@@ -5836,7 +5836,7 @@ span.faicon.if_add:hover:before {
 }
 
 span.faicon.text_file::before {
-  content: "";
+  content: "\f15c";
 }
 
 span.faicon.text_file_small {
@@ -5846,40 +5846,40 @@ span.faicon.text_file_small {
 span.faicon.text_file_small:before {
   font-size: 18px;
   font-weight: 400;
-  content: "";
+  content: "\f15c";
 }
 
 span.faicon.warning::before {
   font-size: 16px;
-  content: "";
+  content: "\f071";
 }
 
 span.faicon.users_small::before {
   font-size: 16px;
-  content: "";
+  content: "\f0c0";
 }
 
 span.faicon.popup_0::before {
   font-size: 14px;
-  content: "";
+  content: "\f065";
   color: #1E88E5;
 }
 
 span.faicon.popup_1::before {
   font-size: 14px;
-  content: "";
+  content: "\f065";
   color: #0059ab;
 }
 
 span.faicon.flat_0::before {
   font-size: 14px;
-  content: "";
+  content: "\f03c";
   color: #0059ab;
 }
 
 span.faicon.flat_1::before {
   font-size: 14px;
-  content: "";
+  content: "\f03c";
   color: #1E88E5;
 }
 
@@ -5894,46 +5894,46 @@ span.basic-icon.spss::before {
 span.faicon.external_link::before {
   font-size: 14px;
   font-weight: 600;
-  content: "";
+  content: "\f35d";
 }
 
 span.faicon.cog_large::before {
   font-size: 34px;
   font-weight: 600;
-  content: "";
+  content: "\f013";
 }
 
 span.faicon.chart_large::before {
   font-size: 34px;
   font-weight: 600;
-  content: "";
+  content: "\f201";
 }
 
 span.faicon.reload_large::before {
   font-size: 34px;
   font-weight: 600;
-  content: "";
+  content: "\f021";
 }
 
 span.faicon.chart::before {
-  content: "";
+  content: "\f080";
   font-size: 16px;
   font-weight: 600;
 }
 
 span.faicon.data::before {
-  content: "";
+  content: "\f1c0";
   font-size: 16px;
   font-weight: 600;
 }
 
 span.faicon.publish::before {
-  content: "";
+  content: "\f093";
   font-size: 16px;
 }
 
 span.faicon.test::before {
-  content: "";
+  content: "\f492";
   font-size: 16px;
 }
 
@@ -5943,63 +5943,63 @@ button.ui-datepicker-trigger::before {
   font-family: "Font Awesome 5 Free";
   font-weight: 400;
   font-size: 16px;
-  content: "";
+  content: "\f073";
 }
 
 /* ARROWS */
 span.faicon.arrow_up::before {
   font-size: 14px;
-  content: "";
+  content: "\f062";
 }
 
 span.faicon.arrow2_r::before {
   font-size: 14px;
-  content: "";
+  content: "\f054";
 }
 
 span.faicon.arrow2_l::before {
   font-size: 14px;
-  content: "";
+  content: "\f053";
 }
 
 span.faicon.arrow2_d::before {
   font-size: 14px;
-  content: "";
+  content: "\f078";
 }
 
 span.faicon.arrow2_u::before {
   font-size: 14px;
-  content: "";
+  content: "\f077";
 }
 
 span.faicon.arrow_large2_r::before {
   font-size: 35px;
-  content: "";
+  content: "\f054";
 }
 
 span.faicon.arrow_large2_l::before {
   font-size: 35px;
-  content: "";
+  content: "\f053";
 }
 
 span.faicon.arrow_verylarge2_r::before {
   font-size: 40px;
-  content: "";
+  content: "\f054";
 }
 
 span.faicon.arrow_verylarge2_l::before {
   font-size: 40px;
-  content: "";
+  content: "\f053";
 }
 
 span.faicon.sort_descending::before {
   font-size: 14px;
-  content: "";
+  content: "\f0d7";
 }
 
 span.faicon.sort_ascending::before {
   font-size: 14px;
-  content: "";
+  content: "\f0d8";
 }
 
 /* Plus/minus sqare */
@@ -6011,127 +6011,127 @@ span.folder_plusminus {
 span.faicon.plus_orange::before {
   font-size: 12px;
   font-weight: 400;
-  content: "";
+  content: "\f0fe";
 }
 
 span.faicon.minus_orange::before {
   font-size: 12px;
   font-weight: 400;
-  content: "";
+  content: "\f146";
 }
 
 /* Spinner */
 span.faicon.spinner::before {
   font-size: 18px;
-  content: "";
+  content: "\f1ce";
 }
 
 /* Bars - mobile menu */
 span.faicon.bars::before {
   font-size: 26px;
-  content: "";
+  content: "\f0c9";
 }
 
 span.faicon.lock_open::before {
-  content: "";
+  content: "\f3c1";
 }
 
 span.faicon.lock_close::before {
-  content: "";
+  content: "\f023";
 }
 
 span.faicon.bell::before {
-  content: "";
+  content: "\f0f3";
 }
 
 span.faicon.bell_slash::before {
-  content: "";
+  content: "\f1f6";
 }
 
 span.faicon.trash::before {
-  content: "";
+  content: "\f2ed";
 }
 
 span.faicon.copy::before {
-  content: "";
+  content: "\f0c5";
 }
 
 span.faicon.circle::before {
-  content: "";
+  content: "\f111";
   vertical-align: middle;
 }
 
 span.faicon.plus::before {
-  content: "";
+  content: "\f067";
 }
 
 span.faicon.plus_circle::before {
-  content: "";
+  content: "\f055";
 }
 
 span.faicon.minus_circle::before {
-  content: "";
+  content: "\f056";
 }
 
 span.faicon.calendar_icon::before {
-  content: "";
+  content: "\f073";
 }
 
 span.faicon.clipboard::before {
-  content: "";
+  content: "\f328";
 }
 
 span.faicon.list-alt::before {
-  content: "";
+  content: "\f022";
 }
 
 span.faicon.vote-yes::before {
-  content: "";
+  content: "\f772";
 }
 
 span.faicon.file-preview::before {
-  content: "";
+  content: "\f865";
 }
 
 span.faicon.dots::before {
-  content: "";
+  content: "\f141";
   font-size: 16px;
   font-weight: 600;
 }
 
 span.faicon.dots_ver:before {
-  content: "";
+  content: "\f142";
   font-size: 16px;
   font-weight: 600;
 }
 
 span.faicon.open_icon::before,
 a.faicon.open_icon::before {
-  content: "";
+  content: "\f35d";
 }
 
 span.faicon.table_icon::before {
-  content: "";
+  content: "\f0ce";
 }
 
 span.faicon.list::before {
-  content: "";
+  content: "\f03a";
 }
 
 span.faicon.link-chain::before {
-  content: "";
+  content: "\f0c1";
 }
 
 span.fa-brands.html5::before {
-  content: "";
+  content: "\f13b";
 }
 
 span.faicon.stopwatch20::before {
-  content: "";
+  content: "\e06f";
 }
 
 span.faicon.checkbox-empty::before {
-  content: "";
+  content: "\f0c8";
   font-weight: 400 !important;
 }
 
@@ -6140,11 +6140,11 @@ span.faicon.fa-1::before {
 }
 
 span.faicon.phone::before {
-  content: "";
+  content: "\f095";
 }
 
 span.faicon.screwdriver::before {
-  content: "";
+  content: "\f7d9";
   font-weight: 600 !important;
 }
 
@@ -6153,7 +6153,7 @@ span.faicon.fa-x::before {
 }
 
 span.faicon.envelope::before {
-  content: "";
+  content: "\f0e0";
   font-weight: 400;
 }
 
@@ -6291,23 +6291,23 @@ and open the template in the editor.
 */
 /* Toolbox na levi strani */
 span.faicon.wheel_32::before {
-  content: "";
+  content: "\f013";
 }
 
 span.faicon.radio_32::before {
-  content: "";
+  content: "\f192";
   font-weight: 400;
   font-size: 18px;
 }
 
 span.faicon.check_32::before {
-  content: "";
+  content: "\f14a";
   font-weight: 400;
   font-size: 18px;
 }
 
 span.faicon.matrix_32::before {
-  content: "\a";
+  content: "\f192\f192\a\f192\f192";
   white-space: pre;
   font-weight: 400;
   font-size: 12px;
@@ -6331,7 +6331,7 @@ span.faicon.nagovor::before {
 }
 
 span.faicon.plus_32::before {
-  content: "";
+  content: "\f055";
   font-size: 18px;
 }
 
@@ -6375,12 +6375,12 @@ span.faicon.edit-vprasanje {
 }
 span.faicon.edit-vprasanje:before {
   font-size: 18px;
-  content: "";
+  content: "\f031";
 }
 
 a.faicon.edit::before {
   font-size: 16px;
-  content: "";
+  content: "\f304";
 }
 
 a.faicon.addif::before {
@@ -6392,22 +6392,22 @@ a.faicon.addif::before {
 a.faicon.copy::before {
   font-size: 18px;
   font-weight: 400;
-  content: "";
+  content: "\f0c5";
 }
 
 a.faicon.copycond::before {
   font-size: 18px;
-  content: "";
+  content: "\f0c5";
 }
 
 a.faicon.preview::before {
   font-size: 18px;
   font-weight: 400;
-  content: "";
+  content: "\f15b";
 }
 
 a.faicon.preview::after {
-  content: "";
+  content: "\f002";
   display: inline-block;
   font-size: 11px;
   margin-left: -50%;
@@ -6415,25 +6415,25 @@ a.faicon.preview::after {
 
 a.faicon.arhiv::before {
   font-size: 18px;
-  content: "";
+  content: "\f044";
 }
 
 a.faicon.delete::before {
   font-size: 18px;
   font-weight: 400;
-  content: "";
+  content: "\f2ed";
 }
 
 a.faicon.hide::before {
   font-size: 18px;
   font-weight: 400;
-  content: "";
+  content: "\f06e";
 }
 
 a.faicon.unhide_icon::before {
   font-size: 18px;
   font-weight: 400;
-  content: "";
+  content: "\f070";
 }
 
 /* Urejanje vrednosti inline */
@@ -6447,12 +6447,12 @@ a.faicon.unhide_icon::before {
 
 .variabla span.inline.faicon.edit2::before {
   font-size: 14px;
-  content: "";
+  content: "\f304";
 }
 
 .variabla span.inline.faicon.odg_hidden::before {
   font-size: 14px;
-  content: "";
+  content: "\f05e";
 }
 
 .variabla span.inline.faicon.odg_hidden.show-hidden::before {
@@ -6480,23 +6480,23 @@ span.inline.faicon.odg_if_not::before {
 .variabla span.inline.faicon.odg_if_follow::after {
   font-size: 14px;
   margin-left: 2px;
-  content: "";
+  content: "\f0da";
 }
 
 .variabla span.inline.faicon.correct::before {
   font-size: 14px;
   font-weight: 900;
-  content: "";
+  content: "\f00c";
 }
 
 .faicon.move_updown::before {
   font-size: 16px;
   color: #0059ab;
-  content: "";
+  content: "\f338";
 }
 
 .faicon.image_upload::before {
-  content: "";
+  content: "\f03e";
   font-weight: 400;
 }
 
@@ -6513,22 +6513,22 @@ and open the template in the editor.
 span.faicon.mapca.anketa::before {
   font-size: 16px;
   font-weight: 400;
-  content: "";
+  content: "\f022";
 }
 
 span.faicon.table::before {
   font-size: 16px;
-  content: "";
+  content: "\f00b";
 }
 
 span.faicon.other_vprasanja::before {
   font-size: 16px;
-  content: "" !important;
+  content: "\f0ca" !important;
 }
 
 span.faicon.osnovna_vprasanja::before {
   font-size: 16px;
-  content: "";
+  content: "\f0ca";
 }
 
 span.faicon.mapca.if::before {
@@ -6556,7 +6556,7 @@ and open the template in the editor.
 */
 /* Izvozi */
 span.faicon.pdf::before {
-  content: "";
+  content: "\f1c1";
   font-size: 16px;
   font-weight: 400;
   color: #ed1c24;
@@ -6580,7 +6580,7 @@ span.faicon.pdf.black::before {
 span.faicon.xls::before {
   font-size: 16px;
   font-weight: 400;
-  content: "";
+  content: "\f1c3";
   color: #008000;
 }
 
@@ -6602,7 +6602,7 @@ span.faicon.xls.black::before {
 span.faicon.rtf::before {
   font-size: 16px;
   font-weight: 400;
-  content: "";
+  content: "\f1c2";
   color: #0f3ea8;
 }
 
@@ -6624,7 +6624,7 @@ span.faicon.rtf.black::before {
 span.faicon.ppt::before {
   font-size: 16px;
   font-weight: 400;
-  content: "";
+  content: "\f1c4";
   color: #fa4913;
 }
 
@@ -6646,7 +6646,7 @@ span.faicon.ppt.black::before {
 span.faicon.xml::before {
   font-size: 16px;
   font-weight: 400;
-  content: "";
+  content: "\f1c9";
   color: #00a000;
 }
 
@@ -6666,17 +6666,17 @@ span.faicon.xml.black::before {
 }
 
 span.faicon.arhiv::before {
-  content: "";
+  content: "\f187";
 }
 
 span.faicon.arhiv_mail::before {
   font-size: 16px;
   font-weight: 400;
-  content: "";
+  content: "\f14d";
 }
 
 span.faicon.share-arrow::before {
-  content: "";
+  content: "\f14d";
 }
 
 /*
@@ -6726,7 +6726,7 @@ span.faicon.an_chart_bar::before {
   font-size: 14px;
   font-weight: 700;
   /*content: "\f080";*/
-  content: "";
+  content: "\f200";
 }
 
 /*
@@ -6740,35 +6740,35 @@ and open the template in the editor.
 */
 /* Invitation table */
 span.faicon.inv_sent_0::before {
-  content: "";
+  content: "\f2b6";
 }
 
 span.faicon.inv_sent_1::before {
-  content: "";
+  content: "\f0e0";
 }
 
 span.faicon.inv_responded_0::before {
   font-size: 14px;
   font-weight: 400;
-  content: "";
+  content: "\f005";
 }
 
 span.faicon.inv_responded_1::before {
   font-size: 14px;
   font-weight: 700;
-  content: "";
+  content: "\f005";
 }
 
 span.faicon.inv_unsubscribed_0::before {
   font-size: 14px;
   font-weight: 400;
-  content: "";
+  content: "\f111";
 }
 
 span.faicon.inv_unsubscribed_1::before {
   font-size: 14px;
   font-weight: 700;
-  content: "";
+  content: "\f111";
   color: #FF0000;
 }
 
@@ -6869,7 +6869,7 @@ a.read-more .faicon:before {
 .qtip .qtip-wrapper .qtip-contentWrapper .qtip-content h1::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f059";
   font-size: 20px;
   color: #1E88E5;
   vertical-align: -1px;
@@ -6906,7 +6906,7 @@ a.read-more .faicon:before {
   padding-left: 8px;
   vertical-align: middle;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f054";
   font-size: 8px;
   color: #1E88E5;
   transition: 0.2s;
@@ -7229,7 +7229,7 @@ a.read-more .faicon:before {
 .divPopUp.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -7270,7 +7270,7 @@ a.read-more .faicon:before {
 .divPopUp_info.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -7762,7 +7762,7 @@ body.waitlong #loading {
 #check_pogoji.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -7943,7 +7943,7 @@ body.waitlong #loading {
 #dropped_alert.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -9137,7 +9137,7 @@ header #topSettingsHolder .left_options_holder #analizaSubNav #globalSetingsLink
   right: 8px;
   top: 5px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f078";
   font-size: 10px;
   font-weight: 600;
 }
@@ -9411,7 +9411,7 @@ footer#srv_footer .footer_right span.faicon.external_link:before {
 footer#srv_footer .footer_right .right_help_button {
   position: fixed;
   right: -71px;
-  top: calc(50%);
+  top: 50%;
   width: 150px;
   padding: 4px 8px;
   border: 1px #1E88E5 solid;
@@ -9791,17 +9791,17 @@ input[type=radio]:checked + label:before, input[type=checkbox]:checked + label:b
   color: #1E88E5;
 }
 input[type=checkbox] + label:before {
-  content: "";
+  content: "\f0c8";
 }
 input[type=checkbox]:checked + label:before {
-  content: "";
+  content: "\f14a";
   font-weight: bold;
 }
 input[type=radio] + label:before {
-  content: "";
+  content: "\f111";
 }
 input[type=radio]:checked + label:before {
-  content: "";
+  content: "\f192";
 }
 input[type=checkbox][disabled] + label:before {
   color: #C4C4C4;
@@ -10168,7 +10168,10 @@ header #top_line #enka_nav .anketa_header_upgrade_package {
 header #top_line #enka_nav .anketa_header_upgrade_package button {
   padding-top: 0;
   padding-bottom: 0;
-  height: 28px;
+  height: 36px;
+  width: 171px;
+  top: 15px;
+  left: 1544px;
 }
 
 .toolbox .toolbox_item.user_access_locked {
@@ -10372,7 +10375,7 @@ header #top_line #enka_nav .anketa_header_upgrade_package button {
 #popup_user_access.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -10424,9 +10427,9 @@ header #top_line #enka_nav .anketa_header_upgrade_package button {
 div.button_holder.editor_button_holder {
   margin: 0;
   padding: 8px 16px;
-  border-bottom: 1px #cccccc solid;
-  border-left: 1px #cccccc solid;
-  border-right: 1px #cccccc solid;
+  border-bottom: 1px rgb(204, 204, 204) solid;
+  border-left: 1px rgb(204, 204, 204) solid;
+  border-right: 1px rgb(204, 204, 204) solid;
   border-radius: 0 0 2px 2px;
 }
 
@@ -10454,8 +10457,8 @@ div.button_holder.editor_button_holder {
 }
 .cke_toolbox .cke_button__textcolor:after,
 .cke_toolbox .cke_button__image_icon:after {
-  background-color: #bfbfbf;
-  border-color: #bfbfbf;
+  background-color: rgb(191, 191, 191);
+  border-color: rgb(191, 191, 191);
   content: "";
   position: absolute;
   height: 18px;
@@ -10750,7 +10753,7 @@ span.cke_toolgroup .cke_button {
 #survey_list .second_line .filters #folderSwitch#sortButton:after {
   position: absolute;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f078";
   right: 8px;
   top: 13px;
   font-weight: 600;
@@ -11151,13 +11154,13 @@ body.eng #survey_list .filters #folderSwitch {
   cursor: pointer;
 }
 #survey_list .div_sl_new.folders .folder_holder .folder_title .folder_arrow_icon::before {
-  content: "";
+  content: "\f078";
   font-size: 14px;
   color: #333333;
   margin-right: 8px;
 }
 #survey_list .div_sl_new.folders .folder_holder .folder_title .folder_icon::before {
-  content: "";
+  content: "\f07b";
   font-size: 16px;
   font-weight: 400;
   color: #1E88E5;
@@ -11167,7 +11170,7 @@ body.eng #survey_list .filters #folderSwitch {
   background-color: #F8F8F8;
 }
 #survey_list .div_sl_new.folders .folder_holder .folder_title.open .folder_arrow_icon::before {
-  content: "";
+  content: "\f077";
 }
 #survey_list .div_sl_new.folders .folder_holder .folder_title.open .folder_icon::before {
   font-weight: 600;
@@ -11377,7 +11380,7 @@ div#gdrp_requests_unresolved {
 }
 .gdpr-box-container .num_box {
   border: 1px solid #E5E5E5;
-  background-color: #FFFF;
+  background-color: white;
   border-radius: 2px;
   cursor: pointer;
   margin: 0px;
@@ -12383,13 +12386,13 @@ div.page_obvestila #unread_notifications .gdpr_popup_radio input {
   cursor: pointer;
 }
 #anketa_knjiznica #libraryInner ul li .folder_box_holder .folder_box .folder_arrow_icon::before {
-  content: "";
+  content: "\f078";
   font-size: 14px;
   color: #333333;
   margin-right: 8px;
 }
 #anketa_knjiznica #libraryInner ul li .folder_box_holder .folder_box .folder::before {
-  content: "";
+  content: "\f07b";
   font-size: 16px;
   font-weight: 400;
   color: #1E88E5;
@@ -12415,7 +12418,7 @@ div.page_obvestila #unread_notifications .gdpr_popup_radio input {
   }*/
 }
 #anketa_knjiznica #libraryInner ul li .folder_box_holder .folder_box.open .folder_arrow_icon::before {
-  content: "";
+  content: "\f077";
 }
 #anketa_knjiznica #libraryInner ul li .folder_box_holder .folder_box.open .folder::before {
   font-weight: 600;
@@ -12668,7 +12671,7 @@ and open the template in the editor.
 #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=radio] + span.enka-checkbox-radio:before {
   font-family: "Font Awesome 5 Free";
   display: inline-block;
-  content: "";
+  content: "\f111";
   letter-spacing: 10px;
 }
 #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=radio] + span.enka-custom-radio:before {
@@ -12676,7 +12679,7 @@ and open the template in the editor.
   display: inline-block;
 }
 #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=radio]:checked + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f192";
 }
 #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=checkbox] {
   display: none !important;
@@ -12689,11 +12692,11 @@ and open the template in the editor.
 #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=checkbox] + span.enka-checkbox-radio:before {
   font-family: "Font Awesome 5 Free";
   display: inline-block;
-  content: "";
+  content: "\f0c8";
   letter-spacing: 10px;
 }
 #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=checkbox]:checked + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f14a";
   letter-spacing: 8px;
 }
 #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting .custom_radio_picture.obarvan > label > span.enka-custom-radio:before {
@@ -12986,7 +12989,7 @@ and open the template in the editor.
 }
 #new_anketa_div .layout_right_item .layout_right_centering .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable input[type=radio] + span.enka-checkbox-radio:before {
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f111";
   display: inline-block;
   font-size: 14px;
   color: #C4C4C4;
@@ -13599,20 +13602,20 @@ div.drop_setting_transition {
   font-weight: 400;
 }
 #branching input[type=checkbox].enka-admin-custom + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f0c8";
   letter-spacing: 10px;
 }
 #branching input[type=radio].enka-admin-custom + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f111";
   letter-spacing: 8px;
 }
 #branching input[type=checkbox].enka-admin-custom:checked + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f14a";
   color: #D3D3D3;
   letter-spacing: 8px;
 }
 #branching input[type=radio].enka-admin-custom:checked + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f192";
   color: #D3D3D3;
 }
 #branching span.faicon.delete_circle::before {
@@ -20253,7 +20256,7 @@ and open the template in the editor.
   transition: 0.2s;
 }
 .tab_content .content_left ul li.folder_item .faicon.arrow:before {
-  content: "";
+  content: "\f078";
 }
 .tab_content .content_left ul li.folder_item .faicon.folder:before,
 .tab_content .content_left ul li.folder_item .faicon.clipboard:before {
@@ -20270,7 +20273,7 @@ and open the template in the editor.
   color: #1E88E5;
 }
 .tab_content .content_left ul li.folder_item.open .faicon.arrow:before {
-  content: "";
+  content: "\f077";
 }
 .tab_content .content_left ul li.folder_item.no_arrow .faicon.arrow:before {
   display: none;
@@ -20788,7 +20791,7 @@ img.mapster_el {
   border-radius: 4px;
 }
 .jquery-selectbox .jquery-selectbox-moreButton::before {
-  content: "";
+  content: "\f078";
   padding-left: 2px;
   color: #333333;
   font-size: 10px;
@@ -21379,7 +21382,7 @@ div#theme-edit-wrap div#theme-editor #picker {
   left: 500px;
   z-index: 999;
   border-radius: 2px;
-  box-shadow: 0px 0px 7px 0px #0000001F;
+  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1215686275);
 }
 div#theme-edit-wrap div#theme-editor #picker .popup_close {
   position: absolute !important;
@@ -21545,7 +21548,7 @@ div#theme-edit-wrap div#theme-editor #picker .button_holder button:last-child {
 div#theme-edit-wrap div#theme-editor #picker.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -21908,7 +21911,7 @@ span.faicon.st-besede-popup {
 #vrednost_edit.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -22149,7 +22152,7 @@ span.faicon.st-besede-popup {
 #quota.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -22521,7 +22524,7 @@ and open the template in the editor.
 #vprasanje_preview #preview_spremenljivka.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -22615,21 +22618,21 @@ and open the template in the editor.
 }
 #fullscreen #preview_spremenljivka #spremenljivka_preview .spremenljivka input[type=checkbox] + span.enka-checkbox-radio:before,
 #vprasanje_preview #preview_spremenljivka #spremenljivka_preview .spremenljivka input[type=checkbox] + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f0c8";
   letter-spacing: 10px;
 }
 #fullscreen #preview_spremenljivka #spremenljivka_preview .spremenljivka input[type=checkbox]:checked + span.enka-checkbox-radio:before,
 #vprasanje_preview #preview_spremenljivka #spremenljivka_preview .spremenljivka input[type=checkbox]:checked + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f14a";
 }
 #fullscreen #preview_spremenljivka #spremenljivka_preview .spremenljivka input[type=radio] + span.enka-checkbox-radio:before,
 #vprasanje_preview #preview_spremenljivka #spremenljivka_preview .spremenljivka input[type=radio] + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f111";
   letter-spacing: 10px;
 }
 #fullscreen #preview_spremenljivka #spremenljivka_preview .spremenljivka input[type=radio]:checked + span.enka-checkbox-radio:before,
 #vprasanje_preview #preview_spremenljivka #spremenljivka_preview .spremenljivka input[type=radio]:checked + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f192";
 }
 #fullscreen #preview_spremenljivka #spremenljivka_preview .spremenljivka input[type=checkbox] + span.enka-checkbox-radio,
 #fullscreen #preview_spremenljivka #spremenljivka_preview .spremenljivka input[type=radio] + span.enka-checkbox-radio,
@@ -23587,22 +23590,22 @@ and open the template in the editor.
 }
 #preview_spremenljivka #variable_holder input[type=checkbox].enka-admin-custom + span.enka-checkbox-radio:before {
   /*content: "\f096";*/
-  content: "";
+  content: "\f0c8";
   letter-spacing: 10px;
 }
 #preview_spremenljivka #variable_holder input[type=radio].enka-admin-custom + span.enka-checkbox-radio:before {
   /*content: "\f10c";*/
-  content: "";
+  content: "\f111";
   letter-spacing: 8px;
 }
 #preview_spremenljivka #variable_holder input[type=checkbox].enka-admin-custom:checked + span.enka-checkbox-radio:before {
   /*content: "\f046";*/
-  content: "";
+  content: "\f14a";
   letter-spacing: 8px;
 }
 #preview_spremenljivka #variable_holder input[type=radio].enka-admin-custom:checked + span.enka-checkbox-radio:before {
   /*content: "\f192";*/
-  content: "";
+  content: "\f192";
 }
 #preview_spremenljivka input[type=radio] {
   margin: 0 8px 4px 0;
@@ -23615,7 +23618,7 @@ and open the template in the editor.
 #preview_spremenljivka input[type=radio] + span.enka-checkbox-radio:before {
   font-family: "Font Awesome 5 Free";
   display: inline-block;
-  content: "";
+  content: "\f111";
   letter-spacing: 10px;
 }
 #preview_spremenljivka input[type=radio] + span.enka-custom-radio:before {
@@ -23623,7 +23626,7 @@ and open the template in the editor.
   display: inline-block;
 }
 #preview_spremenljivka input[type=radio]:checked + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f192";
 }
 #preview_spremenljivka input[type=checkbox] {
   display: none !important;
@@ -23636,11 +23639,11 @@ and open the template in the editor.
 #preview_spremenljivka input[type=checkbox] + span.enka-checkbox-radio:before {
   font-family: "Font Awesome 5 Free";
   display: inline-block;
-  content: "";
+  content: "\f0c8";
   letter-spacing: 10px;
 }
 #preview_spremenljivka input[type=checkbox]:checked + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f14a";
   letter-spacing: 8px;
 }
 
@@ -23855,7 +23858,7 @@ and open the template in the editor.
 }
 #popup_import_from_text .anketa_from_text .import_holder #preview_field_holder #preview_field span.variable input[type=radio] + span.enka-checkbox-radio:before {
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f111";
   display: inline-block;
   font-size: 14px;
   color: #E5E5E5;
@@ -23863,7 +23866,7 @@ and open the template in the editor.
   font-weight: 400;
 }
 #popup_import_from_text .anketa_from_text .import_holder #preview_field_holder #preview_field span.variable input[type=radio]:checked + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f192";
   color: #E5E5E5;
 }
 
@@ -24126,7 +24129,7 @@ dl.arch_email dd {
 #inv_view_arch_recipients.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -25387,23 +25390,23 @@ div.page_komentarji_anketa ul .spremenljivka_content input[type=radio].enka-admi
 }
 div.page_komentarji ul .spremenljivka_content input[type=checkbox].enka-admin-custom + span.enka-checkbox-radio:before,
 div.page_komentarji_anketa ul .spremenljivka_content input[type=checkbox].enka-admin-custom + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f0c8";
   letter-spacing: 10px;
 }
 div.page_komentarji ul .spremenljivka_content input[type=radio].enka-admin-custom + span.enka-checkbox-radio:before,
 div.page_komentarji_anketa ul .spremenljivka_content input[type=radio].enka-admin-custom + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f111";
   letter-spacing: 8px;
 }
 div.page_komentarji ul .spremenljivka_content input[type=checkbox].enka-admin-custom:checked + span.enka-checkbox-radio:before,
 div.page_komentarji_anketa ul .spremenljivka_content input[type=checkbox].enka-admin-custom:checked + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f14a";
   color: #D3D3D3;
   letter-spacing: 8px;
 }
 div.page_komentarji ul .spremenljivka_content input[type=radio].enka-admin-custom:checked + span.enka-checkbox-radio:before,
 div.page_komentarji_anketa ul .spremenljivka_content input[type=radio].enka-admin-custom:checked + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f192";
   color: #D3D3D3;
 }
 div.page_komentarji ul .spremenljivka_content input[type=radio],
@@ -25420,7 +25423,7 @@ div.page_komentarji ul .spremenljivka_content input[type=radio] + span.enka-chec
 div.page_komentarji_anketa ul .spremenljivka_content input[type=radio] + span.enka-checkbox-radio:before {
   font-family: "Font Awesome 5 Free";
   display: inline-block;
-  content: "";
+  content: "\f111";
   letter-spacing: 10px;
 }
 div.page_komentarji ul .spremenljivka_content input[type=radio] + span.enka-custom-radio:before,
@@ -25430,7 +25433,7 @@ div.page_komentarji_anketa ul .spremenljivka_content input[type=radio] + span.en
 }
 div.page_komentarji ul .spremenljivka_content input[type=radio]:checked + span.enka-checkbox-radio:before,
 div.page_komentarji_anketa ul .spremenljivka_content input[type=radio]:checked + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f192";
 }
 div.page_komentarji ul .spremenljivka_content input[type=checkbox],
 div.page_komentarji_anketa ul .spremenljivka_content input[type=checkbox] {
@@ -25446,12 +25449,12 @@ div.page_komentarji ul .spremenljivka_content input[type=checkbox] + span.enka-c
 div.page_komentarji_anketa ul .spremenljivka_content input[type=checkbox] + span.enka-checkbox-radio:before {
   font-family: "Font Awesome 5 Free";
   display: inline-block;
-  content: "";
+  content: "\f0c8";
   letter-spacing: 10px;
 }
 div.page_komentarji ul .spremenljivka_content input[type=checkbox]:checked + span.enka-checkbox-radio:before,
 div.page_komentarji_anketa ul .spremenljivka_content input[type=checkbox]:checked + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f14a";
   letter-spacing: 8px;
 }
 div.page_komentarji ul div.question_comment_holder,
@@ -25809,12 +25812,12 @@ div.page_komentarji_anketa ul div.question_comment_holder div.question_comment .
   color: #1E88E5 !important;
   font-weight: 400;
   font-size: 14px !important;
-  content: "";
+  content: "\f27a";
 }
 #quick_comments_link #comment_dropdown .comment_dropdown_top .settings span.faicon::before {
   color: #1E88E5 !important;
   font-size: 16px !important;
-  content: "";
+  content: "\f013";
   line-height: 17px !important;
 }
 #quick_comments_link #comment_dropdown .links {
@@ -26238,7 +26241,6 @@ div#general_popup div.popup_content.publish.settings div#publish_settings_more {
   .page_vabila #vabila .button_holder #nice_url_holder .buttons {
     margin: 9px 0px 0px 0px !important;
   }
-
   div#vabila div.more div.more_block {
     width: 89% !important;
   }
@@ -27707,7 +27709,7 @@ div.subpage_coding .coding-refresh .button_holder button:last-child {
 div.subpage_coding .coding-refresh.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -27889,7 +27891,7 @@ div.subpage_coding #coding .button_holder button:last-child {
 div.subpage_coding #coding.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -28213,7 +28215,7 @@ div.subpage_coding .floatRecodeSpremenljivka .button_holder button:last-child {
 div.subpage_coding .floatRecodeSpremenljivka.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -28564,18 +28566,18 @@ ul#merge li {
   -webkit-text-stroke: 0.35px;
 }
 .quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=checkbox] + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f0c8";
   letter-spacing: 10px;
 }
 .quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=checkbox]:checked + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f14a";
 }
 .quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=radio] + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f111";
   letter-spacing: 10px;
 }
 .quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=radio]:checked + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f192";
 }
 .quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=checkbox] + span.enka-checkbox-radio,
 .quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=radio] + span.enka-checkbox-radio,
@@ -29074,7 +29076,7 @@ and open the template in the editor.
 #div_export_setting_show.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -30394,7 +30396,7 @@ iframe#ifmcontentstoprint {
 .analysis_icons_holder {
   background-color: white;
   border-radius: 2px;
-  box-shadow: 0px 0px 7px 0px #0000001F;
+  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1215686275);
 }
 .analysis_icons_holder .icon_box {
   margin-left: 16px;
@@ -30455,7 +30457,7 @@ iframe#ifmcontentstoprint {
 }
 .cell_icons button::before {
   font-weight: 700;
-  content: "";
+  content: "\f141";
 }
 
 div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_label_options div.button {
@@ -30683,15 +30685,15 @@ div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_l
 }
 
 .rsdl_bck1 {
-  background-color: #fae2e2 !important;
+  background-color: rgb(250, 226, 226) !important;
 }
 
 .rsdl_bck2 {
-  background-color: #ff9d9d !important;
+  background-color: rgb(255, 157, 157) !important;
 }
 
 .rsdl_bck3 {
-  background-color: #f84242 !important;
+  background-color: rgb(248, 66, 66) !important;
 }
 
 .rsdl_bck4 {
@@ -32204,7 +32206,7 @@ ul.vrednost_sort input[type=text] {
 .subpage_analysis_creport #anketa_custom_report #newCReportProfile.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -32488,7 +32490,7 @@ and open the template in the editor.
 #dsp_inspect_cover.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -33022,7 +33024,7 @@ input#endDate {
 .mc_table_settings.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -33235,7 +33237,7 @@ input#endDate {
 #newMCTable.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -33424,7 +33426,7 @@ input#endDate {
 #renameMCTable.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -33613,7 +33615,7 @@ input#endDate {
 #deleteMCTable.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -33999,7 +34001,7 @@ button.buttons-columnVisibility.active {
 table.usersTable {
   margin-left: 14px;
   margin-right: 14px;
-  width: calc(100% - 2*14px);
+  width: calc(100% - 28px);
   white-space: nowrap;
   border-collapse: collapse !important;
 }
@@ -34179,24 +34181,19 @@ table.dataTable td:not(:first-of-type), table.dataTable th:not(:first-of-type) {
   #quick_comments_link.newCss {
     display: none;
   }
-
   #firstNavigation ol.right-side {
     display: none;
   }
-
   div.status_advanced {
     flex-direction: column;
   }
-
   div.status_advanced_box {
     width: 100%;
     box-sizing: border-box;
   }
-
   a.status_advanced_link {
     width: 95%;
   }
-
   .content_div_normalmode {
     overflow-x: auto;
   }
@@ -34290,7 +34287,6 @@ body #main_holder #main .wide {
     width: 100%;
     margin: 0;
   }
-
   fieldset {
     width: 100% !important;
     box-sizing: border-box !important;
@@ -34320,44 +34316,36 @@ fieldset textarea {
   fieldset .setting {
     height: auto !important;
   }
-
   .setting_horizontal_wrapper {
     flex-direction: column !important;
   }
-
   #vnosi_paginacija div select {
     display: inline-block;
     width: fit-content;
     margin: 0 5px;
     text-align: center;
   }
-
   div.breadcrumbs {
     display: block;
     padding: 15px;
     color: #1e88e5;
     font-weight: 600;
   }
-
   button.small, submit.small {
     min-width: auto;
     padding: 5px 16px;
   }
-
   button.medium, submit.medium {
     min-width: auto;
     padding: 10px 24px;
   }
-
   button.large, submit.large {
     min-width: auto;
     padding: 12px 32px;
   }
-
   .top_note {
     padding: 8px 16px;
   }
-
   header {
     /* Mobile meni */
     /* Mobile meni - NASTAVITVE V UREJANJU ANKETE*/
@@ -34613,7 +34601,6 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
   header .mobile_settings .mobile_settings_content a .setting_text {
     width: auto;
   }
-
   footer#srv_footer {
     display: flex;
     flex-direction: column;
@@ -34635,7 +34622,6 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
     padding: 0;
     border: 0;
   }
-
   /* Popup za vprasajcke */
   .qtip {
     position: fixed !important;
@@ -34646,7 +34632,6 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
     left: 10% !important;
     box-shadow: 0 0 15px 15px rgba(0, 0, 0, 0.34) !important;
   }
-
   .divPopUp {
     width: calc(100% - 32px) !important;
     max-width: calc(100% - 32px) !important;
@@ -34657,12 +34642,10 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
     width: calc(100% - 32px) !important;
     max-width: calc(100% - 32px) !important;
   }
-
   /* Vse povezano s paketi in placili */
   .dt-buttons {
     display: none;
   }
-
   #main #moje_ankete_edit #anketa_edit {
     padding: 0 !important;
   }
@@ -34737,7 +34720,6 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
   #main #moje_ankete_edit fieldset div.setting {
     margin-bottom: 10px;
   }
-
   #new_anketa_div {
     display: flex;
     flex-direction: column;
@@ -34821,7 +34803,6 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
     border: 1px solid #c8e3f8 !important;
     border-radius: 1px;
   }
-
   .dashboard_top_settings {
     flex-direction: column;
   }
@@ -34834,19 +34815,16 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
     margin-left: 0;
     margin-right: 16px;
   }
-
   .dashboard_boxes {
     flex-direction: column;
   }
   .dashboard_boxes .dashboard_box {
     margin: 0 0 32px 0;
   }
-
   .locked .add-variable-mobile,
 .spremenljivka_content .add-variable {
     display: none !important;
   }
-
   #branching {
     width: 100%;
     margin: 0;
@@ -34951,11 +34929,9 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
     margin: 0;
     padding: 0 12px;
   }
-
   .toolbox_holder {
     display: none;
   }
-
   .mobile_add_question {
     display: block;
     position: fixed;
@@ -34975,7 +34951,6 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
     line-height: 15px;
     font-weight: 600;
   }
-
   .mobile_add_question_popup {
     z-index: 9999;
     position: fixed;
@@ -35029,7 +35004,6 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
     font-size: 14px;
     font-weight: 500;
   }
-
   #vprasanje_float_editing .vprasanje_edit_holder {
     position: fixed;
     z-index: 99999;
@@ -35082,7 +35056,6 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
     margin-left: 0 !important;
     text-align: center;
   }
-
   #main #anketa #globalSetingsList {
     max-width: 100% !important;
     width: 100% !important;
@@ -35095,7 +35068,6 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
 #main #anketa #globalSetingsList fieldset span.charalimit#anketa_note_chars {
     width: 100%;
   }
-
   /* NASTAVITVE in ARHIVI */
   /* OBLIKA */
   #main #anketa #anketa_edit.page_tema #div_theme_group_holder {
@@ -35111,18 +35083,15 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
     width: 100%;
     height: auto;
   }
-
   #theme-editor {
     width: 100% !important;
     float: none !important;
   }
-
   #theme-preview {
     width: 100% !important;
     float: none !important;
     margin-top: 80px !important;
   }
-
   /* ARHIVI */
   #main #anketa #anketa_edit.page_arhivi {
     flex-direction: column-reverse;
@@ -35140,7 +35109,6 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
   #main #anketa #anketa_edit.page_arhivi #div_archive_content fieldset input {
     width: 100% !important;
   }
-
   div.page_tema .theme_list {
     flex-wrap: wrap;
   }
@@ -35167,7 +35135,6 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
   div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_label_options .button {
     margin-right: 8px;
   }
-
   .page_theme-editor #theme-preview {
     display: none;
   }
@@ -35175,7 +35142,6 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
     width: 100% !important;
     flex-wrap: wrap;
   }
-
   #srv_diagnostic br {
     display: none;
   }
@@ -35196,7 +35162,6 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
 #srv_diagnostic #srv_diagnostic_results_right table td + td {
     width: auto !important;
   }
-
   .subpage_testnipodatki {
     line-height: 20px;
   }
@@ -35210,7 +35175,6 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
   .subpage_testnipodatki form label input {
     vertical-align: bottom;
   }
-
   .lastnosti_wrapper {
     flex-direction: column !important;
   }
@@ -35218,7 +35182,6 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
 .lastnosti_wrapper .lastnosti_right {
     width: 100% !important;
   }
-
   .page_vabila #vabila .button_holder {
     flex-direction: column;
     align-items: flex-start;
@@ -35243,7 +35206,6 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
   .page_vabila #vabila .more_block {
     width: 100%;
   }
-
   .page_invitations #inv_top_navi {
     flex-direction: column;
     align-items: flex-start;
@@ -35311,7 +35273,6 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
   .page_invitations .button_holder button {
     margin-bottom: 8px;
   }
-
   #vabila > table,
 table.invitations_settings,
 #inv_msg_preview table,
@@ -35395,7 +35356,6 @@ table.invitations_settings p label input[type=password],
     width: 100% !important;
     box-sizing: border-box;
   }
-
   #surveyInvitationSetting,
 #surveyInvitationSettingServer {
     min-width: 100% !important;
@@ -35403,7 +35363,6 @@ table.invitations_settings p label input[type=password],
     margin: 10px 0 !important;
     box-sizing: border-box !important;
   }
-
   #inv_top_navi {
     display: flex;
     flex-direction: column;
@@ -35442,7 +35401,6 @@ table.invitations_settings p label input[type=password],
   #inv_top_navi > #inv_step_nav.yellow .inv_step_space {
     display: none;
   }
-
   #inv_recipients_profiles_holder,
 #inv_import_list_container,
 #inv_messages_profiles_holder,
@@ -35463,7 +35421,6 @@ table.invitations_settings p label input[type=password],
 #inv_select_mail_preview textarea {
     width: 100%;
   }
-
   #inv_msg_preview table th {
     height: auto !important;
     width: 100% !important;
@@ -35475,7 +35432,6 @@ table.invitations_settings p label input[type=password],
     width: 100%;
     box-sizing: border-box;
   }
-
   .addthis_toolbox {
     line-height: 24px;
   }
@@ -35490,11 +35446,9 @@ table.invitations_settings p label input[type=password],
   .addthis_toolbox .addthis_separator {
     font-size: 16px;
   }
-
   #inv_field_container ul li {
     width: 45%;
   }
-
   /* grafika ko ni podatkov */
   div.no_data_alert img {
     width: 100%;
@@ -35506,7 +35460,6 @@ table.invitations_settings p label input[type=password],
     flex-direction: column;
     align-items: center;
   }
-
   .page_data .data_table_top_holder {
     flex-direction: column;
     align-items: flex-start;
@@ -35577,11 +35530,9 @@ table.invitations_settings p label input[type=password],
     width: 100%;
     margin-bottom: 16px;
   }
-
   body.data_fullscreen #analiza_data {
     top: 68px;
   }
-
   .subpage_append .anketa_edit_main,
 .subpage_merge .anketa_edit_main,
 .subpage_calculation .anketa_edit_main,
@@ -35622,7 +35573,6 @@ table.invitations_settings p label input[type=password],
     clear: both;
     margin: 40px 0 0 0 !important;
   }
-
   .subpage_quick_edit #quick_edit_top_line {
     flex-direction: column-reverse;
   }
@@ -35642,7 +35592,6 @@ table.invitations_settings p label input[type=password],
   .subpage_quick_edit .quick_edit_container .quick_edit_bottom_line {
     justify-content: center;
   }
-
   .analysis_bottom_settings {
     flex-wrap: wrap;
   }
@@ -35652,16 +35601,13 @@ table.invitations_settings p label input[type=password],
     margin: 0 0 16px 0 !important;
     border: 0;
   }
-
   .div_analiza_icons,
 .div_analiza_scale {
     opacity: 1 !important;
   }
-
   .analysis_icons_holder {
     display: none;
   }
-
   .chart_holder {
     width: 100%;
     box-sizing: border-box;
@@ -35684,7 +35630,6 @@ table.invitations_settings p label input[type=password],
     display: block;
     clear: both;
   }
-
   table.analysis_reports {
     border-spacing: 0px;
   }
@@ -35701,14 +35646,12 @@ table.analysis_reports > tbody > tr > td {
   table.analysis_reports fieldset {
     margin-bottom: 0 !important;
   }
-
   .reports_holder {
     flex-direction: column;
   }
   .reports_holder fieldset {
     width: 100%;
   }
-
   .noSurvey_sequence {
     padding: 0;
   }
@@ -35730,13 +35673,11 @@ table.analysis_reports > tbody > tr > td {
   .noSurvey_sequence .buttons_holder a .button {
     margin: 10px 30px;
   }
-
   #table-horizontal-scroll-wrapper1-userchanges {
     display: table;
     table-layout: fixed;
     width: 100%;
   }
-
   #table-horizontal-scroll-wrapper2-userchanges {
     display: table-cell;
     overflow-x: auto;
@@ -35747,7 +35688,6 @@ table.analysis_reports > tbody > tr > td {
     border-collapse: collapse;
     white-space: nowrap;
   }
-
   .page_arhivi .anketa_edit_left,
 .page_tracking .anketa_edit_left,
 .subpage_anal_arch .anketa_edit_left,
diff --git a/resources/sass/admin_new/components/payments/payments.scss b/resources/sass/admin_new/components/payments/payments.scss
index 712295143..5b5e56cef 100644
--- a/resources/sass/admin_new/components/payments/payments.scss
+++ b/resources/sass/admin_new/components/payments/payments.scss
@@ -10,7 +10,10 @@ header #top_line #enka_nav .anketa_header_upgrade_package {
     button{
         padding-top: 0;
         padding-bottom: 0;
-        height: 28px;
+        height: 36px;
+        width: 171px;
+        top: 15px;
+        left: 1544px;
     }
 }
 

From 53313bfb3892b348ad4b1583ca430c8e10c4c4ae Mon Sep 17 00:00:00 2001
From: pero1203 <peter.hrvatin@gmail.com>
Date: Mon, 10 Oct 2022 10:19:01 +0200
Subject: [PATCH 03/17] Okno z nastavitvami v predogledu - popravek
 odpiranja/zapiranja

---
 .../survey/app/Controllers/BodyController.php |  4 ----
 main/survey/js/script.js                      |  4 ----
 public/css/main.css                           | 16 +++++++++++---
 resources/sass/main/main/admin.scss           | 22 +++++++++++++++----
 4 files changed, 31 insertions(+), 15 deletions(-)

diff --git a/main/survey/app/Controllers/BodyController.php b/main/survey/app/Controllers/BodyController.php
index 4117132ed..787aa9698 100644
--- a/main/survey/app/Controllers/BodyController.php
+++ b/main/survey/app/Controllers/BodyController.php
@@ -2070,8 +2070,6 @@ class BodyController extends Controller
 
             echo '<div id="preview-window">';
 
-
-
             echo '<div id="preview_switch">';
 
             // Preklop na celostranski preview
@@ -2439,8 +2437,6 @@ class BodyController extends Controller
 
             ?><script>
                 if (localStorage.preview_popup == 1) {
-                    $('#preview-holder, #preview_switch').hide();
-
                     $('.preview_icon_open').show();
                     $('.preview_icon_close').hide();
                     
diff --git a/main/survey/js/script.js b/main/survey/js/script.js
index 31292a063..8b4434d90 100644
--- a/main/survey/js/script.js
+++ b/main/survey/js/script.js
@@ -1247,8 +1247,6 @@ function return_edit_send (site_url, lang_id) {
 
 function preview_popup_close () {
 	
-    $('#preview-holder, #nacina').fadeOut('medium');
-
     $('#preview-window').addClass('closed');
 
     $('.preview_icon_open').show();
@@ -1259,8 +1257,6 @@ function preview_popup_close () {
 
 function preview_popup_open () {
 	
-    $('#preview-holder, #nacina').fadeIn('medium');
-
     $('#preview-window').removeClass('closed');
 
     $('.preview_icon_open').hide();
diff --git a/public/css/main.css b/public/css/main.css
index d33e2e054..9d99a6ad2 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -7296,16 +7296,26 @@ button.ui-datepicker-trigger::before {
   top: 45px;
   right: 10px;
   width: 265px;
-  min-height: 32px;
   font-size: 12px;
   background-color: white;
   box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12);
   border-radius: 2px;
   padding: 16px;
+  transition: 0.5s all;
 }
 #preview-window.closed {
-  background-color: transparent;
-  border: 0;
+  /*background-color: transparent;
+  border: 0;*/
+}
+#preview-window.closed #preview_switch {
+  padding-bottom: 0;
+  border-bottom: 0;
+}
+#preview-window.closed #preview_switch #nacina {
+  display: none;
+}
+#preview-window.closed #preview-holder {
+  display: none;
 }
 #preview-window b,
 #preview-window .bold {
diff --git a/resources/sass/main/main/admin.scss b/resources/sass/main/main/admin.scss
index 2226bec56..fb3e10bd7 100644
--- a/resources/sass/main/main/admin.scss
+++ b/resources/sass/main/main/admin.scss
@@ -123,7 +123,7 @@
     right: 10px;
 
     width: 265px;
-    min-height: 32px;
+    //min-height: 32px;
 
     font-size: 12px;
 
@@ -134,10 +134,24 @@
 
     padding: 16px;
 
-    &.closed{
+    transition: 0.5s all;
 
-        background-color: transparent;
-        border: 0;
+    &.closed{
+        /*background-color: transparent;
+        border: 0;*/
+
+        #preview_switch{
+            padding-bottom: 0;
+            border-bottom: 0;
+
+            #nacina{
+                display: none;
+            }
+        }
+
+        #preview-holder{
+            display: none;
+        }
     }
 
     b,

From 02c2161296746f835e105a1ff66a24b4deed2b65 Mon Sep 17 00:00:00 2001
From: urospodkriznik <uros.podkriznik@gmail.com>
Date: Mon, 10 Oct 2022 11:20:10 +0200
Subject: [PATCH 04/17] drupal - checkout popravki

---
 .../web/themes/custom/pro1ka/css/style.css    | 38 +++++++++++--------
 .../themes/custom/pro1ka/js/nakupovanje.js    |  2 -
 .../custom/pro1ka/sass/components/_nakup.scss | 37 ++++++++++++------
 .../templates/page--nakup-paketa.html.twig    |  3 +-
 .../parts/desni-pregled-narocila.html.twig    |  2 +-
 5 files changed, 51 insertions(+), 31 deletions(-)

diff --git a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css
index 2d5dd7061..945e8013c 100644
--- a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css
+++ b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css
@@ -1449,7 +1449,7 @@ input.error-field {
   to {
     width: 20px; } }
 #nakupovanje-1ka {
-  width: 1000px;
+  width: 1040px;
   margin: 0 auto; }
 
 .accordion-toggle {
@@ -1519,28 +1519,39 @@ input.error-field {
   background: white;
   margin-bottom: 3rem; }
   .nakup-1ka .leva {
-    width: 50%;
+    width: 45%;
     border-right: 1px #d1d1d1 solid;
     padding-right: 40px; }
     .nakup-1ka .leva .month-pick {
       width: 100%; }
     .nakup-1ka .leva .sklop .checkbox-field {
-      padding: 0; }
+      padding-left: 20px; }
   .nakup-1ka .desna {
-    width: 50%;
+    width: 55%;
     padding-left: 40px;
     display: flex;
-    flex-direction: row; }
+    flex-direction: row;
+    padding-top: 104px; }
     .nakup-1ka .desna .ddesna {
       padding-top: 50px;
       margin-left: auto;
-      padding-top: 104px; }
+      padding-top: 33px; }
       .nakup-1ka .desna .ddesna .cena-z-ddv-text {
-        font-size: 18px; }
-    .nakup-1ka .desna .dleva {
-      width: 54%; }
-      .nakup-1ka .desna .dleva h4 {
         font-size: 16px; }
+    .nakup-1ka .desna .dleva {
+      width: 60%; }
+      .nakup-1ka .desna .dleva .text-small {
+        font-size: 16px;
+        color: #1e88e5;
+        margin-bottom: 16px; }
+      .nakup-1ka .desna .dleva h3 {
+        margin-bottom: 16px; }
+      .nakup-1ka .desna .dleva h4 {
+        font-size: 16px;
+        margin: 0; }
+        .nakup-1ka .desna .dleva h4.margintb {
+          margin-top: 20px;
+          margin-bottom: 16px; }
   .nakup-1ka .section-main {
     display: -webkit-box;
     display: -webkit-flex;
@@ -1689,8 +1700,8 @@ input.error-field {
       font-weight: 600;
       margin-bottom: 0; }
     .nakup-1ka #skupaj-placilo .text-small {
-      font-size: 14px;
-      color: #1e88e5; }
+      font-style: italic;
+      font-size: 14px; }
   .nakup-1ka .col._narocilo {
     padding-top: 2rem; }
     .nakup-1ka .col._narocilo .col {
@@ -1753,7 +1764,6 @@ input.error-field {
   padding-top: 0px; }
 
 @media (max-width: 1050px) {
-  .nakup-1ka .izbira .paket,
   .nakup-1ka .izbira .paket.vrsta-placila,
   .nakup-1ka .izbira .mesec {
     width: 259px; }
@@ -1765,7 +1775,6 @@ input.error-field {
   .paketi p.compare-descr {
     min-height: 39%; }
 
-  .nakup-1ka .izbira .paket,
   .nakup-1ka .izbira .paket.vrsta-placila,
   .nakup-1ka .izbira .mesec {
     width: 100%;
@@ -1777,7 +1786,6 @@ input.error-field {
   .nakup-1ka .col {
     padding-right: 0;
     padding-left: 0; }
-  .nakup-1ka .izbira .paket,
   .nakup-1ka .izbira .paket.vrsta-placila,
   .nakup-1ka .izbira .mesec {
     max-width: 100%;
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/js/nakupovanje.js b/frontend/drupal9/web/themes/custom/pro1ka/js/nakupovanje.js
index b35caae7d..c9437e22c 100644
--- a/frontend/drupal9/web/themes/custom/pro1ka/js/nakupovanje.js
+++ b/frontend/drupal9/web/themes/custom/pro1ka/js/nakupovanje.js
@@ -226,8 +226,6 @@ function prikaziPoljeEracun(){
 var accordion = document.getElementsByClassName("accordion");
 var acci;
 
-console.log(accordion);
-
 for (acci = 0; acci < accordion.length; acci++) {
   let head = accordion[acci].getElementsByClassName("accordion-head")[0];
   let body = accordion[acci].getElementsByClassName("accordion-toggle")[0];
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_nakup.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_nakup.scss
index a1369dc62..30f2ea09e 100644
--- a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_nakup.scss
+++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_nakup.scss
@@ -11,7 +11,7 @@
 }
 
 #nakupovanje-1ka{
-  width: 1000px;
+  width: 1040px;
   margin: 0 auto;
 }
 
@@ -121,7 +121,7 @@
   margin-bottom: 3rem;
 
   .leva{
-    width: 50%;
+    width: 45%;
     border-right: 1px #d1d1d1 solid;
     padding-right: 40px;
 
@@ -131,32 +131,49 @@
 
     .sklop{
       .checkbox-field{
-        padding: 0;
+        padding-left: 20px;
       }
     }
   }
 
   .desna{
-    width: 50%;
+    width: 55%;
     padding-left: 40px;
     display: flex;
     flex-direction: row;
+    padding-top: 104px;
 
     .ddesna{
       //width: 50%;
       padding-top: 50px;
       margin-left: auto;
-      padding-top: 104px;
+      padding-top: 33px;
 
       .cena-z-ddv-text{
-        font-size: 18px;
+        font-size: 16px;
       }
     }
     .dleva{
-      width: 54%;
+      width: 60%;
+
+      .text-small {
+        font-size: 16px;
+        color: $modra;
+        margin-bottom: 16px;
+      }
+
+      h3{
+        margin-bottom: 16px;
+      }
 
       h4{
         font-size: 16px;
+        margin: 0;
+
+        &.margintb{
+          margin-top: 20px;
+          margin-bottom: 16px;
+        }
       }
     }
   }
@@ -396,9 +413,8 @@
     }
 
     .text-small {
-      //font-style: italic;
+      font-style: italic;
       font-size: 14px;
-      color: $modra;
     }
   }
 
@@ -510,7 +526,6 @@
 @media (max-width: 1050px) {
   .nakup-1ka {
     .izbira {
-      .paket,
       .paket.vrsta-placila,
       .mesec {
         width: 259px;
@@ -538,7 +553,6 @@
   .nakup-1ka {
 
     .izbira {
-      .paket,
       .paket.vrsta-placila,
       .mesec {
         width: 100%;
@@ -563,7 +577,6 @@
     }
 
     .izbira {
-      .paket,
       .paket.vrsta-placila,
       .mesec {
         max-width: 100%;
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--nakup-paketa.html.twig b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--nakup-paketa.html.twig
index 4e0a44b32..34a210639 100644
--- a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--nakup-paketa.html.twig
+++ b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--nakup-paketa.html.twig
@@ -143,7 +143,8 @@
                                 <select name="podjetje_drzava" class="input-field w-input" id="polje-drzava" required="required">
                                     <option disabled="disabled">
                                         -
-                                        {{ prevod['nakup_select_disabled_drzava'] }}-
+                                        {{ prevod['nakup_select_disabled_drzava'] }} 
+                                        -
                                     </option>
                                     {% for country in country_list %}
                                         <option value="{{ country }}" {% if language.id == 'sl' and country == 'Slovenija' %} selected="selected" {% endif %}>{{ country }}</option>
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/templates/parts/desni-pregled-narocila.html.twig b/frontend/drupal9/web/themes/custom/pro1ka/templates/parts/desni-pregled-narocila.html.twig
index 046dadcc0..ac64c8943 100644
--- a/frontend/drupal9/web/themes/custom/pro1ka/templates/parts/desni-pregled-narocila.html.twig
+++ b/frontend/drupal9/web/themes/custom/pro1ka/templates/parts/desni-pregled-narocila.html.twig
@@ -6,7 +6,7 @@
   <div>
     <span class="prikazTrajanjeSt">/</span> <span class="prikazTrajanjeMesec" data-text="mesecev"></span>
   </div>
-  <h4>Način plačila: <span class="prikazNacinPlacila"></span></h4>
+  <h4 class="margintb">Način plačila: <span class="prikazNacinPlacila"></span></h4>
   {% if language.id == 'sl' %}
     <div class="text-small">Naročnina se zaračuna v enkratnem znesku</div>
     <div class="text-small">DDV je vključen v ceno</div>

From ffc5f56eede5dd72ec21549eabbc772231aa43bf Mon Sep 17 00:00:00 2001
From: pero1203 <peter.hrvatin@gmail.com>
Date: Mon, 10 Oct 2022 12:29:10 +0200
Subject: [PATCH 05/17] Moje ankete direktoriji - prenova - V DELU

---
 .../classes/class.SurveyListFolders.php       |  309 +-
 admin/survey/script/surveyList.js             |  192 +-
 lang/1.php                                    |    1 +
 lang/2.php                                    |    1 +
 public/css/admin_new.css                      | 3123 +++++++++--------
 .../pages/my_surveys/survey_list_folders.scss |  140 +-
 6 files changed, 2065 insertions(+), 1701 deletions(-)

diff --git a/admin/survey/classes/class.SurveyListFolders.php b/admin/survey/classes/class.SurveyListFolders.php
index fd9412b2b..3c29136bf 100644
--- a/admin/survey/classes/class.SurveyListFolders.php
+++ b/admin/survey/classes/class.SurveyListFolders.php
@@ -37,6 +37,10 @@ class SurveyListFolders extends SurveyList{
         echo '  </div>';
 
         echo '</div>';
+
+
+        // JS za drag/drop
+        echo '<script type="text/javascript">mySurvey_folder_init();</script>';
 	}
 
 
@@ -48,7 +52,33 @@ class SurveyListFolders extends SurveyList{
         echo '<div class="title">'.$lang['srv_mySurvey_your_folders'].'</div>';
 
         // Izpisemo seznam folder s seznamom childov v rootu
+        echo '<ul id="folder_list_0" class="folder_list">';
         $this->displayFolderList(0);
+        echo '</ul>';
+
+        // Prikazemo se skrit div za dodaten popup (rename, add - title)
+        echo '<div id="mySurvey_additional_popup" class="divPopUp"></div>';
+
+        // Klik izven "Vec" - zapremo okno
+        echo '<script>
+            $(document).mouseup(function(e){
+                var container = $(".folder_item_settings, .dots_ver");
+            
+                if (!container.is(e.target) && container.has(e.target).length === 0){
+                    $(".folder_item_settings").addClass("displayNone");
+                    $(".dots_ver_folder").removeClass("active");
+                }
+
+                var container2 = $(".item_settings, .dots_ver");
+            
+                if (!container.is(e.target) && container.has(e.target).length === 0){
+                    $(".item_settings").addClass("displayNone");
+                    $(".dots_ver_item").removeClass("active");
+                }
+            });
+
+            initHideLibraryArrows();
+        </script>';
     } 
 
     // Izpisemo seznam folderjev za posameznega parenta
@@ -100,21 +130,70 @@ class SurveyListFolders extends SurveyList{
 
 
         // Izrisemo folder box
-        echo '<div id="folder_item_'.$folder_id.'" class="folder_item" onClick="mysurvey_folder_activate(\''.$folder_id.'\');">';
-        
-        echo '<span class="faicon arrow"></span>';
-        echo '<span class="faicon folder"></span>';
-
         // Ce je root
         if($folder_id == '0'){
-            echo $lang['srv_mySurvey_all_surveys'];
-            
+            echo '<li id="folder_item_'.$folder_id.'" class="folder_item mySurvey_droppable" onClick="mySurvey_folder_activate(\''.$folder_id.'\');">';
+        
+            echo '<span class="faicon arrow"></span>';
+            echo '<span class="faicon folder"></span>';
+
+            echo $lang['srv_mySurvey_all_surveys'];  
         }
         else{            
+            echo '<li id="folder_item_'.$folder_id.'" class="folder_item mySurvey_draggable mySurvey_droppable" onClick="mySurvey_folder_activate(\''.$folder_id.'\');">';
+        
+            echo '<span class="faicon arrow"></span>';
+            echo '<span class="faicon folder"></span>';
+
             echo $row['naslov'];
-            echo '<span class="survey_count">'.$row['survey_count'].'</span>';
+            echo '<span class="folder_item_child_count">'.$row['survey_count'].'</span>';
+
+            // Urejanje folderja
+            // Tri pikice za prikaz urejanja folderja
+            echo '  <span class="faicon dots_ver dots_ver_folder" onClick="mySurvey_folder_show_edit(this);"></span>';
+
+            // Skrit div za urejanje folderja
+            echo '  <div class="folder_item_settings displayNone">';
+            echo '      <ul>';
+            echo '          <li onClick="mySurvey_folder_add_popup(\''.$folder_id.'\');">'.$lang['srv_mySurvey_create_subfolder'].'</li>';
+            echo '          <li onClick="mySurvey_folder_rename_popup(\''.$folder_id.'\', \''.$row['naslov'].'\');">'.$lang['srv_mySurvey_rename_folder'].'</li>';
+            echo '          <li onClick="mySurvey_folder_delete(\''.$folder_id.'\');">'.$lang['srv_mySurvey_delete_folder'].'</li>';
+            echo '      </ul>';
+            echo '  </div>';
         }
 
+        echo '</li>';
+    }
+
+    // Dodaten popup za ime direktorija pri dodajanju
+    private function displayAddFolderPopup($folder_id){
+        global $lang;
+
+        echo '<h2>'.$lang['srv_library_folder_name'].'</h2>';
+
+        echo '<div>';
+        echo '  <input type="text" id="mySurvey_folder_name" class="large">';
+        echo '</div>';
+
+        echo '<div class="button_holder">';
+        echo '  <button class="medium white-blue" onClick="mySurvey_folder_close_popup();">'.$lang['edit1338'].'</button>';
+        echo '  <button class="medium blue" onClick="mySurvey_folder_add(\''.$folder_id.'\');">'.$lang['srv_mySurvey_create_subfolder'].'</button>';
+        echo '</div>';
+    }
+
+    // Dodaten popup za ime direktorija pri preimenovanju
+    private function displayRenameFolderPopup($folder_id, $folder_name){
+        global $lang;
+
+        echo '<h2>'.$lang['srv_library_folder_name'].'</h2>';
+
+        echo '<div>';
+        echo '  <input type="text" id="mySurvey_folder_name" class="large" value="'.$folder_name.'">';
+        echo '</div>';
+
+        echo '<div class="button_holder">';
+        echo '  <button class="medium white-blue" onClick="mySurvey_folder_close_popup();">'.$lang['edit1338'].'</button>';
+        echo '  <button class="medium blue" onClick="mySurvey_folder_rename(\''.$folder_id.'\');">'.$lang['srv_mySurvey_rename_folder'].'</button>';
         echo '</div>';
     }
 
@@ -780,157 +859,83 @@ class SurveyListFolders extends SurveyList{
 		}
 
 
+        // Pokazemo popup za poimenovanje novega subfolderja
+		if($_GET['a'] == 'mysurvey_folder_add_popup'){
+               
+            $folder_id = $_POST['folder_id'];
 
+            $this->displayAddFolderPopup($folder_id);
+        }
+        
+        // Ustvarimo nov subfolder
+		if($_GET['a'] == 'mysurvey_folder_add'){
 
-		/*switch ($_GET['a']) {
-
-			case 'survey_dropped':
-			case 'folder_dropped':
-			case 'folder_create':
-			case 'folder_delete':
-			case 'folder_toggle':
-			case 'folder_rename':
-			case 'folder_copy':
-				$this->updateMySurveyFolders();
-				break;
-			default:
-				print_r($_POST);
-				print_r($_GET);
-			break;
-		}*/
-	}
-
-    // ajax, ki poskrbi za vse update glelde razvrscanja mojih anket v folderje
-	/*private function updateMySurveyFolders(){
-		global $global_user_id, $site_url, $lang;
-
-		// Prenesli smo anketo v drug folder
-		if($_GET['a'] == 'survey_dropped'){
-			$parent = isset($_POST['parent']) ? $_POST['parent'] : '0';
-			$drag_survey = isset($_POST['drag_survey']) ? $_POST['drag_survey'] : '0';
-			
-			// Ce smo spustili v root folder samo pobrisemo anketo
-			if($parent == '0'){
-				$sql = sisplet_query("DELETE FROM srv_mysurvey_anketa WHERE ank_id='".$drag_survey."' AND usr_id='$global_user_id'");
-			}
-			else{
-				// Razpremo parent folder
-				$sql = sisplet_query("UPDATE srv_mysurvey_folder SET open='1' WHERE id='".$parent."' AND usr_id='$global_user_id'");
-
-				$sql = sisplet_query("INSERT INTO srv_mysurvey_anketa (ank_id, usr_id, folder) VALUES ('".$drag_survey."', '".$global_user_id."', '".$parent."') ON DUPLICATE KEY UPDATE folder='".$parent."'");
-			}
-		}
-		
-		// Prenesli smo celoten folder v drug folder
-		elseif($_GET['a'] == 'folder_dropped'){
-			$parent = isset($_POST['parent']) ? $_POST['parent'] : '0';
-			$drag_folder = isset($_POST['drag_folder']) ? $_POST['drag_folder'] : '0';
-		
-			// Preverimo da nismo slucajno prenesli v child folder - ne pustimo, ker drugace se zadeva porusi
-			$sql = sisplet_query("SELECT * FROM srv_mysurvey_folder WHERE id='".$parent."' AND parent='".$drag_folder."' AND usr_id='$global_user_id'");
-			if(mysqli_num_rows($sql) == 0){
-				// Razpremo parent folder
-				$sql = sisplet_query("UPDATE srv_mysurvey_folder SET open='1' WHERE id='".$parent."' AND usr_id='$global_user_id'");
-
-				$sql = sisplet_query("UPDATE srv_mysurvey_folder SET parent='".$parent."' WHERE id='".$drag_folder."' AND usr_id='$global_user_id'");
-			}
-		}
-		
-		// prikazemo/skrijemo ankete znotraj folderja
-		elseif($_GET['a'] == 'folder_toggle'){
-			$folder = isset($_POST['folder']) ? $_POST['folder'] : '0';
-			$open = isset($_POST['open']) ? $_POST['open'] : '0';
-			
-			$sql = sisplet_query("UPDATE srv_mysurvey_folder SET open='".$open."' WHERE id='".$folder."' AND usr_id='$global_user_id'");
-		}
-		
-		// Ustvarili smo nov folder
-		elseif($_GET['a'] == 'folder_create'){
-			$parent = isset($_POST['parent']) ? $_POST['parent'] : '0';
+            $folder_id = $_POST['folder_id'];
+            $folder_name = $_POST['folder_name'];
 			
 			// Razpremo parent folder
-			$sql = sisplet_query("UPDATE srv_mysurvey_folder SET open='1' WHERE id='".$parent."' AND usr_id='$global_user_id'");
+			$sql = sisplet_query("UPDATE srv_mysurvey_folder SET open='1' WHERE id='".$folder_id."' AND usr_id='$global_user_id'");
 			
-			$sql = sisplet_query("INSERT INTO srv_mysurvey_folder (usr_id, parent, naslov) VALUES ('".$global_user_id."','".$parent."', '".$lang['srv_mySurvey_new_folder']."')");
+			$sql = sisplet_query("INSERT INTO srv_mysurvey_folder (usr_id, parent, naslov) VALUES ('".$global_user_id."','".$folder_id."', '".$folder_name."')");
 
             $new_folder_id = mysqli_insert_id($GLOBALS['connect_db']);
            
-            $SL = new SurveyList();
-			$SL->getSurveys();
-            
-            echo '<input type="hidden" id="new_added_folder" value="'.$new_folder_id.'">';
-		}
-		
-		// Pobrisali smo obstojec folder
-		elseif($_GET['a'] == 'folder_delete'){
-			$folder = isset($_POST['folder']) ? $_POST['folder'] : '0';
-						
-			//Pobrisemo ankete ki so bile znotraj folderja
-			$sql = sisplet_query("DELETE FROM srv_mysurvey_anketa WHERE folder='".$folder."' AND usr_id='$global_user_id'");
-			
-			// Na koncu se pobrisemo prazen folder
-			$sql = sisplet_query("DELETE FROM srv_mysurvey_folder WHERE id='".$folder."' AND usr_id='$global_user_id'");
-			
-			// Rekurzivno pobrisemo vse poddirektorije z anketami - TODO!!!
-		}
-		
-		// Preimenovali smo obstojec folder
-		elseif($_GET['a'] == 'folder_rename'){
-			$folder = isset($_POST['folder']) ? $_POST['folder'] : '0';
-			$text = isset($_POST['text']) ? $_POST['text'] : '';
-			$text = strip_tags($text);
-			
-			$sql = sisplet_query("UPDATE srv_mysurvey_folder SET naslov='".$text."' WHERE id='".$folder."' AND usr_id='$global_user_id'");
-		}
-		
-		// Kopiramo obstojec folder z vsemi anketami
-		elseif($_GET['a'] == 'folder_copy'){
-			
-			$folder = isset($_POST['folder']) ? $_POST['folder'] : '0';
-			if($folder > 0)
-				$this->copyMySurveyFolder($folder);
-		}
-	}
-	
-	// Kopiramo obstojec folder z vsemi folderji in anketami (rekurzivno)
-	private function copyMySurveyFolder($folder_id, $parent=0){
-		global $global_user_id;
-		
-		$sql = sisplet_query("SELECT * FROM srv_mysurvey_folder WHERE id='".$folder_id."' AND usr_id='".$global_user_id."'");
-		if(mysqli_num_rows($sql) == 0)
-			return;
-		
-		$row = mysqli_fetch_array($sql);
-		
-		// Najprej ustvarimo kopijo folderja
-		if($parent == 0)
-			$sql2 = sisplet_query("INSERT INTO srv_mysurvey_folder (usr_id, parent, naslov, open) VALUES ('".$global_user_id."', '".$row['parent']."', '".$row['naslov']."_copy', '1')");
-		else
-			$sql2 = sisplet_query("INSERT INTO srv_mysurvey_folder (usr_id, parent, naslov, open) VALUES ('".$global_user_id."', '".$parent."', '".$row['naslov']."_copy', '1')");
-		
-		$new_folder_id = mysqli_insert_id($GLOBALS['connect_db']);
-				
-		// Loop cez ankete v folderju
-		$sqlA = sisplet_query("SELECT * FROM srv_mysurvey_anketa WHERE folder='".$folder_id."'");
-		while($rowA = mysqli_fetch_array($sqlA)){
-			
-			// Kopiramo anketo
-			$sas = new SurveyAdminSettings();
-			$ank_id = $sas->anketa_copy($rowA['ank_id']);
-			
-			// Kopirano anketo vstavimo v nov folder
-			$sql2 = sisplet_query("INSERT INTO srv_mysurvey_anketa (ank_id, usr_id, folder) VALUES ('".$ank_id."', '".$global_user_id."', '".$new_folder_id."')");
-		}		
-		
-		// Na koncu rekurzivno kopiramo se vse notranje folderje
-		$sqlF = sisplet_query("SELECT id FROM srv_mysurvey_folder WHERE parent='".$folder_id."' AND usr_id='".$global_user_id."'");
-		while($rowF = mysqli_fetch_array($sqlF)){
-		
-			$this->copyMySurveyFolder($rowF['id'], $new_folder_id);			
-		}
-		
-		return;
-	}*/
+            $this->displayLeftContent();
+        }
 
-}
+        // Pokazemo popup za preimenovanje folderja
+		if($_GET['a'] == 'mysurvey_folder_rename_popup'){
+
+            $folder_id = $_POST['folder_id'];
+            $folder_name = $_POST['folder_name'];
+
+            $this->displayRenameFolderPopup($folder_id, $folder_name);
+        }
+
+        // Preimenujemo folder
+		if($_GET['a'] == 'mysurvey_folder_rename'){
+
+            $folder_id = isset($_POST['folder_id']) ? $_POST['folder_id'] : '0';
+			$folder_name = isset($_POST['folder_name']) ? $_POST['folder_name'] : '';
+			$folder_name = strip_tags($folder_name);
+
+            $sql = sisplet_query("UPDATE srv_mysurvey_folder SET naslov='".$folder_name."' WHERE id='".$folder_id."' AND usr_id='".$global_user_id."'");
+
+            $this->displayLeftContent();
+        }
+
+        // Pobrisemo folder
+		if($_GET['a'] == 'mysurvey_folder_delete'){
+
+            $folder_id = isset($_POST['folder_id']) ? $_POST['folder_id'] : 0;
+
+            if($folder_id > 0){
+
+                // Dobimo parent folderja
+                $sqlParent = sisplet_query("SELECT parent FROM srv_mysurvey_folder WHERE id='".$folder_id."' AND usr_id='".$global_user_id."'");
+                $rowParent = mysqli_fetch_array($sqlParent);
+
+                // Ce je parent root, pobrisemo ankete ki so bile znotraj folderja
+                if($rowParent['parent'] == '0'){
+                    $sql = sisplet_query("DELETE FROM srv_mysurvey_anketa WHERE folder='".$folder_id."' AND usr_id='".$global_user_id."'");
+                }
+                // Drugace jih prestavimo v parenta
+                else{
+                    $sql = sisplet_query("UPDATE srv_mysurvey_anketa SET folder='".$rowParent['parent']."' WHERE folder='".$folder_id."' AND usr_id='".$global_user_id."'");
+                }  
+
+                // Nastavimo subfolderjem novega parenta
+                $sql = sisplet_query("UPDATE srv_mysurvey_folder SET parent='".$rowParent['parent']."' WHERE parent='".$folder_id."' AND usr_id='".$global_user_id."'");
+                
+                // Na koncu se pobrisemo prazen folder
+                $sql = sisplet_query("DELETE FROM srv_mysurvey_folder WHERE id='".$folder_id."' AND usr_id='".$global_user_id."'");
+                
+                // Rekurzivno pobrisemo vse poddirektorije z anketami - TODO!!!
+            }
+
+            $this->displayLeftContent();
+		}
+
+    }
+    
 ?>
\ No newline at end of file
diff --git a/admin/survey/script/surveyList.js b/admin/survey/script/surveyList.js
index f7b831581..1c1a5d69c 100644
--- a/admin/survey/script/surveyList.js
+++ b/admin/survey/script/surveyList.js
@@ -78,8 +78,51 @@ function switchFolder(show){
     });
 }
 
+// inicializiramo drag/drop anket in folderjev
+function mySurvey_folder_init() {
+
+	$('#survey_list .mySurvey_droppable').droppable({
+		accept: '#survey_list .mySurvey_draggable', 
+		hoverClass: 'folderhover', 
+		tolerance: 'pointer',
+        drop: function (e, ui) {
+
+			// Drop folderja
+			if($(ui.draggable).hasClass('folder_item')){
+				/*var drag_folder = $(ui.draggable).attr('folder_id');
+				var parent = $(this).attr('folder_id');
+				
+				$.post('ajax.php?t=surveyList&a=folder_dropped', {parent: parent, drag_folder: drag_folder}, function(){
+					window.location.reload();
+				});*/
+			}
+			
+			// Drop ankete
+			if($(ui.draggable).hasClass('anketa_list')){
+				/*var drag_survey = $(ui.draggable).attr('anketa_id');
+				var parent = $(this).attr('folder_id');
+
+				$.post('ajax.php?t=surveyList&a=survey_dropped', {parent: parent, drag_survey: drag_survey}, function(){
+					window.location.reload();
+				});*/
+			}
+        }
+    });
+	
+	$('#survey_list .mySurvey_draggable').draggable({
+		revert: 'invalid', 
+		opacitiy: '0.7', 
+		helper: 'clone',
+		cursor: 'move',
+		cursorAt: { left: 20 },
+		start: function(e, ui){
+			$(ui.helper).addClass('mySurvey_draggable_helper');
+		}
+	});
+}
+
 // Aktiviramo folder
-function mysurvey_folder_activate(folder_id){
+function mySurvey_folder_activate(folder_id){
 
     $('#right_content').load('ajax.php?t=surveyListFolders&a=mysurvey_folder_activate', {folder_id: folder_id}, function(){
 
@@ -91,50 +134,79 @@ function mysurvey_folder_activate(folder_id){
 	});
 }
 
+// Prikazemo opcije za urejanje folderja
+function mySurvey_folder_show_edit(element){
+    
+    if($(element).parent().find('.folder_item_settings').hasClass('displayNone')){
+        $('.folder_item_settings').addClass('displayNone');
+        $('.dots_ver_folder').removeClass('active');
+        $(element).parent().find('.folder_item_settings').removeClass('displayNone');
+        $(element).addClass('active');
+    }
+    else{
+        $('.folder_item_settings').addClass('displayNone');
+        $('.dots_ver_folder').removeClass('active');
+        $(element).parent().find('.folder_item_settings').addClass('displayNone');
+        $(element).removeClass('active');
+    }
 
-// inicializiramo drag/drop anket in folderjev
-function surveyList_folder_init() {
-
-	$('#survey_list div.droppable').droppable({
-		accept: '.mySurvey_draggable', 
-		hoverClass: 'folderhover', 
-		tolerance: 'pointer',
-        drop: function (e, ui) {
-
-			// Drop folderja
-			if($(ui.draggable).hasClass('folder_title')){
-				var drag_folder = $(ui.draggable).attr('folder_id');
-				var parent = $(this).attr('folder_id');
-				
-				$.post('ajax.php?t=surveyList&a=folder_dropped', {parent: parent, drag_folder: drag_folder}, function(){
-					window.location.reload();
-				});
-			}
-			
-			// Drop ankete
-			if($(ui.draggable).hasClass('anketa_list')){
-				var drag_survey = $(ui.draggable).attr('anketa_id');
-				var parent = $(this).attr('folder_id');
-
-				$.post('ajax.php?t=surveyList&a=survey_dropped', {parent: parent, drag_survey: drag_survey}, function(){
-					window.location.reload();
-				});
-			}
-        }
-    });
-	
-	$('.mySurvey_draggable').draggable({
-		revert: 'invalid', 
-		opacitiy: '0.7', 
-		helper: 'clone',
-		cursor: 'move',
-		cursorAt: { left: 20 },
-		start: function(e, ui){
-			$(ui.helper).addClass('mySurvey_draggable_helper');
-		}
-	});
+    event.stopPropagation();
 }
 
+
+// Zaprtje dodatnega popupa
+function mySurvey_folder_close_popup(){
+    $('#fade').fadeOut('slow');
+    $("#mySurvey_additional_popup").fadeOut().html();
+}
+
+// Ime novega folderja
+function mySurvey_folder_add_popup(parent_folder_id){
+
+    $('#fade').fadeTo('slow', 1);
+    $("#mySurvey_additional_popup").fadeIn();
+    $("#mySurvey_additional_popup").load('ajax.php?t=surveyListFolders&a=mysurvey_folder_add_popup', {folder_id: parent_folder_id});
+}
+
+// Dodamo nov folder
+function mySurvey_folder_add(parent_folder_id){
+
+    var folder_name = $("#mySurvey_folder_name").val();
+
+    $("#left_content").load('ajax.php?t=surveyListFolders&a=mysurvey_folder_add', {folder_id: parent_folder_id, folder_name: folder_name}, function(){
+        mySurvey_folder_close_popup();
+    });
+}
+
+// Ime obstojecega folderja
+function mySurvey_folder_rename_popup(folder_id, folder_name){
+
+    $('#fade').fadeTo('slow', 1);
+    $("#mySurvey_additional_popup").fadeIn();
+    $("#mySurvey_additional_popup").load('ajax.php?t=surveyListFolders&a=mysurvey_folder_rename_popup', {folder_id: folder_id, folder_name: folder_name});
+}
+
+// Preimenujemo obstojeci folder
+function mySurvey_folder_rename(folder_id){
+
+    var folder_name = $("#mySurvey_folder_name").val();
+
+    $("#left_content").load('ajax.php?t=surveyListFolders&a=mysurvey_folder_rename', {folder_id: folder_id, folder_name: folder_name}, function(){
+        mySurvey_folder_close_popup();
+    });
+}
+
+// Pobrisemo obstojeci folder
+function mySurvey_folder_delete(folder_id){
+
+    $("#left_content").load('ajax.php?t=surveyListFolders&a=mysurvey_folder_delete', {folder_id: folder_id});
+}
+
+
+
+
+/*
+
 // prikazemo/skrijemo ankete v folderju
 function toggle_folder (folder) {
 	
@@ -159,41 +231,7 @@ function toggle_folder (folder) {
 	});
 }
 
-// Pobrisemo folder
-function delete_folder (folder) {
-	$.post('ajax.php?t=surveyList&a=folder_delete', {folder: folder}, function(){
-		window.location.reload();
-	});
-}
 
-// Ustvarimo folder
-function create_folder (parent) {
-	
-    $('#survey_list').load('ajax.php?t=surveyList&a=folder_create', {parent: parent}, function(){
-		
-        var added_folder_id = $('#new_added_folder').val();
-        
-        edit_title_folder(added_folder_id);    
-	});
-}
-
-// Urejamo ime folderja
-function edit_title_folder (folder) {	
-	
-	var text = $('#folder_title_text_'+folder).text();
-
-	$('#folder_title_text_'+folder).html('<input type="text" name="folder_title_edit" folder="'+folder+'" id="folder_title_edit_'+folder+'" class="folder_title_edit" value="'+text+'" onBlur="rename_folder(\''+folder+'\'); return false;" />');
-	$('#folder_title_edit_'+folder).select();
-}
-// Preimenujemo folder
-function rename_folder(folder){
-
-	var text = $('#folder_title_edit_'+folder).val();
-
-	$.post('ajax.php?t=surveyList&a=folder_rename', {folder: folder, text: text}, function(){
-		$('#folder_title_text_'+folder).html('<a href="#" onClick="edit_title_folder(\''+folder+'\'); return false;">'+text+'</a>');
-	});
-}
 // Kopiramo folder
 function copy_folder(folder){
 
@@ -202,7 +240,7 @@ function copy_folder(folder){
 	});
 }
 
-
+*/
 
 
 
diff --git a/lang/1.php b/lang/1.php
index 3a7774a1b..1fd55873f 100644
--- a/lang/1.php
+++ b/lang/1.php
@@ -7183,6 +7183,7 @@ $lang = array (
 
 	'srv_mySurvey_unallocated'					=>	"Nerazporejene ankete",
 	'srv_mySurvey_delete_folder'				=>	"Pobriši mapo",
+	'srv_mySurvey_rename_folder'				=>	"Preimenuj mapo",
 	'srv_mySurvey_create_folder'				=>	"Ustvari novo mapo",
 	'srv_mySurvey_create_subfolder'				=>	"Ustvari novo podmapo",
 	'srv_mySurvey_copy_folder'					=>	"Kopiraj mapo",
diff --git a/lang/2.php b/lang/2.php
index c4d366f5e..4e433ef2b 100644
--- a/lang/2.php
+++ b/lang/2.php
@@ -7065,6 +7065,7 @@ $lang = array (
 
 	'srv_mySurvey_unallocated'					=>	"Unallocated survey",
 	'srv_mySurvey_delete_folder'				=>	"Deleter folder",
+    'srv_mySurvey_rename_folder'				=>	"Rename folder",
 	'srv_mySurvey_create_folder'				=>	"Create new folder",
 	'srv_mySurvey_create_subfolder'				=>	"Create new subfolder",
 	'srv_mySurvey_copy_folder'					=>	"Copy folder",
diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index e45248201..4bf55a70e 100644
--- a/public/css/admin_new.css
+++ b/public/css/admin_new.css
@@ -214,4767 +214,4767 @@
 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 readers do not read off random characters that represent icons */
 .fa-500px:before {
-  content: "\f26e";
+  content: "";
 }
 
 .fa-accessible-icon:before {
-  content: "\f368";
+  content: "";
 }
 
 .fa-accusoft:before {
-  content: "\f369";
+  content: "";
 }
 
 .fa-ad:before {
-  content: "\f641";
+  content: "";
 }
 
 .fa-address-book:before {
-  content: "\f2b9";
+  content: "";
 }
 
 .fa-address-card:before {
-  content: "\f2bb";
+  content: "";
 }
 
 .fa-adjust:before {
-  content: "\f042";
+  content: "";
 }
 
 .fa-adn:before {
-  content: "\f170";
+  content: "";
 }
 
 .fa-adversal:before {
-  content: "\f36a";
+  content: "";
 }
 
 .fa-affiliatetheme:before {
-  content: "\f36b";
+  content: "";
 }
 
 .fa-air-freshener:before {
-  content: "\f5d0";
+  content: "";
 }
 
 .fa-algolia:before {
-  content: "\f36c";
+  content: "";
 }
 
 .fa-align-center:before {
-  content: "\f037";
+  content: "";
 }
 
 .fa-align-justify:before {
-  content: "\f039";
+  content: "";
 }
 
 .fa-align-left:before {
-  content: "\f036";
+  content: "";
 }
 
 .fa-align-right:before {
-  content: "\f038";
+  content: "";
 }
 
 .fa-alipay:before {
-  content: "\f642";
+  content: "";
 }
 
 .fa-allergies:before {
-  content: "\f461";
+  content: "";
 }
 
 .fa-amazon:before {
-  content: "\f270";
+  content: "";
 }
 
 .fa-amazon-pay:before {
-  content: "\f42c";
+  content: "";
 }
 
 .fa-ambulance:before {
-  content: "\f0f9";
+  content: "";
 }
 
 .fa-american-sign-language-interpreting:before {
-  content: "\f2a3";
+  content: "";
 }
 
 .fa-amilia:before {
-  content: "\f36d";
+  content: "";
 }
 
 .fa-anchor:before {
-  content: "\f13d";
+  content: "";
 }
 
 .fa-android:before {
-  content: "\f17b";
+  content: "";
 }
 
 .fa-angellist:before {
-  content: "\f209";
+  content: "";
 }
 
 .fa-angle-double-down:before {
-  content: "\f103";
+  content: "";
 }
 
 .fa-angle-double-left:before {
-  content: "\f100";
+  content: "";
 }
 
 .fa-angle-double-right:before {
-  content: "\f101";
+  content: "";
 }
 
 .fa-angle-double-up:before {
-  content: "\f102";
+  content: "";
 }
 
 .fa-angle-down:before {
-  content: "\f107";
+  content: "";
 }
 
 .fa-angle-left:before {
-  content: "\f104";
+  content: "";
 }
 
 .fa-angle-right:before {
-  content: "\f105";
+  content: "";
 }
 
 .fa-angle-up:before {
-  content: "\f106";
+  content: "";
 }
 
 .fa-angry:before {
-  content: "\f556";
+  content: "";
 }
 
 .fa-angrycreative:before {
-  content: "\f36e";
+  content: "";
 }
 
 .fa-angular:before {
-  content: "\f420";
+  content: "";
 }
 
 .fa-ankh:before {
-  content: "\f644";
+  content: "";
 }
 
 .fa-app-store:before {
-  content: "\f36f";
+  content: "";
 }
 
 .fa-app-store-ios:before {
-  content: "\f370";
+  content: "";
 }
 
 .fa-apper:before {
-  content: "\f371";
+  content: "";
 }
 
 .fa-apple:before {
-  content: "\f179";
+  content: "";
 }
 
 .fa-apple-alt:before {
-  content: "\f5d1";
+  content: "";
 }
 
 .fa-apple-pay:before {
-  content: "\f415";
+  content: "";
 }
 
 .fa-archive:before {
-  content: "\f187";
+  content: "";
 }
 
 .fa-archway:before {
-  content: "\f557";
+  content: "";
 }
 
 .fa-arrow-alt-circle-down:before {
-  content: "\f358";
+  content: "";
 }
 
 .fa-arrow-alt-circle-left:before {
-  content: "\f359";
+  content: "";
 }
 
 .fa-arrow-alt-circle-right:before {
-  content: "\f35a";
+  content: "";
 }
 
 .fa-arrow-alt-circle-up:before {
-  content: "\f35b";
+  content: "";
 }
 
 .fa-arrow-circle-down:before {
-  content: "\f0ab";
+  content: "";
 }
 
 .fa-arrow-circle-left:before {
-  content: "\f0a8";
+  content: "";
 }
 
 .fa-arrow-circle-right:before {
-  content: "\f0a9";
+  content: "";
 }
 
 .fa-arrow-circle-up:before {
-  content: "\f0aa";
+  content: "";
 }
 
 .fa-arrow-down:before {
-  content: "\f063";
+  content: "";
 }
 
 .fa-arrow-left:before {
-  content: "\f060";
+  content: "";
 }
 
 .fa-arrow-right:before {
-  content: "\f061";
+  content: "";
 }
 
 .fa-arrow-up:before {
-  content: "\f062";
+  content: "";
 }
 
 .fa-arrows-alt:before {
-  content: "\f0b2";
+  content: "";
 }
 
 .fa-arrows-alt-h:before {
-  content: "\f337";
+  content: "";
 }
 
 .fa-arrows-alt-v:before {
-  content: "\f338";
+  content: "";
 }
 
 .fa-assistive-listening-systems:before {
-  content: "\f2a2";
+  content: "";
 }
 
 .fa-asterisk:before {
-  content: "\f069";
+  content: "";
 }
 
 .fa-asymmetrik:before {
-  content: "\f372";
+  content: "";
 }
 
 .fa-at:before {
-  content: "\f1fa";
+  content: "";
 }
 
 .fa-atlas:before {
-  content: "\f558";
+  content: "";
 }
 
 .fa-atom:before {
-  content: "\f5d2";
+  content: "";
 }
 
 .fa-audible:before {
-  content: "\f373";
+  content: "";
 }
 
 .fa-audio-description:before {
-  content: "\f29e";
+  content: "";
 }
 
 .fa-autoprefixer:before {
-  content: "\f41c";
+  content: "";
 }
 
 .fa-avianex:before {
-  content: "\f374";
+  content: "";
 }
 
 .fa-aviato:before {
-  content: "\f421";
+  content: "";
 }
 
 .fa-award:before {
-  content: "\f559";
+  content: "";
 }
 
 .fa-aws:before {
-  content: "\f375";
+  content: "";
 }
 
 .fa-backspace:before {
-  content: "\f55a";
+  content: "";
 }
 
 .fa-backward:before {
-  content: "\f04a";
+  content: "";
 }
 
 .fa-balance-scale:before {
-  content: "\f24e";
+  content: "";
 }
 
 .fa-ban:before {
-  content: "\f05e";
+  content: "";
 }
 
 .fa-band-aid:before {
-  content: "\f462";
+  content: "";
 }
 
 .fa-bandcamp:before {
-  content: "\f2d5";
+  content: "";
 }
 
 .fa-barcode:before {
-  content: "\f02a";
+  content: "";
 }
 
 .fa-bars:before {
-  content: "\f0c9";
+  content: "";
 }
 
 .fa-baseball-ball:before {
-  content: "\f433";
+  content: "";
 }
 
 .fa-basketball-ball:before {
-  content: "\f434";
+  content: "";
 }
 
 .fa-bath:before {
-  content: "\f2cd";
+  content: "";
 }
 
 .fa-battery-empty:before {
-  content: "\f244";
+  content: "";
 }
 
 .fa-battery-full:before {
-  content: "\f240";
+  content: "";
 }
 
 .fa-battery-half:before {
-  content: "\f242";
+  content: "";
 }
 
 .fa-battery-quarter:before {
-  content: "\f243";
+  content: "";
 }
 
 .fa-battery-three-quarters:before {
-  content: "\f241";
+  content: "";
 }
 
 .fa-bed:before {
-  content: "\f236";
+  content: "";
 }
 
 .fa-beer:before {
-  content: "\f0fc";
+  content: "";
 }
 
 .fa-behance:before {
-  content: "\f1b4";
+  content: "";
 }
 
 .fa-behance-square:before {
-  content: "\f1b5";
+  content: "";
 }
 
 .fa-bell:before {
-  content: "\f0f3";
+  content: "";
 }
 
 .fa-bell-slash:before {
-  content: "\f1f6";
+  content: "";
 }
 
 .fa-bezier-curve:before {
-  content: "\f55b";
+  content: "";
 }
 
 .fa-bible:before {
-  content: "\f647";
+  content: "";
 }
 
 .fa-bicycle:before {
-  content: "\f206";
+  content: "";
 }
 
 .fa-bimobject:before {
-  content: "\f378";
+  content: "";
 }
 
 .fa-binoculars:before {
-  content: "\f1e5";
+  content: "";
 }
 
 .fa-birthday-cake:before {
-  content: "\f1fd";
+  content: "";
 }
 
 .fa-bitbucket:before {
-  content: "\f171";
+  content: "";
 }
 
 .fa-bitcoin:before {
-  content: "\f379";
+  content: "";
 }
 
 .fa-bity:before {
-  content: "\f37a";
+  content: "";
 }
 
 .fa-black-tie:before {
-  content: "\f27e";
+  content: "";
 }
 
 .fa-blackberry:before {
-  content: "\f37b";
+  content: "";
 }
 
 .fa-blender:before {
-  content: "\f517";
+  content: "";
 }
 
 .fa-blind:before {
-  content: "\f29d";
+  content: "";
 }
 
 .fa-blogger:before {
-  content: "\f37c";
+  content: "";
 }
 
 .fa-blogger-b:before {
-  content: "\f37d";
+  content: "";
 }
 
 .fa-bluetooth:before {
-  content: "\f293";
+  content: "";
 }
 
 .fa-bluetooth-b:before {
-  content: "\f294";
+  content: "";
 }
 
 .fa-bold:before {
-  content: "\f032";
+  content: "";
 }
 
 .fa-bolt:before {
-  content: "\f0e7";
+  content: "";
 }
 
 .fa-bomb:before {
-  content: "\f1e2";
+  content: "";
 }
 
 .fa-bone:before {
-  content: "\f5d7";
+  content: "";
 }
 
 .fa-bong:before {
-  content: "\f55c";
+  content: "";
 }
 
 .fa-book:before {
-  content: "\f02d";
+  content: "";
 }
 
 .fa-book-open:before {
-  content: "\f518";
+  content: "";
 }
 
 .fa-book-reader:before {
-  content: "\f5da";
+  content: "";
 }
 
 .fa-bookmark:before {
-  content: "\f02e";
+  content: "";
 }
 
 .fa-bowling-ball:before {
-  content: "\f436";
+  content: "";
 }
 
 .fa-box:before {
-  content: "\f466";
+  content: "";
 }
 
 .fa-box-open:before {
-  content: "\f49e";
+  content: "";
 }
 
 .fa-boxes:before {
-  content: "\f468";
+  content: "";
 }
 
 .fa-braille:before {
-  content: "\f2a1";
+  content: "";
 }
 
 .fa-brain:before {
-  content: "\f5dc";
+  content: "";
 }
 
 .fa-briefcase:before {
-  content: "\f0b1";
+  content: "";
 }
 
 .fa-briefcase-medical:before {
-  content: "\f469";
+  content: "";
 }
 
 .fa-broadcast-tower:before {
-  content: "\f519";
+  content: "";
 }
 
 .fa-broom:before {
-  content: "\f51a";
+  content: "";
 }
 
 .fa-brush:before {
-  content: "\f55d";
+  content: "";
 }
 
 .fa-btc:before {
-  content: "\f15a";
+  content: "";
 }
 
 .fa-bug:before {
-  content: "\f188";
+  content: "";
 }
 
 .fa-building:before {
-  content: "\f1ad";
+  content: "";
 }
 
 .fa-bullhorn:before {
-  content: "\f0a1";
+  content: "";
 }
 
 .fa-bullseye:before {
-  content: "\f140";
+  content: "";
 }
 
 .fa-burn:before {
-  content: "\f46a";
+  content: "";
 }
 
 .fa-buromobelexperte:before {
-  content: "\f37f";
+  content: "";
 }
 
 .fa-bus:before {
-  content: "\f207";
+  content: "";
 }
 
 .fa-bus-alt:before {
-  content: "\f55e";
+  content: "";
 }
 
 .fa-business-time:before {
-  content: "\f64a";
+  content: "";
 }
 
 .fa-buysellads:before {
-  content: "\f20d";
+  content: "";
 }
 
 .fa-calculator:before {
-  content: "\f1ec";
+  content: "";
 }
 
 .fa-calendar:before {
-  content: "\f133";
+  content: "";
 }
 
 .fa-calendar-alt:before {
-  content: "\f073";
+  content: "";
 }
 
 .fa-calendar-check:before {
-  content: "\f274";
+  content: "";
 }
 
 .fa-calendar-minus:before {
-  content: "\f272";
+  content: "";
 }
 
 .fa-calendar-plus:before {
-  content: "\f271";
+  content: "";
 }
 
 .fa-calendar-times:before {
-  content: "\f273";
+  content: "";
 }
 
 .fa-camera:before {
-  content: "\f030";
+  content: "";
 }
 
 .fa-camera-retro:before {
-  content: "\f083";
+  content: "";
 }
 
 .fa-cannabis:before {
-  content: "\f55f";
+  content: "";
 }
 
 .fa-capsules:before {
-  content: "\f46b";
+  content: "";
 }
 
 .fa-car:before {
-  content: "\f1b9";
+  content: "";
 }
 
 .fa-car-alt:before {
-  content: "\f5de";
+  content: "";
 }
 
 .fa-car-battery:before {
-  content: "\f5df";
+  content: "";
 }
 
 .fa-car-crash:before {
-  content: "\f5e1";
+  content: "";
 }
 
 .fa-car-side:before {
-  content: "\f5e4";
+  content: "";
 }
 
 .fa-caret-down:before {
-  content: "\f0d7";
+  content: "";
 }
 
 .fa-caret-left:before {
-  content: "\f0d9";
+  content: "";
 }
 
 .fa-caret-right:before {
-  content: "\f0da";
+  content: "";
 }
 
 .fa-caret-square-down:before {
-  content: "\f150";
+  content: "";
 }
 
 .fa-caret-square-left:before {
-  content: "\f191";
+  content: "";
 }
 
 .fa-caret-square-right:before {
-  content: "\f152";
+  content: "";
 }
 
 .fa-caret-square-up:before {
-  content: "\f151";
+  content: "";
 }
 
 .fa-caret-up:before {
-  content: "\f0d8";
+  content: "";
 }
 
 .fa-cart-arrow-down:before {
-  content: "\f218";
+  content: "";
 }
 
 .fa-cart-plus:before {
-  content: "\f217";
+  content: "";
 }
 
 .fa-cc-amazon-pay:before {
-  content: "\f42d";
+  content: "";
 }
 
 .fa-cc-amex:before {
-  content: "\f1f3";
+  content: "";
 }
 
 .fa-cc-apple-pay:before {
-  content: "\f416";
+  content: "";
 }
 
 .fa-cc-diners-club:before {
-  content: "\f24c";
+  content: "";
 }
 
 .fa-cc-discover:before {
-  content: "\f1f2";
+  content: "";
 }
 
 .fa-cc-jcb:before {
-  content: "\f24b";
+  content: "";
 }
 
 .fa-cc-mastercard:before {
-  content: "\f1f1";
+  content: "";
 }
 
 .fa-cc-paypal:before {
-  content: "\f1f4";
+  content: "";
 }
 
 .fa-cc-stripe:before {
-  content: "\f1f5";
+  content: "";
 }
 
 .fa-cc-visa:before {
-  content: "\f1f0";
+  content: "";
 }
 
 .fa-centercode:before {
-  content: "\f380";
+  content: "";
 }
 
 .fa-certificate:before {
-  content: "\f0a3";
+  content: "";
 }
 
 .fa-chalkboard:before {
-  content: "\f51b";
+  content: "";
 }
 
 .fa-chalkboard-teacher:before {
-  content: "\f51c";
+  content: "";
 }
 
 .fa-charging-station:before {
-  content: "\f5e7";
+  content: "";
 }
 
 .fa-chart-area:before {
-  content: "\f1fe";
+  content: "";
 }
 
 .fa-chart-bar:before {
-  content: "\f080";
+  content: "";
 }
 
 .fa-chart-line:before {
-  content: "\f201";
+  content: "";
 }
 
 .fa-chart-pie:before {
-  content: "\f200";
+  content: "";
 }
 
 .fa-check:before {
-  content: "\f00c";
+  content: "";
 }
 
 .fa-check-circle:before {
-  content: "\f058";
+  content: "";
 }
 
 .fa-check-double:before {
-  content: "\f560";
+  content: "";
 }
 
 .fa-check-square:before {
-  content: "\f14a";
+  content: "";
 }
 
 .fa-chess:before {
-  content: "\f439";
+  content: "";
 }
 
 .fa-chess-bishop:before {
-  content: "\f43a";
+  content: "";
 }
 
 .fa-chess-board:before {
-  content: "\f43c";
+  content: "";
 }
 
 .fa-chess-king:before {
-  content: "\f43f";
+  content: "";
 }
 
 .fa-chess-knight:before {
-  content: "\f441";
+  content: "";
 }
 
 .fa-chess-pawn:before {
-  content: "\f443";
+  content: "";
 }
 
 .fa-chess-queen:before {
-  content: "\f445";
+  content: "";
 }
 
 .fa-chess-rook:before {
-  content: "\f447";
+  content: "";
 }
 
 .fa-chevron-circle-down:before {
-  content: "\f13a";
+  content: "";
 }
 
 .fa-chevron-circle-left:before {
-  content: "\f137";
+  content: "";
 }
 
 .fa-chevron-circle-right:before {
-  content: "\f138";
+  content: "";
 }
 
 .fa-chevron-circle-up:before {
-  content: "\f139";
+  content: "";
 }
 
 .fa-chevron-down:before {
-  content: "\f078";
+  content: "";
 }
 
 .fa-chevron-left:before {
-  content: "\f053";
+  content: "";
 }
 
 .fa-chevron-right:before {
-  content: "\f054";
+  content: "";
 }
 
 .fa-chevron-up:before {
-  content: "\f077";
+  content: "";
 }
 
 .fa-child:before {
-  content: "\f1ae";
+  content: "";
 }
 
 .fa-chrome:before {
-  content: "\f268";
+  content: "";
 }
 
 .fa-church:before {
-  content: "\f51d";
+  content: "";
 }
 
 .fa-circle:before {
-  content: "\f111";
+  content: "";
 }
 
 .fa-circle-notch:before {
-  content: "\f1ce";
+  content: "";
 }
 
 .fa-city:before {
-  content: "\f64f";
+  content: "";
 }
 
 .fa-clipboard:before {
-  content: "\f328";
+  content: "";
 }
 
 .fa-clipboard-check:before {
-  content: "\f46c";
+  content: "";
 }
 
 .fa-clipboard-list:before {
-  content: "\f46d";
+  content: "";
 }
 
 .fa-clock:before {
-  content: "\f017";
+  content: "";
 }
 
 .fa-clone:before {
-  content: "\f24d";
+  content: "";
 }
 
 .fa-closed-captioning:before {
-  content: "\f20a";
+  content: "";
 }
 
 .fa-cloud:before {
-  content: "\f0c2";
+  content: "";
 }
 
 .fa-cloud-download-alt:before {
-  content: "\f381";
+  content: "";
 }
 
 .fa-cloud-upload-alt:before {
-  content: "\f382";
+  content: "";
 }
 
 .fa-cloudscale:before {
-  content: "\f383";
+  content: "";
 }
 
 .fa-cloudsmith:before {
-  content: "\f384";
+  content: "";
 }
 
 .fa-cloudversify:before {
-  content: "\f385";
+  content: "";
 }
 
 .fa-cocktail:before {
-  content: "\f561";
+  content: "";
 }
 
 .fa-code:before {
-  content: "\f121";
+  content: "";
 }
 
 .fa-code-branch:before {
-  content: "\f126";
+  content: "";
 }
 
 .fa-codepen:before {
-  content: "\f1cb";
+  content: "";
 }
 
 .fa-codiepie:before {
-  content: "\f284";
+  content: "";
 }
 
 .fa-coffee:before {
-  content: "\f0f4";
+  content: "";
 }
 
 .fa-cog:before {
-  content: "\f013";
+  content: "";
 }
 
 .fa-cogs:before {
-  content: "\f085";
+  content: "";
 }
 
 .fa-coins:before {
-  content: "\f51e";
+  content: "";
 }
 
 .fa-columns:before {
-  content: "\f0db";
+  content: "";
 }
 
 .fa-comment:before {
-  content: "\f075";
+  content: "";
 }
 
 .fa-comment-alt:before {
-  content: "\f27a";
+  content: "";
 }
 
 .fa-comment-dollar:before {
-  content: "\f651";
+  content: "";
 }
 
 .fa-comment-dots:before {
-  content: "\f4ad";
+  content: "";
 }
 
 .fa-comment-slash:before {
-  content: "\f4b3";
+  content: "";
 }
 
 .fa-comments:before {
-  content: "\f086";
+  content: "";
 }
 
 .fa-comments-dollar:before {
-  content: "\f653";
+  content: "";
 }
 
 .fa-compact-disc:before {
-  content: "\f51f";
+  content: "";
 }
 
 .fa-compass:before {
-  content: "\f14e";
+  content: "";
 }
 
 .fa-compress:before {
-  content: "\f066";
+  content: "";
 }
 
 .fa-concierge-bell:before {
-  content: "\f562";
+  content: "";
 }
 
 .fa-connectdevelop:before {
-  content: "\f20e";
+  content: "";
 }
 
 .fa-contao:before {
-  content: "\f26d";
+  content: "";
 }
 
 .fa-cookie:before {
-  content: "\f563";
+  content: "";
 }
 
 .fa-cookie-bite:before {
-  content: "\f564";
+  content: "";
 }
 
 .fa-copy:before {
-  content: "\f0c5";
+  content: "";
 }
 
 .fa-copyright:before {
-  content: "\f1f9";
+  content: "";
 }
 
 .fa-couch:before {
-  content: "\f4b8";
+  content: "";
 }
 
 .fa-cpanel:before {
-  content: "\f388";
+  content: "";
 }
 
 .fa-creative-commons:before {
-  content: "\f25e";
+  content: "";
 }
 
 .fa-creative-commons-by:before {
-  content: "\f4e7";
+  content: "";
 }
 
 .fa-creative-commons-nc:before {
-  content: "\f4e8";
+  content: "";
 }
 
 .fa-creative-commons-nc-eu:before {
-  content: "\f4e9";
+  content: "";
 }
 
 .fa-creative-commons-nc-jp:before {
-  content: "\f4ea";
+  content: "";
 }
 
 .fa-creative-commons-nd:before {
-  content: "\f4eb";
+  content: "";
 }
 
 .fa-creative-commons-pd:before {
-  content: "\f4ec";
+  content: "";
 }
 
 .fa-creative-commons-pd-alt:before {
-  content: "\f4ed";
+  content: "";
 }
 
 .fa-creative-commons-remix:before {
-  content: "\f4ee";
+  content: "";
 }
 
 .fa-creative-commons-sa:before {
-  content: "\f4ef";
+  content: "";
 }
 
 .fa-creative-commons-sampling:before {
-  content: "\f4f0";
+  content: "";
 }
 
 .fa-creative-commons-sampling-plus:before {
-  content: "\f4f1";
+  content: "";
 }
 
 .fa-creative-commons-share:before {
-  content: "\f4f2";
+  content: "";
 }
 
 .fa-credit-card:before {
-  content: "\f09d";
+  content: "";
 }
 
 .fa-crop:before {
-  content: "\f125";
+  content: "";
 }
 
 .fa-crop-alt:before {
-  content: "\f565";
+  content: "";
 }
 
 .fa-cross:before {
-  content: "\f654";
+  content: "";
 }
 
 .fa-crosshairs:before {
-  content: "\f05b";
+  content: "";
 }
 
 .fa-crow:before {
-  content: "\f520";
+  content: "";
 }
 
 .fa-crown:before {
-  content: "\f521";
+  content: "";
 }
 
 .fa-css3:before {
-  content: "\f13c";
+  content: "";
 }
 
 .fa-css3-alt:before {
-  content: "\f38b";
+  content: "";
 }
 
 .fa-cube:before {
-  content: "\f1b2";
+  content: "";
 }
 
 .fa-cubes:before {
-  content: "\f1b3";
+  content: "";
 }
 
 .fa-cut:before {
-  content: "\f0c4";
+  content: "";
 }
 
 .fa-cuttlefish:before {
-  content: "\f38c";
+  content: "";
 }
 
 .fa-d-and-d:before {
-  content: "\f38d";
+  content: "";
 }
 
 .fa-dashcube:before {
-  content: "\f210";
+  content: "";
 }
 
 .fa-database:before {
-  content: "\f1c0";
+  content: "";
 }
 
 .fa-deaf:before {
-  content: "\f2a4";
+  content: "";
 }
 
 .fa-delicious:before {
-  content: "\f1a5";
+  content: "";
 }
 
 .fa-deploydog:before {
-  content: "\f38e";
+  content: "";
 }
 
 .fa-deskpro:before {
-  content: "\f38f";
+  content: "";
 }
 
 .fa-desktop:before {
-  content: "\f108";
+  content: "";
 }
 
 .fa-deviantart:before {
-  content: "\f1bd";
+  content: "";
 }
 
 .fa-dharmachakra:before {
-  content: "\f655";
+  content: "";
 }
 
 .fa-diagnoses:before {
-  content: "\f470";
+  content: "";
 }
 
 .fa-dice:before {
-  content: "\f522";
+  content: "";
 }
 
 .fa-dice-five:before {
-  content: "\f523";
+  content: "";
 }
 
 .fa-dice-four:before {
-  content: "\f524";
+  content: "";
 }
 
 .fa-dice-one:before {
-  content: "\f525";
+  content: "";
 }
 
 .fa-dice-six:before {
-  content: "\f526";
+  content: "";
 }
 
 .fa-dice-three:before {
-  content: "\f527";
+  content: "";
 }
 
 .fa-dice-two:before {
-  content: "\f528";
+  content: "";
 }
 
 .fa-digg:before {
-  content: "\f1a6";
+  content: "";
 }
 
 .fa-digital-ocean:before {
-  content: "\f391";
+  content: "";
 }
 
 .fa-digital-tachograph:before {
-  content: "\f566";
+  content: "";
 }
 
 .fa-directions:before {
-  content: "\f5eb";
+  content: "";
 }
 
 .fa-discord:before {
-  content: "\f392";
+  content: "";
 }
 
 .fa-discourse:before {
-  content: "\f393";
+  content: "";
 }
 
 .fa-divide:before {
-  content: "\f529";
+  content: "";
 }
 
 .fa-dizzy:before {
-  content: "\f567";
+  content: "";
 }
 
 .fa-dna:before {
-  content: "\f471";
+  content: "";
 }
 
 .fa-dochub:before {
-  content: "\f394";
+  content: "";
 }
 
 .fa-docker:before {
-  content: "\f395";
+  content: "";
 }
 
 .fa-dollar-sign:before {
-  content: "\f155";
+  content: "";
 }
 
 .fa-dolly:before {
-  content: "\f472";
+  content: "";
 }
 
 .fa-dolly-flatbed:before {
-  content: "\f474";
+  content: "";
 }
 
 .fa-donate:before {
-  content: "\f4b9";
+  content: "";
 }
 
 .fa-door-closed:before {
-  content: "\f52a";
+  content: "";
 }
 
 .fa-door-open:before {
-  content: "\f52b";
+  content: "";
 }
 
 .fa-dot-circle:before {
-  content: "\f192";
+  content: "";
 }
 
 .fa-dove:before {
-  content: "\f4ba";
+  content: "";
 }
 
 .fa-download:before {
-  content: "\f019";
+  content: "";
 }
 
 .fa-draft2digital:before {
-  content: "\f396";
+  content: "";
 }
 
 .fa-drafting-compass:before {
-  content: "\f568";
+  content: "";
 }
 
 .fa-draw-polygon:before {
-  content: "\f5ee";
+  content: "";
 }
 
 .fa-dribbble:before {
-  content: "\f17d";
+  content: "";
 }
 
 .fa-dribbble-square:before {
-  content: "\f397";
+  content: "";
 }
 
 .fa-dropbox:before {
-  content: "\f16b";
+  content: "";
 }
 
 .fa-drum:before {
-  content: "\f569";
+  content: "";
 }
 
 .fa-drum-steelpan:before {
-  content: "\f56a";
+  content: "";
 }
 
 .fa-drupal:before {
-  content: "\f1a9";
+  content: "";
 }
 
 .fa-dumbbell:before {
-  content: "\f44b";
+  content: "";
 }
 
 .fa-dyalog:before {
-  content: "\f399";
+  content: "";
 }
 
 .fa-earlybirds:before {
-  content: "\f39a";
+  content: "";
 }
 
 .fa-ebay:before {
-  content: "\f4f4";
+  content: "";
 }
 
 .fa-edge:before {
-  content: "\f282";
+  content: "";
 }
 
 .fa-edit:before {
-  content: "\f044";
+  content: "";
 }
 
 .fa-eject:before {
-  content: "\f052";
+  content: "";
 }
 
 .fa-elementor:before {
-  content: "\f430";
+  content: "";
 }
 
 .fa-ellipsis-h:before {
-  content: "\f141";
+  content: "";
 }
 
 .fa-ellipsis-v:before {
-  content: "\f142";
+  content: "";
 }
 
 .fa-ello:before {
-  content: "\f5f1";
+  content: "";
 }
 
 .fa-ember:before {
-  content: "\f423";
+  content: "";
 }
 
 .fa-empire:before {
-  content: "\f1d1";
+  content: "";
 }
 
 .fa-envelope:before {
-  content: "\f0e0";
+  content: "";
 }
 
 .fa-envelope-open:before {
-  content: "\f2b6";
+  content: "";
 }
 
 .fa-envelope-open-text:before {
-  content: "\f658";
+  content: "";
 }
 
 .fa-envelope-square:before {
-  content: "\f199";
+  content: "";
 }
 
 .fa-envira:before {
-  content: "\f299";
+  content: "";
 }
 
 .fa-equals:before {
-  content: "\f52c";
+  content: "";
 }
 
 .fa-eraser:before {
-  content: "\f12d";
+  content: "";
 }
 
 .fa-erlang:before {
-  content: "\f39d";
+  content: "";
 }
 
 .fa-ethereum:before {
-  content: "\f42e";
+  content: "";
 }
 
 .fa-etsy:before {
-  content: "\f2d7";
+  content: "";
 }
 
 .fa-euro-sign:before {
-  content: "\f153";
+  content: "";
 }
 
 .fa-exchange-alt:before {
-  content: "\f362";
+  content: "";
 }
 
 .fa-exclamation:before {
-  content: "\f12a";
+  content: "";
 }
 
 .fa-exclamation-circle:before {
-  content: "\f06a";
+  content: "";
 }
 
 .fa-exclamation-triangle:before {
-  content: "\f071";
+  content: "";
 }
 
 .fa-expand:before {
-  content: "\f065";
+  content: "";
 }
 
 .fa-expand-arrows-alt:before {
-  content: "\f31e";
+  content: "";
 }
 
 .fa-expeditedssl:before {
-  content: "\f23e";
+  content: "";
 }
 
 .fa-external-link-alt:before {
-  content: "\f35d";
+  content: "";
 }
 
 .fa-external-link-square-alt:before {
-  content: "\f360";
+  content: "";
 }
 
 .fa-eye:before {
-  content: "\f06e";
+  content: "";
 }
 
 .fa-eye-dropper:before {
-  content: "\f1fb";
+  content: "";
 }
 
 .fa-eye-slash:before {
-  content: "\f070";
+  content: "";
 }
 
 .fa-facebook:before {
-  content: "\f09a";
+  content: "";
 }
 
 .fa-facebook-f:before {
-  content: "\f39e";
+  content: "";
 }
 
 .fa-facebook-messenger:before {
-  content: "\f39f";
+  content: "";
 }
 
 .fa-facebook-square:before {
-  content: "\f082";
+  content: "";
 }
 
 .fa-fast-backward:before {
-  content: "\f049";
+  content: "";
 }
 
 .fa-fast-forward:before {
-  content: "\f050";
+  content: "";
 }
 
 .fa-fax:before {
-  content: "\f1ac";
+  content: "";
 }
 
 .fa-feather:before {
-  content: "\f52d";
+  content: "";
 }
 
 .fa-feather-alt:before {
-  content: "\f56b";
+  content: "";
 }
 
 .fa-female:before {
-  content: "\f182";
+  content: "";
 }
 
 .fa-fighter-jet:before {
-  content: "\f0fb";
+  content: "";
 }
 
 .fa-file:before {
-  content: "\f15b";
+  content: "";
 }
 
 .fa-file-alt:before {
-  content: "\f15c";
+  content: "";
 }
 
 .fa-file-archive:before {
-  content: "\f1c6";
+  content: "";
 }
 
 .fa-file-audio:before {
-  content: "\f1c7";
+  content: "";
 }
 
 .fa-file-code:before {
-  content: "\f1c9";
+  content: "";
 }
 
 .fa-file-contract:before {
-  content: "\f56c";
+  content: "";
 }
 
 .fa-file-download:before {
-  content: "\f56d";
+  content: "";
 }
 
 .fa-file-excel:before {
-  content: "\f1c3";
+  content: "";
 }
 
 .fa-file-export:before {
-  content: "\f56e";
+  content: "";
 }
 
 .fa-file-image:before {
-  content: "\f1c5";
+  content: "";
 }
 
 .fa-file-import:before {
-  content: "\f56f";
+  content: "";
 }
 
 .fa-file-invoice:before {
-  content: "\f570";
+  content: "";
 }
 
 .fa-file-invoice-dollar:before {
-  content: "\f571";
+  content: "";
 }
 
 .fa-file-medical:before {
-  content: "\f477";
+  content: "";
 }
 
 .fa-file-medical-alt:before {
-  content: "\f478";
+  content: "";
 }
 
 .fa-file-pdf:before {
-  content: "\f1c1";
+  content: "";
 }
 
 .fa-file-powerpoint:before {
-  content: "\f1c4";
+  content: "";
 }
 
 .fa-file-prescription:before {
-  content: "\f572";
+  content: "";
 }
 
 .fa-file-signature:before {
-  content: "\f573";
+  content: "";
 }
 
 .fa-file-upload:before {
-  content: "\f574";
+  content: "";
 }
 
 .fa-file-video:before {
-  content: "\f1c8";
+  content: "";
 }
 
 .fa-file-word:before {
-  content: "\f1c2";
+  content: "";
 }
 
 .fa-fill:before {
-  content: "\f575";
+  content: "";
 }
 
 .fa-fill-drip:before {
-  content: "\f576";
+  content: "";
 }
 
 .fa-film:before {
-  content: "\f008";
+  content: "";
 }
 
 .fa-filter:before {
-  content: "\f0b0";
+  content: "";
 }
 
 .fa-fingerprint:before {
-  content: "\f577";
+  content: "";
 }
 
 .fa-fire:before {
-  content: "\f06d";
+  content: "";
 }
 
 .fa-fire-extinguisher:before {
-  content: "\f134";
+  content: "";
 }
 
 .fa-firefox:before {
-  content: "\f269";
+  content: "";
 }
 
 .fa-first-aid:before {
-  content: "\f479";
+  content: "";
 }
 
 .fa-first-order:before {
-  content: "\f2b0";
+  content: "";
 }
 
 .fa-first-order-alt:before {
-  content: "\f50a";
+  content: "";
 }
 
 .fa-firstdraft:before {
-  content: "\f3a1";
+  content: "";
 }
 
 .fa-fish:before {
-  content: "\f578";
+  content: "";
 }
 
 .fa-flag:before {
-  content: "\f024";
+  content: "";
 }
 
 .fa-flag-checkered:before {
-  content: "\f11e";
+  content: "";
 }
 
 .fa-flask:before {
-  content: "\f0c3";
+  content: "";
 }
 
 .fa-flickr:before {
-  content: "\f16e";
+  content: "";
 }
 
 .fa-flipboard:before {
-  content: "\f44d";
+  content: "";
 }
 
 .fa-flushed:before {
-  content: "\f579";
+  content: "";
 }
 
 .fa-fly:before {
-  content: "\f417";
+  content: "";
 }
 
 .fa-folder:before {
-  content: "\f07b";
+  content: "";
 }
 
 .fa-folder-minus:before {
-  content: "\f65d";
+  content: "";
 }
 
 .fa-folder-open:before {
-  content: "\f07c";
+  content: "";
 }
 
 .fa-folder-plus:before {
-  content: "\f65e";
+  content: "";
 }
 
 .fa-font:before {
-  content: "\f031";
+  content: "";
 }
 
 .fa-font-awesome:before {
-  content: "\f2b4";
+  content: "";
 }
 
 .fa-font-awesome-alt:before {
-  content: "\f35c";
+  content: "";
 }
 
 .fa-font-awesome-flag:before {
-  content: "\f425";
+  content: "";
 }
 
 .fa-font-awesome-logo-full:before {
-  content: "\f4e6";
+  content: "";
 }
 
 .fa-fonticons:before {
-  content: "\f280";
+  content: "";
 }
 
 .fa-fonticons-fi:before {
-  content: "\f3a2";
+  content: "";
 }
 
 .fa-football-ball:before {
-  content: "\f44e";
+  content: "";
 }
 
 .fa-fort-awesome:before {
-  content: "\f286";
+  content: "";
 }
 
 .fa-fort-awesome-alt:before {
-  content: "\f3a3";
+  content: "";
 }
 
 .fa-forumbee:before {
-  content: "\f211";
+  content: "";
 }
 
 .fa-forward:before {
-  content: "\f04e";
+  content: "";
 }
 
 .fa-foursquare:before {
-  content: "\f180";
+  content: "";
 }
 
 .fa-free-code-camp:before {
-  content: "\f2c5";
+  content: "";
 }
 
 .fa-freebsd:before {
-  content: "\f3a4";
+  content: "";
 }
 
 .fa-frog:before {
-  content: "\f52e";
+  content: "";
 }
 
 .fa-frown:before {
-  content: "\f119";
+  content: "";
 }
 
 .fa-frown-open:before {
-  content: "\f57a";
+  content: "";
 }
 
 .fa-fulcrum:before {
-  content: "\f50b";
+  content: "";
 }
 
 .fa-funnel-dollar:before {
-  content: "\f662";
+  content: "";
 }
 
 .fa-futbol:before {
-  content: "\f1e3";
+  content: "";
 }
 
 .fa-galactic-republic:before {
-  content: "\f50c";
+  content: "";
 }
 
 .fa-galactic-senate:before {
-  content: "\f50d";
+  content: "";
 }
 
 .fa-gamepad:before {
-  content: "\f11b";
+  content: "";
 }
 
 .fa-gas-pump:before {
-  content: "\f52f";
+  content: "";
 }
 
 .fa-gavel:before {
-  content: "\f0e3";
+  content: "";
 }
 
 .fa-gem:before {
-  content: "\f3a5";
+  content: "";
 }
 
 .fa-genderless:before {
-  content: "\f22d";
+  content: "";
 }
 
 .fa-get-pocket:before {
-  content: "\f265";
+  content: "";
 }
 
 .fa-gg:before {
-  content: "\f260";
+  content: "";
 }
 
 .fa-gg-circle:before {
-  content: "\f261";
+  content: "";
 }
 
 .fa-gift:before {
-  content: "\f06b";
+  content: "";
 }
 
 .fa-git:before {
-  content: "\f1d3";
+  content: "";
 }
 
 .fa-git-square:before {
-  content: "\f1d2";
+  content: "";
 }
 
 .fa-github:before {
-  content: "\f09b";
+  content: "";
 }
 
 .fa-github-alt:before {
-  content: "\f113";
+  content: "";
 }
 
 .fa-github-square:before {
-  content: "\f092";
+  content: "";
 }
 
 .fa-gitkraken:before {
-  content: "\f3a6";
+  content: "";
 }
 
 .fa-gitlab:before {
-  content: "\f296";
+  content: "";
 }
 
 .fa-gitter:before {
-  content: "\f426";
+  content: "";
 }
 
 .fa-glass-martini:before {
-  content: "\f000";
+  content: "";
 }
 
 .fa-glass-martini-alt:before {
-  content: "\f57b";
+  content: "";
 }
 
 .fa-glasses:before {
-  content: "\f530";
+  content: "";
 }
 
 .fa-glide:before {
-  content: "\f2a5";
+  content: "";
 }
 
 .fa-glide-g:before {
-  content: "\f2a6";
+  content: "";
 }
 
 .fa-globe:before {
-  content: "\f0ac";
+  content: "";
 }
 
 .fa-globe-africa:before {
-  content: "\f57c";
+  content: "";
 }
 
 .fa-globe-americas:before {
-  content: "\f57d";
+  content: "";
 }
 
 .fa-globe-asia:before {
-  content: "\f57e";
+  content: "";
 }
 
 .fa-gofore:before {
-  content: "\f3a7";
+  content: "";
 }
 
 .fa-golf-ball:before {
-  content: "\f450";
+  content: "";
 }
 
 .fa-goodreads:before {
-  content: "\f3a8";
+  content: "";
 }
 
 .fa-goodreads-g:before {
-  content: "\f3a9";
+  content: "";
 }
 
 .fa-google:before {
-  content: "\f1a0";
+  content: "";
 }
 
 .fa-google-drive:before {
-  content: "\f3aa";
+  content: "";
 }
 
 .fa-google-play:before {
-  content: "\f3ab";
+  content: "";
 }
 
 .fa-google-plus:before {
-  content: "\f2b3";
+  content: "";
 }
 
 .fa-google-plus-g:before {
-  content: "\f0d5";
+  content: "";
 }
 
 .fa-google-plus-square:before {
-  content: "\f0d4";
+  content: "";
 }
 
 .fa-google-wallet:before {
-  content: "\f1ee";
+  content: "";
 }
 
 .fa-gopuram:before {
-  content: "\f664";
+  content: "";
 }
 
 .fa-graduation-cap:before {
-  content: "\f19d";
+  content: "";
 }
 
 .fa-gratipay:before {
-  content: "\f184";
+  content: "";
 }
 
 .fa-grav:before {
-  content: "\f2d6";
+  content: "";
 }
 
 .fa-greater-than:before {
-  content: "\f531";
+  content: "";
 }
 
 .fa-greater-than-equal:before {
-  content: "\f532";
+  content: "";
 }
 
 .fa-grimace:before {
-  content: "\f57f";
+  content: "";
 }
 
 .fa-grin:before {
-  content: "\f580";
+  content: "";
 }
 
 .fa-grin-alt:before {
-  content: "\f581";
+  content: "";
 }
 
 .fa-grin-beam:before {
-  content: "\f582";
+  content: "";
 }
 
 .fa-grin-beam-sweat:before {
-  content: "\f583";
+  content: "";
 }
 
 .fa-grin-hearts:before {
-  content: "\f584";
+  content: "";
 }
 
 .fa-grin-squint:before {
-  content: "\f585";
+  content: "";
 }
 
 .fa-grin-squint-tears:before {
-  content: "\f586";
+  content: "";
 }
 
 .fa-grin-stars:before {
-  content: "\f587";
+  content: "";
 }
 
 .fa-grin-tears:before {
-  content: "\f588";
+  content: "";
 }
 
 .fa-grin-tongue:before {
-  content: "\f589";
+  content: "";
 }
 
 .fa-grin-tongue-squint:before {
-  content: "\f58a";
+  content: "";
 }
 
 .fa-grin-tongue-wink:before {
-  content: "\f58b";
+  content: "";
 }
 
 .fa-grin-wink:before {
-  content: "\f58c";
+  content: "";
 }
 
 .fa-grip-horizontal:before {
-  content: "\f58d";
+  content: "";
 }
 
 .fa-grip-vertical:before {
-  content: "\f58e";
+  content: "";
 }
 
 .fa-gripfire:before {
-  content: "\f3ac";
+  content: "";
 }
 
 .fa-grunt:before {
-  content: "\f3ad";
+  content: "";
 }
 
 .fa-gulp:before {
-  content: "\f3ae";
+  content: "";
 }
 
 .fa-h-square:before {
-  content: "\f0fd";
+  content: "";
 }
 
 .fa-hacker-news:before {
-  content: "\f1d4";
+  content: "";
 }
 
 .fa-hacker-news-square:before {
-  content: "\f3af";
+  content: "";
 }
 
 .fa-hackerrank:before {
-  content: "\f5f7";
+  content: "";
 }
 
 .fa-hamsa:before {
-  content: "\f665";
+  content: "";
 }
 
 .fa-hand-holding:before {
-  content: "\f4bd";
+  content: "";
 }
 
 .fa-hand-holding-heart:before {
-  content: "\f4be";
+  content: "";
 }
 
 .fa-hand-holding-usd:before {
-  content: "\f4c0";
+  content: "";
 }
 
 .fa-hand-lizard:before {
-  content: "\f258";
+  content: "";
 }
 
 .fa-hand-paper:before {
-  content: "\f256";
+  content: "";
 }
 
 .fa-hand-peace:before {
-  content: "\f25b";
+  content: "";
 }
 
 .fa-hand-point-down:before {
-  content: "\f0a7";
+  content: "";
 }
 
 .fa-hand-point-left:before {
-  content: "\f0a5";
+  content: "";
 }
 
 .fa-hand-point-right:before {
-  content: "\f0a4";
+  content: "";
 }
 
 .fa-hand-point-up:before {
-  content: "\f0a6";
+  content: "";
 }
 
 .fa-hand-pointer:before {
-  content: "\f25a";
+  content: "";
 }
 
 .fa-hand-rock:before {
-  content: "\f255";
+  content: "";
 }
 
 .fa-hand-scissors:before {
-  content: "\f257";
+  content: "";
 }
 
 .fa-hand-spock:before {
-  content: "\f259";
+  content: "";
 }
 
 .fa-hands:before {
-  content: "\f4c2";
+  content: "";
 }
 
 .fa-hands-helping:before {
-  content: "\f4c4";
+  content: "";
 }
 
 .fa-handshake:before {
-  content: "\f2b5";
+  content: "";
 }
 
 .fa-hashtag:before {
-  content: "\f292";
+  content: "";
 }
 
 .fa-haykal:before {
-  content: "\f666";
+  content: "";
 }
 
 .fa-hdd:before {
-  content: "\f0a0";
+  content: "";
 }
 
 .fa-heading:before {
-  content: "\f1dc";
+  content: "";
 }
 
 .fa-headphones:before {
-  content: "\f025";
+  content: "";
 }
 
 .fa-headphones-alt:before {
-  content: "\f58f";
+  content: "";
 }
 
 .fa-headset:before {
-  content: "\f590";
+  content: "";
 }
 
 .fa-heart:before {
-  content: "\f004";
+  content: "";
 }
 
 .fa-heartbeat:before {
-  content: "\f21e";
+  content: "";
 }
 
 .fa-helicopter:before {
-  content: "\f533";
+  content: "";
 }
 
 .fa-highlighter:before {
-  content: "\f591";
+  content: "";
 }
 
 .fa-hips:before {
-  content: "\f452";
+  content: "";
 }
 
 .fa-hire-a-helper:before {
-  content: "\f3b0";
+  content: "";
 }
 
 .fa-history:before {
-  content: "\f1da";
+  content: "";
 }
 
 .fa-hockey-puck:before {
-  content: "\f453";
+  content: "";
 }
 
 .fa-home:before {
-  content: "\f015";
+  content: "";
 }
 
 .fa-hooli:before {
-  content: "\f427";
+  content: "";
 }
 
 .fa-hornbill:before {
-  content: "\f592";
+  content: "";
 }
 
 .fa-hospital:before {
-  content: "\f0f8";
+  content: "";
 }
 
 .fa-hospital-alt:before {
-  content: "\f47d";
+  content: "";
 }
 
 .fa-hospital-symbol:before {
-  content: "\f47e";
+  content: "";
 }
 
 .fa-hot-tub:before {
-  content: "\f593";
+  content: "";
 }
 
 .fa-hotel:before {
-  content: "\f594";
+  content: "";
 }
 
 .fa-hotjar:before {
-  content: "\f3b1";
+  content: "";
 }
 
 .fa-hourglass:before {
-  content: "\f254";
+  content: "";
 }
 
 .fa-hourglass-end:before {
-  content: "\f253";
+  content: "";
 }
 
 .fa-hourglass-half:before {
-  content: "\f252";
+  content: "";
 }
 
 .fa-hourglass-start:before {
-  content: "\f251";
+  content: "";
 }
 
 .fa-houzz:before {
-  content: "\f27c";
+  content: "";
 }
 
 .fa-html5:before {
-  content: "\f13b";
+  content: "";
 }
 
 .fa-hubspot:before {
-  content: "\f3b2";
+  content: "";
 }
 
 .fa-i-cursor:before {
-  content: "\f246";
+  content: "";
 }
 
 .fa-id-badge:before {
-  content: "\f2c1";
+  content: "";
 }
 
 .fa-id-card:before {
-  content: "\f2c2";
+  content: "";
 }
 
 .fa-id-card-alt:before {
-  content: "\f47f";
+  content: "";
 }
 
 .fa-image:before {
-  content: "\f03e";
+  content: "";
 }
 
 .fa-images:before {
-  content: "\f302";
+  content: "";
 }
 
 .fa-imdb:before {
-  content: "\f2d8";
+  content: "";
 }
 
 .fa-inbox:before {
-  content: "\f01c";
+  content: "";
 }
 
 .fa-indent:before {
-  content: "\f03c";
+  content: "";
 }
 
 .fa-industry:before {
-  content: "\f275";
+  content: "";
 }
 
 .fa-infinity:before {
-  content: "\f534";
+  content: "";
 }
 
 .fa-info:before {
-  content: "\f129";
+  content: "";
 }
 
 .fa-info-circle:before {
-  content: "\f05a";
+  content: "";
 }
 
 .fa-instagram:before {
-  content: "\f16d";
+  content: "";
 }
 
 .fa-internet-explorer:before {
-  content: "\f26b";
+  content: "";
 }
 
 .fa-ioxhost:before {
-  content: "\f208";
+  content: "";
 }
 
 .fa-italic:before {
-  content: "\f033";
+  content: "";
 }
 
 .fa-itunes:before {
-  content: "\f3b4";
+  content: "";
 }
 
 .fa-itunes-note:before {
-  content: "\f3b5";
+  content: "";
 }
 
 .fa-java:before {
-  content: "\f4e4";
+  content: "";
 }
 
 .fa-jedi:before {
-  content: "\f669";
+  content: "";
 }
 
 .fa-jedi-order:before {
-  content: "\f50e";
+  content: "";
 }
 
 .fa-jenkins:before {
-  content: "\f3b6";
+  content: "";
 }
 
 .fa-joget:before {
-  content: "\f3b7";
+  content: "";
 }
 
 .fa-joint:before {
-  content: "\f595";
+  content: "";
 }
 
 .fa-joomla:before {
-  content: "\f1aa";
+  content: "";
 }
 
 .fa-journal-whills:before {
-  content: "\f66a";
+  content: "";
 }
 
 .fa-js:before {
-  content: "\f3b8";
+  content: "";
 }
 
 .fa-js-square:before {
-  content: "\f3b9";
+  content: "";
 }
 
 .fa-jsfiddle:before {
-  content: "\f1cc";
+  content: "";
 }
 
 .fa-kaaba:before {
-  content: "\f66b";
+  content: "";
 }
 
 .fa-kaggle:before {
-  content: "\f5fa";
+  content: "";
 }
 
 .fa-key:before {
-  content: "\f084";
+  content: "";
 }
 
 .fa-keybase:before {
-  content: "\f4f5";
+  content: "";
 }
 
 .fa-keyboard:before {
-  content: "\f11c";
+  content: "";
 }
 
 .fa-keycdn:before {
-  content: "\f3ba";
+  content: "";
 }
 
 .fa-khanda:before {
-  content: "\f66d";
+  content: "";
 }
 
 .fa-kickstarter:before {
-  content: "\f3bb";
+  content: "";
 }
 
 .fa-kickstarter-k:before {
-  content: "\f3bc";
+  content: "";
 }
 
 .fa-kiss:before {
-  content: "\f596";
+  content: "";
 }
 
 .fa-kiss-beam:before {
-  content: "\f597";
+  content: "";
 }
 
 .fa-kiss-wink-heart:before {
-  content: "\f598";
+  content: "";
 }
 
 .fa-kiwi-bird:before {
-  content: "\f535";
+  content: "";
 }
 
 .fa-korvue:before {
-  content: "\f42f";
+  content: "";
 }
 
 .fa-landmark:before {
-  content: "\f66f";
+  content: "";
 }
 
 .fa-language:before {
-  content: "\f1ab";
+  content: "";
 }
 
 .fa-laptop:before {
-  content: "\f109";
+  content: "";
 }
 
 .fa-laptop-code:before {
-  content: "\f5fc";
+  content: "";
 }
 
 .fa-laravel:before {
-  content: "\f3bd";
+  content: "";
 }
 
 .fa-lastfm:before {
-  content: "\f202";
+  content: "";
 }
 
 .fa-lastfm-square:before {
-  content: "\f203";
+  content: "";
 }
 
 .fa-laugh:before {
-  content: "\f599";
+  content: "";
 }
 
 .fa-laugh-beam:before {
-  content: "\f59a";
+  content: "";
 }
 
 .fa-laugh-squint:before {
-  content: "\f59b";
+  content: "";
 }
 
 .fa-laugh-wink:before {
-  content: "\f59c";
+  content: "";
 }
 
 .fa-layer-group:before {
-  content: "\f5fd";
+  content: "";
 }
 
 .fa-leaf:before {
-  content: "\f06c";
+  content: "";
 }
 
 .fa-leanpub:before {
-  content: "\f212";
+  content: "";
 }
 
 .fa-lemon:before {
-  content: "\f094";
+  content: "";
 }
 
 .fa-less:before {
-  content: "\f41d";
+  content: "";
 }
 
 .fa-less-than:before {
-  content: "\f536";
+  content: "";
 }
 
 .fa-less-than-equal:before {
-  content: "\f537";
+  content: "";
 }
 
 .fa-level-down-alt:before {
-  content: "\f3be";
+  content: "";
 }
 
 .fa-level-up-alt:before {
-  content: "\f3bf";
+  content: "";
 }
 
 .fa-life-ring:before {
-  content: "\f1cd";
+  content: "";
 }
 
 .fa-lightbulb:before {
-  content: "\f0eb";
+  content: "";
 }
 
 .fa-line:before {
-  content: "\f3c0";
+  content: "";
 }
 
 .fa-link:before {
-  content: "\f0c1";
+  content: "";
 }
 
 .fa-linkedin:before {
-  content: "\f08c";
+  content: "";
 }
 
 .fa-linkedin-in:before {
-  content: "\f0e1";
+  content: "";
 }
 
 .fa-linode:before {
-  content: "\f2b8";
+  content: "";
 }
 
 .fa-linux:before {
-  content: "\f17c";
+  content: "";
 }
 
 .fa-lira-sign:before {
-  content: "\f195";
+  content: "";
 }
 
 .fa-list:before {
-  content: "\f03a";
+  content: "";
 }
 
 .fa-list-alt:before {
-  content: "\f022";
+  content: "";
 }
 
 .fa-list-ol:before {
-  content: "\f0cb";
+  content: "";
 }
 
 .fa-list-ul:before {
-  content: "\f0ca";
+  content: "";
 }
 
 .fa-location-arrow:before {
-  content: "\f124";
+  content: "";
 }
 
 .fa-lock:before {
-  content: "\f023";
+  content: "";
 }
 
 .fa-lock-open:before {
-  content: "\f3c1";
+  content: "";
 }
 
 .fa-long-arrow-alt-down:before {
-  content: "\f309";
+  content: "";
 }
 
 .fa-long-arrow-alt-left:before {
-  content: "\f30a";
+  content: "";
 }
 
 .fa-long-arrow-alt-right:before {
-  content: "\f30b";
+  content: "";
 }
 
 .fa-long-arrow-alt-up:before {
-  content: "\f30c";
+  content: "";
 }
 
 .fa-low-vision:before {
-  content: "\f2a8";
+  content: "";
 }
 
 .fa-luggage-cart:before {
-  content: "\f59d";
+  content: "";
 }
 
 .fa-lyft:before {
-  content: "\f3c3";
+  content: "";
 }
 
 .fa-magento:before {
-  content: "\f3c4";
+  content: "";
 }
 
 .fa-magic:before {
-  content: "\f0d0";
+  content: "";
 }
 
 .fa-magnet:before {
-  content: "\f076";
+  content: "";
 }
 
 .fa-mail-bulk:before {
-  content: "\f674";
+  content: "";
 }
 
 .fa-mailchimp:before {
-  content: "\f59e";
+  content: "";
 }
 
 .fa-male:before {
-  content: "\f183";
+  content: "";
 }
 
 .fa-mandalorian:before {
-  content: "\f50f";
+  content: "";
 }
 
 .fa-map:before {
-  content: "\f279";
+  content: "";
 }
 
 .fa-map-marked:before {
-  content: "\f59f";
+  content: "";
 }
 
 .fa-map-marked-alt:before {
-  content: "\f5a0";
+  content: "";
 }
 
 .fa-map-marker:before {
-  content: "\f041";
+  content: "";
 }
 
 .fa-map-marker-alt:before {
-  content: "\f3c5";
+  content: "";
 }
 
 .fa-map-pin:before {
-  content: "\f276";
+  content: "";
 }
 
 .fa-map-signs:before {
-  content: "\f277";
+  content: "";
 }
 
 .fa-markdown:before {
-  content: "\f60f";
+  content: "";
 }
 
 .fa-marker:before {
-  content: "\f5a1";
+  content: "";
 }
 
 .fa-mars:before {
-  content: "\f222";
+  content: "";
 }
 
 .fa-mars-double:before {
-  content: "\f227";
+  content: "";
 }
 
 .fa-mars-stroke:before {
-  content: "\f229";
+  content: "";
 }
 
 .fa-mars-stroke-h:before {
-  content: "\f22b";
+  content: "";
 }
 
 .fa-mars-stroke-v:before {
-  content: "\f22a";
+  content: "";
 }
 
 .fa-mastodon:before {
-  content: "\f4f6";
+  content: "";
 }
 
 .fa-maxcdn:before {
-  content: "\f136";
+  content: "";
 }
 
 .fa-medal:before {
-  content: "\f5a2";
+  content: "";
 }
 
 .fa-medapps:before {
-  content: "\f3c6";
+  content: "";
 }
 
 .fa-medium:before {
-  content: "\f23a";
+  content: "";
 }
 
 .fa-medium-m:before {
-  content: "\f3c7";
+  content: "";
 }
 
 .fa-medkit:before {
-  content: "\f0fa";
+  content: "";
 }
 
 .fa-medrt:before {
-  content: "\f3c8";
+  content: "";
 }
 
 .fa-meetup:before {
-  content: "\f2e0";
+  content: "";
 }
 
 .fa-megaport:before {
-  content: "\f5a3";
+  content: "";
 }
 
 .fa-meh:before {
-  content: "\f11a";
+  content: "";
 }
 
 .fa-meh-blank:before {
-  content: "\f5a4";
+  content: "";
 }
 
 .fa-meh-rolling-eyes:before {
-  content: "\f5a5";
+  content: "";
 }
 
 .fa-memory:before {
-  content: "\f538";
+  content: "";
 }
 
 .fa-menorah:before {
-  content: "\f676";
+  content: "";
 }
 
 .fa-mercury:before {
-  content: "\f223";
+  content: "";
 }
 
 .fa-microchip:before {
-  content: "\f2db";
+  content: "";
 }
 
 .fa-microphone:before {
-  content: "\f130";
+  content: "";
 }
 
 .fa-microphone-alt:before {
-  content: "\f3c9";
+  content: "";
 }
 
 .fa-microphone-alt-slash:before {
-  content: "\f539";
+  content: "";
 }
 
 .fa-microphone-slash:before {
-  content: "\f131";
+  content: "";
 }
 
 .fa-microscope:before {
-  content: "\f610";
+  content: "";
 }
 
 .fa-microsoft:before {
-  content: "\f3ca";
+  content: "";
 }
 
 .fa-minus:before {
-  content: "\f068";
+  content: "";
 }
 
 .fa-minus-circle:before {
-  content: "\f056";
+  content: "";
 }
 
 .fa-minus-square:before {
-  content: "\f146";
+  content: "";
 }
 
 .fa-mix:before {
-  content: "\f3cb";
+  content: "";
 }
 
 .fa-mixcloud:before {
-  content: "\f289";
+  content: "";
 }
 
 .fa-mizuni:before {
-  content: "\f3cc";
+  content: "";
 }
 
 .fa-mobile:before {
-  content: "\f10b";
+  content: "";
 }
 
 .fa-mobile-alt:before {
-  content: "\f3cd";
+  content: "";
 }
 
 .fa-modx:before {
-  content: "\f285";
+  content: "";
 }
 
 .fa-monero:before {
-  content: "\f3d0";
+  content: "";
 }
 
 .fa-money-bill:before {
-  content: "\f0d6";
+  content: "";
 }
 
 .fa-money-bill-alt:before {
-  content: "\f3d1";
+  content: "";
 }
 
 .fa-money-bill-wave:before {
-  content: "\f53a";
+  content: "";
 }
 
 .fa-money-bill-wave-alt:before {
-  content: "\f53b";
+  content: "";
 }
 
 .fa-money-check:before {
-  content: "\f53c";
+  content: "";
 }
 
 .fa-money-check-alt:before {
-  content: "\f53d";
+  content: "";
 }
 
 .fa-monument:before {
-  content: "\f5a6";
+  content: "";
 }
 
 .fa-moon:before {
-  content: "\f186";
+  content: "";
 }
 
 .fa-mortar-pestle:before {
-  content: "\f5a7";
+  content: "";
 }
 
 .fa-mosque:before {
-  content: "\f678";
+  content: "";
 }
 
 .fa-motorcycle:before {
-  content: "\f21c";
+  content: "";
 }
 
 .fa-mouse-pointer:before {
-  content: "\f245";
+  content: "";
 }
 
 .fa-music:before {
-  content: "\f001";
+  content: "";
 }
 
 .fa-napster:before {
-  content: "\f3d2";
+  content: "";
 }
 
 .fa-neos:before {
-  content: "\f612";
+  content: "";
 }
 
 .fa-neuter:before {
-  content: "\f22c";
+  content: "";
 }
 
 .fa-newspaper:before {
-  content: "\f1ea";
+  content: "";
 }
 
 .fa-nimblr:before {
-  content: "\f5a8";
+  content: "";
 }
 
 .fa-nintendo-switch:before {
-  content: "\f418";
+  content: "";
 }
 
 .fa-node:before {
-  content: "\f419";
+  content: "";
 }
 
 .fa-node-js:before {
-  content: "\f3d3";
+  content: "";
 }
 
 .fa-not-equal:before {
-  content: "\f53e";
+  content: "";
 }
 
 .fa-notes-medical:before {
-  content: "\f481";
+  content: "";
 }
 
 .fa-npm:before {
-  content: "\f3d4";
+  content: "";
 }
 
 .fa-ns8:before {
-  content: "\f3d5";
+  content: "";
 }
 
 .fa-nutritionix:before {
-  content: "\f3d6";
+  content: "";
 }
 
 .fa-object-group:before {
-  content: "\f247";
+  content: "";
 }
 
 .fa-object-ungroup:before {
-  content: "\f248";
+  content: "";
 }
 
 .fa-odnoklassniki:before {
-  content: "\f263";
+  content: "";
 }
 
 .fa-odnoklassniki-square:before {
-  content: "\f264";
+  content: "";
 }
 
 .fa-oil-can:before {
-  content: "\f613";
+  content: "";
 }
 
 .fa-old-republic:before {
-  content: "\f510";
+  content: "";
 }
 
 .fa-om:before {
-  content: "\f679";
+  content: "";
 }
 
 .fa-opencart:before {
-  content: "\f23d";
+  content: "";
 }
 
 .fa-openid:before {
-  content: "\f19b";
+  content: "";
 }
 
 .fa-opera:before {
-  content: "\f26a";
+  content: "";
 }
 
 .fa-optin-monster:before {
-  content: "\f23c";
+  content: "";
 }
 
 .fa-osi:before {
-  content: "\f41a";
+  content: "";
 }
 
 .fa-outdent:before {
-  content: "\f03b";
+  content: "";
 }
 
 .fa-page4:before {
-  content: "\f3d7";
+  content: "";
 }
 
 .fa-pagelines:before {
-  content: "\f18c";
+  content: "";
 }
 
 .fa-paint-brush:before {
-  content: "\f1fc";
+  content: "";
 }
 
 .fa-paint-roller:before {
-  content: "\f5aa";
+  content: "";
 }
 
 .fa-palette:before {
-  content: "\f53f";
+  content: "";
 }
 
 .fa-palfed:before {
-  content: "\f3d8";
+  content: "";
 }
 
 .fa-pallet:before {
-  content: "\f482";
+  content: "";
 }
 
 .fa-paper-plane:before {
-  content: "\f1d8";
+  content: "";
 }
 
 .fa-paperclip:before {
-  content: "\f0c6";
+  content: "";
 }
 
 .fa-parachute-box:before {
-  content: "\f4cd";
+  content: "";
 }
 
 .fa-paragraph:before {
-  content: "\f1dd";
+  content: "";
 }
 
 .fa-parking:before {
-  content: "\f540";
+  content: "";
 }
 
 .fa-passport:before {
-  content: "\f5ab";
+  content: "";
 }
 
 .fa-pastafarianism:before {
-  content: "\f67b";
+  content: "";
 }
 
 .fa-paste:before {
-  content: "\f0ea";
+  content: "";
 }
 
 .fa-patreon:before {
-  content: "\f3d9";
+  content: "";
 }
 
 .fa-pause:before {
-  content: "\f04c";
+  content: "";
 }
 
 .fa-pause-circle:before {
-  content: "\f28b";
+  content: "";
 }
 
 .fa-paw:before {
-  content: "\f1b0";
+  content: "";
 }
 
 .fa-paypal:before {
-  content: "\f1ed";
+  content: "";
 }
 
 .fa-peace:before {
-  content: "\f67c";
+  content: "";
 }
 
 .fa-pen:before {
-  content: "\f304";
+  content: "";
 }
 
 .fa-pen-alt:before {
-  content: "\f305";
+  content: "";
 }
 
 .fa-pen-fancy:before {
-  content: "\f5ac";
+  content: "";
 }
 
 .fa-pen-nib:before {
-  content: "\f5ad";
+  content: "";
 }
 
 .fa-pen-square:before {
-  content: "\f14b";
+  content: "";
 }
 
 .fa-pencil-alt:before {
-  content: "\f303";
+  content: "";
 }
 
 .fa-pencil-ruler:before {
-  content: "\f5ae";
+  content: "";
 }
 
 .fa-people-carry:before {
-  content: "\f4ce";
+  content: "";
 }
 
 .fa-percent:before {
-  content: "\f295";
+  content: "";
 }
 
 .fa-percentage:before {
-  content: "\f541";
+  content: "";
 }
 
 .fa-periscope:before {
-  content: "\f3da";
+  content: "";
 }
 
 .fa-phabricator:before {
-  content: "\f3db";
+  content: "";
 }
 
 .fa-phoenix-framework:before {
-  content: "\f3dc";
+  content: "";
 }
 
 .fa-phoenix-squadron:before {
-  content: "\f511";
+  content: "";
 }
 
 .fa-phone:before {
-  content: "\f095";
+  content: "";
 }
 
 .fa-phone-slash:before {
-  content: "\f3dd";
+  content: "";
 }
 
 .fa-phone-square:before {
-  content: "\f098";
+  content: "";
 }
 
 .fa-phone-volume:before {
-  content: "\f2a0";
+  content: "";
 }
 
 .fa-php:before {
-  content: "\f457";
+  content: "";
 }
 
 .fa-pied-piper:before {
-  content: "\f2ae";
+  content: "";
 }
 
 .fa-pied-piper-alt:before {
-  content: "\f1a8";
+  content: "";
 }
 
 .fa-pied-piper-hat:before {
-  content: "\f4e5";
+  content: "";
 }
 
 .fa-pied-piper-pp:before {
-  content: "\f1a7";
+  content: "";
 }
 
 .fa-piggy-bank:before {
-  content: "\f4d3";
+  content: "";
 }
 
 .fa-pills:before {
-  content: "\f484";
+  content: "";
 }
 
 .fa-pinterest:before {
-  content: "\f0d2";
+  content: "";
 }
 
 .fa-pinterest-p:before {
-  content: "\f231";
+  content: "";
 }
 
 .fa-pinterest-square:before {
-  content: "\f0d3";
+  content: "";
 }
 
 .fa-place-of-worship:before {
-  content: "\f67f";
+  content: "";
 }
 
 .fa-plane:before {
-  content: "\f072";
+  content: "";
 }
 
 .fa-plane-arrival:before {
-  content: "\f5af";
+  content: "";
 }
 
 .fa-plane-departure:before {
-  content: "\f5b0";
+  content: "";
 }
 
 .fa-play:before {
-  content: "\f04b";
+  content: "";
 }
 
 .fa-play-circle:before {
-  content: "\f144";
+  content: "";
 }
 
 .fa-playstation:before {
-  content: "\f3df";
+  content: "";
 }
 
 .fa-plug:before {
-  content: "\f1e6";
+  content: "";
 }
 
 .fa-plus:before {
-  content: "\f067";
+  content: "";
 }
 
 .fa-plus-circle:before {
-  content: "\f055";
+  content: "";
 }
 
 .fa-plus-square:before {
-  content: "\f0fe";
+  content: "";
 }
 
 .fa-podcast:before {
-  content: "\f2ce";
+  content: "";
 }
 
 .fa-poll:before {
-  content: "\f681";
+  content: "";
 }
 
 .fa-poll-h:before {
-  content: "\f682";
+  content: "";
 }
 
 .fa-poo:before {
-  content: "\f2fe";
+  content: "";
 }
 
 .fa-poop:before {
-  content: "\f619";
+  content: "";
 }
 
 .fa-portrait:before {
-  content: "\f3e0";
+  content: "";
 }
 
 .fa-pound-sign:before {
-  content: "\f154";
+  content: "";
 }
 
 .fa-power-off:before {
-  content: "\f011";
+  content: "";
 }
 
 .fa-pray:before {
-  content: "\f683";
+  content: "";
 }
 
 .fa-praying-hands:before {
-  content: "\f684";
+  content: "";
 }
 
 .fa-prescription:before {
-  content: "\f5b1";
+  content: "";
 }
 
 .fa-prescription-bottle:before {
-  content: "\f485";
+  content: "";
 }
 
 .fa-prescription-bottle-alt:before {
-  content: "\f486";
+  content: "";
 }
 
 .fa-print:before {
-  content: "\f02f";
+  content: "";
 }
 
 .fa-procedures:before {
-  content: "\f487";
+  content: "";
 }
 
 .fa-product-hunt:before {
-  content: "\f288";
+  content: "";
 }
 
 .fa-project-diagram:before {
-  content: "\f542";
+  content: "";
 }
 
 .fa-pushed:before {
-  content: "\f3e1";
+  content: "";
 }
 
 .fa-puzzle-piece:before {
-  content: "\f12e";
+  content: "";
 }
 
 .fa-python:before {
-  content: "\f3e2";
+  content: "";
 }
 
 .fa-qq:before {
-  content: "\f1d6";
+  content: "";
 }
 
 .fa-qrcode:before {
-  content: "\f029";
+  content: "";
 }
 
 .fa-question:before {
-  content: "\f128";
+  content: "";
 }
 
 .fa-question-circle:before {
-  content: "\f059";
+  content: "";
 }
 
 .fa-quidditch:before {
-  content: "\f458";
+  content: "";
 }
 
 .fa-quinscape:before {
-  content: "\f459";
+  content: "";
 }
 
 .fa-quora:before {
-  content: "\f2c4";
+  content: "";
 }
 
 .fa-quote-left:before {
-  content: "\f10d";
+  content: "";
 }
 
 .fa-quote-right:before {
-  content: "\f10e";
+  content: "";
 }
 
 .fa-quran:before {
-  content: "\f687";
+  content: "";
 }
 
 .fa-r-project:before {
-  content: "\f4f7";
+  content: "";
 }
 
 .fa-random:before {
-  content: "\f074";
+  content: "";
 }
 
 .fa-ravelry:before {
-  content: "\f2d9";
+  content: "";
 }
 
 .fa-react:before {
-  content: "\f41b";
+  content: "";
 }
 
 .fa-readme:before {
-  content: "\f4d5";
+  content: "";
 }
 
 .fa-rebel:before {
-  content: "\f1d0";
+  content: "";
 }
 
 .fa-receipt:before {
-  content: "\f543";
+  content: "";
 }
 
 .fa-recycle:before {
-  content: "\f1b8";
+  content: "";
 }
 
 .fa-red-river:before {
-  content: "\f3e3";
+  content: "";
 }
 
 .fa-reddit:before {
-  content: "\f1a1";
+  content: "";
 }
 
 .fa-reddit-alien:before {
-  content: "\f281";
+  content: "";
 }
 
 .fa-reddit-square:before {
-  content: "\f1a2";
+  content: "";
 }
 
 .fa-redo:before {
-  content: "\f01e";
+  content: "";
 }
 
 .fa-redo-alt:before {
-  content: "\f2f9";
+  content: "";
 }
 
 .fa-registered:before {
-  content: "\f25d";
+  content: "";
 }
 
 .fa-rendact:before {
-  content: "\f3e4";
+  content: "";
 }
 
 .fa-renren:before {
-  content: "\f18b";
+  content: "";
 }
 
 .fa-reply:before {
-  content: "\f3e5";
+  content: "";
 }
 
 .fa-reply-all:before {
-  content: "\f122";
+  content: "";
 }
 
 .fa-replyd:before {
-  content: "\f3e6";
+  content: "";
 }
 
 .fa-researchgate:before {
-  content: "\f4f8";
+  content: "";
 }
 
 .fa-resolving:before {
-  content: "\f3e7";
+  content: "";
 }
 
 .fa-retweet:before {
-  content: "\f079";
+  content: "";
 }
 
 .fa-rev:before {
-  content: "\f5b2";
+  content: "";
 }
 
 .fa-ribbon:before {
-  content: "\f4d6";
+  content: "";
 }
 
 .fa-road:before {
-  content: "\f018";
+  content: "";
 }
 
 .fa-robot:before {
-  content: "\f544";
+  content: "";
 }
 
 .fa-rocket:before {
-  content: "\f135";
+  content: "";
 }
 
 .fa-rocketchat:before {
-  content: "\f3e8";
+  content: "";
 }
 
 .fa-rockrms:before {
-  content: "\f3e9";
+  content: "";
 }
 
 .fa-route:before {
-  content: "\f4d7";
+  content: "";
 }
 
 .fa-rss:before {
-  content: "\f09e";
+  content: "";
 }
 
 .fa-rss-square:before {
-  content: "\f143";
+  content: "";
 }
 
 .fa-ruble-sign:before {
-  content: "\f158";
+  content: "";
 }
 
 .fa-ruler:before {
-  content: "\f545";
+  content: "";
 }
 
 .fa-ruler-combined:before {
-  content: "\f546";
+  content: "";
 }
 
 .fa-ruler-horizontal:before {
-  content: "\f547";
+  content: "";
 }
 
 .fa-ruler-vertical:before {
-  content: "\f548";
+  content: "";
 }
 
 .fa-rupee-sign:before {
-  content: "\f156";
+  content: "";
 }
 
 .fa-sad-cry:before {
-  content: "\f5b3";
+  content: "";
 }
 
 .fa-sad-tear:before {
-  content: "\f5b4";
+  content: "";
 }
 
 .fa-safari:before {
-  content: "\f267";
+  content: "";
 }
 
 .fa-sass:before {
-  content: "\f41e";
+  content: "";
 }
 
 .fa-save:before {
-  content: "\f0c7";
+  content: "";
 }
 
 .fa-schlix:before {
-  content: "\f3ea";
+  content: "";
 }
 
 .fa-school:before {
-  content: "\f549";
+  content: "";
 }
 
 .fa-screwdriver:before {
-  content: "\f54a";
+  content: "";
 }
 
 .fa-scribd:before {
-  content: "\f28a";
+  content: "";
 }
 
 .fa-search:before {
-  content: "\f002";
+  content: "";
 }
 
 .fa-search-dollar:before {
-  content: "\f688";
+  content: "";
 }
 
 .fa-search-location:before {
-  content: "\f689";
+  content: "";
 }
 
 .fa-search-minus:before {
-  content: "\f010";
+  content: "";
 }
 
 .fa-search-plus:before {
-  content: "\f00e";
+  content: "";
 }
 
 .fa-searchengin:before {
-  content: "\f3eb";
+  content: "";
 }
 
 .fa-seedling:before {
-  content: "\f4d8";
+  content: "";
 }
 
 .fa-sellcast:before {
-  content: "\f2da";
+  content: "";
 }
 
 .fa-sellsy:before {
-  content: "\f213";
+  content: "";
 }
 
 .fa-server:before {
-  content: "\f233";
+  content: "";
 }
 
 .fa-servicestack:before {
-  content: "\f3ec";
+  content: "";
 }
 
 .fa-shapes:before {
-  content: "\f61f";
+  content: "";
 }
 
 .fa-share:before {
-  content: "\f064";
+  content: "";
 }
 
 .fa-share-alt:before {
-  content: "\f1e0";
+  content: "";
 }
 
 .fa-share-alt-square:before {
-  content: "\f1e1";
+  content: "";
 }
 
 .fa-share-square:before {
-  content: "\f14d";
+  content: "";
 }
 
 .fa-shekel-sign:before {
-  content: "\f20b";
+  content: "";
 }
 
 .fa-shield-alt:before {
-  content: "\f3ed";
+  content: "";
 }
 
 .fa-ship:before {
-  content: "\f21a";
+  content: "";
 }
 
 .fa-shipping-fast:before {
-  content: "\f48b";
+  content: "";
 }
 
 .fa-shirtsinbulk:before {
-  content: "\f214";
+  content: "";
 }
 
 .fa-shoe-prints:before {
-  content: "\f54b";
+  content: "";
 }
 
 .fa-shopping-bag:before {
-  content: "\f290";
+  content: "";
 }
 
 .fa-shopping-basket:before {
-  content: "\f291";
+  content: "";
 }
 
 .fa-shopping-cart:before {
-  content: "\f07a";
+  content: "";
 }
 
 .fa-shopware:before {
-  content: "\f5b5";
+  content: "";
 }
 
 .fa-shower:before {
-  content: "\f2cc";
+  content: "";
 }
 
 .fa-shuttle-van:before {
-  content: "\f5b6";
+  content: "";
 }
 
 .fa-sign:before {
-  content: "\f4d9";
+  content: "";
 }
 
 .fa-sign-in-alt:before {
-  content: "\f2f6";
+  content: "";
 }
 
 .fa-sign-language:before {
-  content: "\f2a7";
+  content: "";
 }
 
 .fa-sign-out-alt:before {
-  content: "\f2f5";
+  content: "";
 }
 
 .fa-signal:before {
-  content: "\f012";
+  content: "";
 }
 
 .fa-signature:before {
-  content: "\f5b7";
+  content: "";
 }
 
 .fa-simplybuilt:before {
-  content: "\f215";
+  content: "";
 }
 
 .fa-sistrix:before {
-  content: "\f3ee";
+  content: "";
 }
 
 .fa-sitemap:before {
-  content: "\f0e8";
+  content: "";
 }
 
 .fa-sith:before {
-  content: "\f512";
+  content: "";
 }
 
 .fa-skull:before {
-  content: "\f54c";
+  content: "";
 }
 
 .fa-skyatlas:before {
-  content: "\f216";
+  content: "";
 }
 
 .fa-skype:before {
-  content: "\f17e";
+  content: "";
 }
 
 .fa-slack:before {
-  content: "\f198";
+  content: "";
 }
 
 .fa-slack-hash:before {
-  content: "\f3ef";
+  content: "";
 }
 
 .fa-sliders-h:before {
-  content: "\f1de";
+  content: "";
 }
 
 .fa-slideshare:before {
-  content: "\f1e7";
+  content: "";
 }
 
 .fa-smile:before {
-  content: "\f118";
+  content: "";
 }
 
 .fa-smile-beam:before {
-  content: "\f5b8";
+  content: "";
 }
 
 .fa-smile-wink:before {
-  content: "\f4da";
+  content: "";
 }
 
 .fa-smoking:before {
-  content: "\f48d";
+  content: "";
 }
 
 .fa-smoking-ban:before {
-  content: "\f54d";
+  content: "";
 }
 
 .fa-snapchat:before {
-  content: "\f2ab";
+  content: "";
 }
 
 .fa-snapchat-ghost:before {
-  content: "\f2ac";
+  content: "";
 }
 
 .fa-snapchat-square:before {
-  content: "\f2ad";
+  content: "";
 }
 
 .fa-snowflake:before {
-  content: "\f2dc";
+  content: "";
 }
 
 .fa-socks:before {
-  content: "\f696";
+  content: "";
 }
 
 .fa-solar-panel:before {
-  content: "\f5ba";
+  content: "";
 }
 
 .fa-sort:before {
-  content: "\f0dc";
+  content: "";
 }
 
 .fa-sort-alpha-down:before {
-  content: "\f15d";
+  content: "";
 }
 
 .fa-sort-alpha-up:before {
-  content: "\f15e";
+  content: "";
 }
 
 .fa-sort-amount-down:before {
-  content: "\f160";
+  content: "";
 }
 
 .fa-sort-amount-up:before {
-  content: "\f161";
+  content: "";
 }
 
 .fa-sort-down:before {
-  content: "\f0dd";
+  content: "";
 }
 
 .fa-sort-numeric-down:before {
-  content: "\f162";
+  content: "";
 }
 
 .fa-sort-numeric-up:before {
-  content: "\f163";
+  content: "";
 }
 
 .fa-sort-up:before {
-  content: "\f0de";
+  content: "";
 }
 
 .fa-soundcloud:before {
-  content: "\f1be";
+  content: "";
 }
 
 .fa-spa:before {
-  content: "\f5bb";
+  content: "";
 }
 
 .fa-space-shuttle:before {
-  content: "\f197";
+  content: "";
 }
 
 .fa-speakap:before {
-  content: "\f3f3";
+  content: "";
 }
 
 .fa-spinner:before {
-  content: "\f110";
+  content: "";
 }
 
 .fa-splotch:before {
-  content: "\f5bc";
+  content: "";
 }
 
 .fa-spotify:before {
-  content: "\f1bc";
+  content: "";
 }
 
 .fa-spray-can:before {
-  content: "\f5bd";
+  content: "";
 }
 
 .fa-square:before {
-  content: "\f0c8";
+  content: "";
 }
 
 .fa-square-full:before {
-  content: "\f45c";
+  content: "";
 }
 
 .fa-square-root-alt:before {
-  content: "\f698";
+  content: "";
 }
 
 .fa-squarespace:before {
-  content: "\f5be";
+  content: "";
 }
 
 .fa-stack-exchange:before {
-  content: "\f18d";
+  content: "";
 }
 
 .fa-stack-overflow:before {
-  content: "\f16c";
+  content: "";
 }
 
 .fa-stamp:before {
-  content: "\f5bf";
+  content: "";
 }
 
 .fa-star:before {
-  content: "\f005";
+  content: "";
 }
 
 .fa-star-and-crescent:before {
-  content: "\f699";
+  content: "";
 }
 
 .fa-star-half:before {
-  content: "\f089";
+  content: "";
 }
 
 .fa-star-half-alt:before {
-  content: "\f5c0";
+  content: "";
 }
 
 .fa-star-of-david:before {
-  content: "\f69a";
+  content: "";
 }
 
 .fa-star-of-life:before {
-  content: "\f621";
+  content: "";
 }
 
 .fa-staylinked:before {
-  content: "\f3f5";
+  content: "";
 }
 
 .fa-steam:before {
-  content: "\f1b6";
+  content: "";
 }
 
 .fa-steam-square:before {
-  content: "\f1b7";
+  content: "";
 }
 
 .fa-steam-symbol:before {
-  content: "\f3f6";
+  content: "";
 }
 
 .fa-step-backward:before {
-  content: "\f048";
+  content: "";
 }
 
 .fa-step-forward:before {
-  content: "\f051";
+  content: "";
 }
 
 .fa-stethoscope:before {
-  content: "\f0f1";
+  content: "";
 }
 
 .fa-sticker-mule:before {
-  content: "\f3f7";
+  content: "";
 }
 
 .fa-sticky-note:before {
-  content: "\f249";
+  content: "";
 }
 
 .fa-stop:before {
-  content: "\f04d";
+  content: "";
 }
 
 .fa-stop-circle:before {
-  content: "\f28d";
+  content: "";
 }
 
 .fa-stopwatch:before {
-  content: "\f2f2";
+  content: "";
 }
 
 .fa-store:before {
-  content: "\f54e";
+  content: "";
 }
 
 .fa-store-alt:before {
-  content: "\f54f";
+  content: "";
 }
 
 .fa-strava:before {
-  content: "\f428";
+  content: "";
 }
 
 .fa-stream:before {
-  content: "\f550";
+  content: "";
 }
 
 .fa-street-view:before {
-  content: "\f21d";
+  content: "";
 }
 
 .fa-strikethrough:before {
-  content: "\f0cc";
+  content: "";
 }
 
 .fa-stripe:before {
-  content: "\f429";
+  content: "";
 }
 
 .fa-stripe-s:before {
-  content: "\f42a";
+  content: "";
 }
 
 .fa-stroopwafel:before {
-  content: "\f551";
+  content: "";
 }
 
 .fa-studiovinari:before {
-  content: "\f3f8";
+  content: "";
 }
 
 .fa-stumbleupon:before {
-  content: "\f1a4";
+  content: "";
 }
 
 .fa-stumbleupon-circle:before {
-  content: "\f1a3";
+  content: "";
 }
 
 .fa-subscript:before {
-  content: "\f12c";
+  content: "";
 }
 
 .fa-subway:before {
-  content: "\f239";
+  content: "";
 }
 
 .fa-suitcase:before {
-  content: "\f0f2";
+  content: "";
 }
 
 .fa-suitcase-rolling:before {
-  content: "\f5c1";
+  content: "";
 }
 
 .fa-sun:before {
-  content: "\f185";
+  content: "";
 }
 
 .fa-superpowers:before {
-  content: "\f2dd";
+  content: "";
 }
 
 .fa-superscript:before {
-  content: "\f12b";
+  content: "";
 }
 
 .fa-supple:before {
-  content: "\f3f9";
+  content: "";
 }
 
 .fa-surprise:before {
-  content: "\f5c2";
+  content: "";
 }
 
 .fa-swatchbook:before {
-  content: "\f5c3";
+  content: "";
 }
 
 .fa-swimmer:before {
-  content: "\f5c4";
+  content: "";
 }
 
 .fa-swimming-pool:before {
-  content: "\f5c5";
+  content: "";
 }
 
 .fa-synagogue:before {
-  content: "\f69b";
+  content: "";
 }
 
 .fa-sync:before {
-  content: "\f021";
+  content: "";
 }
 
 .fa-sync-alt:before {
-  content: "\f2f1";
+  content: "";
 }
 
 .fa-syringe:before {
-  content: "\f48e";
+  content: "";
 }
 
 .fa-table:before {
-  content: "\f0ce";
+  content: "";
 }
 
 .fa-table-tennis:before {
-  content: "\f45d";
+  content: "";
 }
 
 .fa-tablet:before {
-  content: "\f10a";
+  content: "";
 }
 
 .fa-tablet-alt:before {
-  content: "\f3fa";
+  content: "";
 }
 
 .fa-tablets:before {
-  content: "\f490";
+  content: "";
 }
 
 .fa-tachometer-alt:before {
-  content: "\f3fd";
+  content: "";
 }
 
 .fa-tag:before {
-  content: "\f02b";
+  content: "";
 }
 
 .fa-tags:before {
-  content: "\f02c";
+  content: "";
 }
 
 .fa-tape:before {
-  content: "\f4db";
+  content: "";
 }
 
 .fa-tasks:before {
-  content: "\f0ae";
+  content: "";
 }
 
 .fa-taxi:before {
-  content: "\f1ba";
+  content: "";
 }
 
 .fa-teamspeak:before {
-  content: "\f4f9";
+  content: "";
 }
 
 .fa-teeth:before {
-  content: "\f62e";
+  content: "";
 }
 
 .fa-teeth-open:before {
-  content: "\f62f";
+  content: "";
 }
 
 .fa-telegram:before {
-  content: "\f2c6";
+  content: "";
 }
 
 .fa-telegram-plane:before {
-  content: "\f3fe";
+  content: "";
 }
 
 .fa-tencent-weibo:before {
-  content: "\f1d5";
+  content: "";
 }
 
 .fa-terminal:before {
-  content: "\f120";
+  content: "";
 }
 
 .fa-text-height:before {
-  content: "\f034";
+  content: "";
 }
 
 .fa-text-width:before {
-  content: "\f035";
+  content: "";
 }
 
 .fa-th:before {
-  content: "\f00a";
+  content: "";
 }
 
 .fa-th-large:before {
-  content: "\f009";
+  content: "";
 }
 
 .fa-th-list:before {
-  content: "\f00b";
+  content: "";
 }
 
 .fa-the-red-yeti:before {
-  content: "\f69d";
+  content: "";
 }
 
 .fa-theater-masks:before {
-  content: "\f630";
+  content: "";
 }
 
 .fa-themeco:before {
-  content: "\f5c6";
+  content: "";
 }
 
 .fa-themeisle:before {
-  content: "\f2b2";
+  content: "";
 }
 
 .fa-thermometer:before {
-  content: "\f491";
+  content: "";
 }
 
 .fa-thermometer-empty:before {
-  content: "\f2cb";
+  content: "";
 }
 
 .fa-thermometer-full:before {
-  content: "\f2c7";
+  content: "";
 }
 
 .fa-thermometer-half:before {
-  content: "\f2c9";
+  content: "";
 }
 
 .fa-thermometer-quarter:before {
-  content: "\f2ca";
+  content: "";
 }
 
 .fa-thermometer-three-quarters:before {
-  content: "\f2c8";
+  content: "";
 }
 
 .fa-thumbs-down:before {
-  content: "\f165";
+  content: "";
 }
 
 .fa-thumbs-up:before {
-  content: "\f164";
+  content: "";
 }
 
 .fa-thumbtack:before {
-  content: "\f08d";
+  content: "";
 }
 
 .fa-ticket-alt:before {
-  content: "\f3ff";
+  content: "";
 }
 
 .fa-times:before {
-  content: "\f00d";
+  content: "";
 }
 
 .fa-times-circle:before {
-  content: "\f057";
+  content: "";
 }
 
 .fa-tint:before {
-  content: "\f043";
+  content: "";
 }
 
 .fa-tint-slash:before {
-  content: "\f5c7";
+  content: "";
 }
 
 .fa-tired:before {
-  content: "\f5c8";
+  content: "";
 }
 
 .fa-toggle-off:before {
-  content: "\f204";
+  content: "";
 }
 
 .fa-toggle-on:before {
-  content: "\f205";
+  content: "";
 }
 
 .fa-toolbox:before {
-  content: "\f552";
+  content: "";
 }
 
 .fa-tooth:before {
-  content: "\f5c9";
+  content: "";
 }
 
 .fa-torah:before {
-  content: "\f6a0";
+  content: "";
 }
 
 .fa-torii-gate:before {
-  content: "\f6a1";
+  content: "";
 }
 
 .fa-trade-federation:before {
-  content: "\f513";
+  content: "";
 }
 
 .fa-trademark:before {
-  content: "\f25c";
+  content: "";
 }
 
 .fa-traffic-light:before {
-  content: "\f637";
+  content: "";
 }
 
 .fa-train:before {
-  content: "\f238";
+  content: "";
 }
 
 .fa-transgender:before {
-  content: "\f224";
+  content: "";
 }
 
 .fa-transgender-alt:before {
-  content: "\f225";
+  content: "";
 }
 
 .fa-trash:before {
-  content: "\f1f8";
+  content: "";
 }
 
 .fa-trash-alt:before {
-  content: "\f2ed";
+  content: "";
 }
 
 .fa-tree:before {
-  content: "\f1bb";
+  content: "";
 }
 
 .fa-trello:before {
-  content: "\f181";
+  content: "";
 }
 
 .fa-tripadvisor:before {
-  content: "\f262";
+  content: "";
 }
 
 .fa-trophy:before {
-  content: "\f091";
+  content: "";
 }
 
 .fa-truck:before {
-  content: "\f0d1";
+  content: "";
 }
 
 .fa-truck-loading:before {
-  content: "\f4de";
+  content: "";
 }
 
 .fa-truck-monster:before {
-  content: "\f63b";
+  content: "";
 }
 
 .fa-truck-moving:before {
-  content: "\f4df";
+  content: "";
 }
 
 .fa-truck-pickup:before {
-  content: "\f63c";
+  content: "";
 }
 
 .fa-tshirt:before {
-  content: "\f553";
+  content: "";
 }
 
 .fa-tty:before {
-  content: "\f1e4";
+  content: "";
 }
 
 .fa-tumblr:before {
-  content: "\f173";
+  content: "";
 }
 
 .fa-tumblr-square:before {
-  content: "\f174";
+  content: "";
 }
 
 .fa-tv:before {
-  content: "\f26c";
+  content: "";
 }
 
 .fa-twitch:before {
-  content: "\f1e8";
+  content: "";
 }
 
 .fa-twitter:before {
-  content: "\f099";
+  content: "";
 }
 
 .fa-twitter-square:before {
-  content: "\f081";
+  content: "";
 }
 
 .fa-typo3:before {
-  content: "\f42b";
+  content: "";
 }
 
 .fa-uber:before {
-  content: "\f402";
+  content: "";
 }
 
 .fa-uikit:before {
-  content: "\f403";
+  content: "";
 }
 
 .fa-umbrella:before {
-  content: "\f0e9";
+  content: "";
 }
 
 .fa-umbrella-beach:before {
-  content: "\f5ca";
+  content: "";
 }
 
 .fa-underline:before {
-  content: "\f0cd";
+  content: "";
 }
 
 .fa-undo:before {
-  content: "\f0e2";
+  content: "";
 }
 
 .fa-undo-alt:before {
-  content: "\f2ea";
+  content: "";
 }
 
 .fa-uniregistry:before {
-  content: "\f404";
+  content: "";
 }
 
 .fa-universal-access:before {
-  content: "\f29a";
+  content: "";
 }
 
 .fa-university:before {
-  content: "\f19c";
+  content: "";
 }
 
 .fa-unlink:before {
-  content: "\f127";
+  content: "";
 }
 
 .fa-unlock:before {
-  content: "\f09c";
+  content: "";
 }
 
 .fa-unlock-alt:before {
-  content: "\f13e";
+  content: "";
 }
 
 .fa-untappd:before {
-  content: "\f405";
+  content: "";
 }
 
 .fa-upload:before {
-  content: "\f093";
+  content: "";
 }
 
 .fa-usb:before {
-  content: "\f287";
+  content: "";
 }
 
 .fa-user:before {
-  content: "\f007";
+  content: "";
 }
 
 .fa-user-alt:before {
-  content: "\f406";
+  content: "";
 }
 
 .fa-user-alt-slash:before {
-  content: "\f4fa";
+  content: "";
 }
 
 .fa-user-astronaut:before {
-  content: "\f4fb";
+  content: "";
 }
 
 .fa-user-check:before {
-  content: "\f4fc";
+  content: "";
 }
 
 .fa-user-circle:before {
-  content: "\f2bd";
+  content: "";
 }
 
 .fa-user-clock:before {
-  content: "\f4fd";
+  content: "";
 }
 
 .fa-user-cog:before {
-  content: "\f4fe";
+  content: "";
 }
 
 .fa-user-edit:before {
-  content: "\f4ff";
+  content: "";
 }
 
 .fa-user-friends:before {
-  content: "\f500";
+  content: "";
 }
 
 .fa-user-graduate:before {
-  content: "\f501";
+  content: "";
 }
 
 .fa-user-lock:before {
-  content: "\f502";
+  content: "";
 }
 
 .fa-user-md:before {
-  content: "\f0f0";
+  content: "";
 }
 
 .fa-user-minus:before {
-  content: "\f503";
+  content: "";
 }
 
 .fa-user-ninja:before {
-  content: "\f504";
+  content: "";
 }
 
 .fa-user-plus:before {
-  content: "\f234";
+  content: "";
 }
 
 .fa-user-secret:before {
-  content: "\f21b";
+  content: "";
 }
 
 .fa-user-shield:before {
-  content: "\f505";
+  content: "";
 }
 
 .fa-user-slash:before {
-  content: "\f506";
+  content: "";
 }
 
 .fa-user-tag:before {
-  content: "\f507";
+  content: "";
 }
 
 .fa-user-tie:before {
-  content: "\f508";
+  content: "";
 }
 
 .fa-user-times:before {
-  content: "\f235";
+  content: "";
 }
 
 .fa-users:before {
-  content: "\f0c0";
+  content: "";
 }
 
 .fa-users-cog:before {
-  content: "\f509";
+  content: "";
 }
 
 .fa-ussunnah:before {
-  content: "\f407";
+  content: "";
 }
 
 .fa-utensil-spoon:before {
-  content: "\f2e5";
+  content: "";
 }
 
 .fa-utensils:before {
-  content: "\f2e7";
+  content: "";
 }
 
 .fa-vaadin:before {
-  content: "\f408";
+  content: "";
 }
 
 .fa-vector-square:before {
-  content: "\f5cb";
+  content: "";
 }
 
 .fa-venus:before {
-  content: "\f221";
+  content: "";
 }
 
 .fa-venus-double:before {
-  content: "\f226";
+  content: "";
 }
 
 .fa-venus-mars:before {
-  content: "\f228";
+  content: "";
 }
 
 .fa-viacoin:before {
-  content: "\f237";
+  content: "";
 }
 
 .fa-viadeo:before {
-  content: "\f2a9";
+  content: "";
 }
 
 .fa-viadeo-square:before {
-  content: "\f2aa";
+  content: "";
 }
 
 .fa-vial:before {
-  content: "\f492";
+  content: "";
 }
 
 .fa-vials:before {
-  content: "\f493";
+  content: "";
 }
 
 .fa-viber:before {
-  content: "\f409";
+  content: "";
 }
 
 .fa-video:before {
-  content: "\f03d";
+  content: "";
 }
 
 .fa-video-slash:before {
-  content: "\f4e2";
+  content: "";
 }
 
 .fa-vihara:before {
-  content: "\f6a7";
+  content: "";
 }
 
 .fa-vimeo:before {
-  content: "\f40a";
+  content: "";
 }
 
 .fa-vimeo-square:before {
-  content: "\f194";
+  content: "";
 }
 
 .fa-vimeo-v:before {
-  content: "\f27d";
+  content: "";
 }
 
 .fa-vine:before {
-  content: "\f1ca";
+  content: "";
 }
 
 .fa-vk:before {
-  content: "\f189";
+  content: "";
 }
 
 .fa-vnv:before {
-  content: "\f40b";
+  content: "";
 }
 
 .fa-volleyball-ball:before {
-  content: "\f45f";
+  content: "";
 }
 
 .fa-volume-down:before {
-  content: "\f027";
+  content: "";
 }
 
 .fa-volume-off:before {
-  content: "\f026";
+  content: "";
 }
 
 .fa-volume-up:before {
-  content: "\f028";
+  content: "";
 }
 
 .fa-vuejs:before {
-  content: "\f41f";
+  content: "";
 }
 
 .fa-walking:before {
-  content: "\f554";
+  content: "";
 }
 
 .fa-wallet:before {
-  content: "\f555";
+  content: "";
 }
 
 .fa-warehouse:before {
-  content: "\f494";
+  content: "";
 }
 
 .fa-weebly:before {
-  content: "\f5cc";
+  content: "";
 }
 
 .fa-weibo:before {
-  content: "\f18a";
+  content: "";
 }
 
 .fa-weight:before {
-  content: "\f496";
+  content: "";
 }
 
 .fa-weight-hanging:before {
-  content: "\f5cd";
+  content: "";
 }
 
 .fa-weixin:before {
-  content: "\f1d7";
+  content: "";
 }
 
 .fa-whatsapp:before {
-  content: "\f232";
+  content: "";
 }
 
 .fa-whatsapp-square:before {
-  content: "\f40c";
+  content: "";
 }
 
 .fa-wheelchair:before {
-  content: "\f193";
+  content: "";
 }
 
 .fa-whmcs:before {
-  content: "\f40d";
+  content: "";
 }
 
 .fa-wifi:before {
-  content: "\f1eb";
+  content: "";
 }
 
 .fa-wikipedia-w:before {
-  content: "\f266";
+  content: "";
 }
 
 .fa-window-close:before {
-  content: "\f410";
+  content: "";
 }
 
 .fa-window-maximize:before {
-  content: "\f2d0";
+  content: "";
 }
 
 .fa-window-minimize:before {
-  content: "\f2d1";
+  content: "";
 }
 
 .fa-window-restore:before {
-  content: "\f2d2";
+  content: "";
 }
 
 .fa-windows:before {
-  content: "\f17a";
+  content: "";
 }
 
 .fa-wine-glass:before {
-  content: "\f4e3";
+  content: "";
 }
 
 .fa-wine-glass-alt:before {
-  content: "\f5ce";
+  content: "";
 }
 
 .fa-wix:before {
-  content: "\f5cf";
+  content: "";
 }
 
 .fa-wolf-pack-battalion:before {
-  content: "\f514";
+  content: "";
 }
 
 .fa-won-sign:before {
-  content: "\f159";
+  content: "";
 }
 
 .fa-wordpress:before {
-  content: "\f19a";
+  content: "";
 }
 
 .fa-wordpress-simple:before {
-  content: "\f411";
+  content: "";
 }
 
 .fa-wpbeginner:before {
-  content: "\f297";
+  content: "";
 }
 
 .fa-wpexplorer:before {
-  content: "\f2de";
+  content: "";
 }
 
 .fa-wpforms:before {
-  content: "\f298";
+  content: "";
 }
 
 .fa-wrench:before {
-  content: "\f0ad";
+  content: "";
 }
 
 .fa-x-ray:before {
-  content: "\f497";
+  content: "";
 }
 
 .fa-xbox:before {
-  content: "\f412";
+  content: "";
 }
 
 .fa-xing:before {
-  content: "\f168";
+  content: "";
 }
 
 .fa-xing-square:before {
-  content: "\f169";
+  content: "";
 }
 
 .fa-y-combinator:before {
-  content: "\f23b";
+  content: "";
 }
 
 .fa-yahoo:before {
-  content: "\f19e";
+  content: "";
 }
 
 .fa-yandex:before {
-  content: "\f413";
+  content: "";
 }
 
 .fa-yandex-international:before {
-  content: "\f414";
+  content: "";
 }
 
 .fa-yelp:before {
-  content: "\f1e9";
+  content: "";
 }
 
 .fa-yen-sign:before {
-  content: "\f157";
+  content: "";
 }
 
 .fa-yin-yang:before {
-  content: "\f6ad";
+  content: "";
 }
 
 .fa-yoast:before {
-  content: "\f2b1";
+  content: "";
 }
 
 .fa-youtube:before {
-  content: "\f167";
+  content: "";
 }
 
 .fa-youtube-square:before {
-  content: "\f431";
+  content: "";
 }
 
 .fa-zhihu:before {
-  content: "\f63f";
+  content: "";
 }
 
 .sr-only {
@@ -5353,22 +5353,22 @@ and open the template in the editor.
   color: #E5E5E5;
 }
 .enka-custom-radio.star::before {
-  content: "\f005";
+  content: "";
 }
 .enka-custom-radio.thumb::before {
-  content: "\f164";
+  content: "";
 }
 .enka-custom-radio.smiley::before {
-  content: "\f118";
+  content: "";
 }
 .enka-custom-radio.heart::before {
-  content: "\f004";
+  content: "";
 }
 .enka-custom-radio.flag::before {
-  content: "\f024";
+  content: "";
 }
 .enka-custom-radio.user::before {
-  content: "\f007";
+  content: "";
 }
 
 /* visual analog scale - radio buttons */
@@ -5379,25 +5379,25 @@ and open the template in the editor.
   color: #E5E5E5;
 }
 .enka-vizualna-skala.siv-61::before, .enka-vizualna-skala.siv-71::before {
-  content: "\f5b4";
+  content: "";
 }
 .enka-vizualna-skala.siv-41::before, .enka-vizualna-skala.siv-51::before, .enka-vizualna-skala.siv-62::before, .enka-vizualna-skala.siv-72::before {
-  content: "\f57a";
+  content: "";
 }
 .enka-vizualna-skala.siv-21::before, .enka-vizualna-skala.siv-31::before, .enka-vizualna-skala.siv-42::before, .enka-vizualna-skala.siv-52::before, .enka-vizualna-skala.siv-63::before, .enka-vizualna-skala.siv-73::before {
-  content: "\f119";
+  content: "";
 }
 .enka-vizualna-skala.siv-32::before, .enka-vizualna-skala.siv-53::before, .enka-vizualna-skala.siv-74::before {
-  content: "\f11a";
+  content: "";
 }
 .enka-vizualna-skala.siv-22::before, .enka-vizualna-skala.siv-33::before, .enka-vizualna-skala.siv-43::before, .enka-vizualna-skala.siv-54::before, .enka-vizualna-skala.siv-64::before, .enka-vizualna-skala.siv-75::before {
-  content: "\f118";
+  content: "";
 }
 .enka-vizualna-skala.siv-44::before, .enka-vizualna-skala.siv-55::before, .enka-vizualna-skala.siv-65::before, .enka-vizualna-skala.siv-76::before {
-  content: "\f580";
+  content: "";
 }
 .enka-vizualna-skala.siv-66::before, .enka-vizualna-skala.siv-77::before {
-  content: "\f59c";
+  content: "";
 }
 
 /*
@@ -5411,88 +5411,88 @@ and open the template in the editor.
 */
 /* icons */
 span.faicon.plus::before {
-  content: "\f067";
+  content: "";
 }
 
 span.faicon.minus::before {
-  content: "\f068";
+  content: "";
 }
 
 span.faicon.success::before,
 span.circle-check::before {
-  content: "\f058";
+  content: "";
 }
 
 span.faicon.close::before {
   font-size: 18px;
   font-weight: 400;
-  content: "\f057";
+  content: "";
 }
 
 span.faicon.dropdown_blue::before {
   font-size: 16px;
-  content: "\f13a";
+  content: "";
 }
 
 span.faicon.dropup_blue::before {
   font-size: 16px;
-  content: "\f139";
+  content: "";
 }
 
 span.faicon.arrow_back::before {
   font-weight: 600;
   font-size: 16px;
-  content: "\f137";
+  content: "";
 }
 
 span.faicon.add::before {
   font-size: 18px;
-  content: "\f055";
+  content: "";
 }
 
 span.faicon.remove::before {
   font-size: 18px;
-  content: "\f056";
+  content: "";
 }
 
 span.faicon.delete::before {
   font-size: 18px;
   font-weight: 400;
-  content: "\f2ed";
+  content: "";
 }
 
 span.faicon.anketa_delete::before {
   font-size: 24px;
   font-weight: 400;
-  content: "\f2ed";
+  content: "";
 }
 
 span.faicon.copy::before {
   font-size: 18px;
-  content: "\f0c5";
+  content: "";
   font-weight: 400;
 }
 
 span.faicon.anketa_copy::before {
   font-size: 24px;
-  content: "\f0c5";
+  content: "";
   font-weight: 400;
 }
 
 span.faicon.export::before {
   font-size: 24px;
-  content: "\f56e";
+  content: "";
 }
 
 span.faicon.file-import::before {
-  content: "\f56f";
+  content: "";
   transform: scaleX(-1);
 }
 
 span.faicon.import::before {
   font-size: 24px;
   font-weight: 400;
-  content: "\f1c2";
+  content: "";
 }
 
 /*span.faicon.import::after{
@@ -5502,137 +5502,137 @@ span.faicon.import::before {
 }*/
 span.faicon.library::before {
   font-size: 24px;
-  content: "\f518";
+  content: "";
 }
 
 span.faicon.folder::before {
   font-size: 16px;
   font-weight: 600;
-  content: "\f07b";
+  content: "";
 }
 
 span.faicon.folder_empty::before {
   font-size: 16px;
   font-weight: 400;
-  content: "\f07b";
+  content: "";
 }
 
 span.faicon.after.sort_down_arrow::after {
-  content: "\f0d7";
+  content: "";
   margin-left: 5px;
 }
 
 span.faicon.after.sort_up_arrow::after {
-  content: "\f0d8";
+  content: "";
   margin-left: 5px;
 }
 
 span.faicon.info::before {
   font-size: 28px;
-  content: "\f05a";
+  content: "";
   vertical-align: middle;
 }
 
 span.faicon.pagination_left::before {
   margin: 0 1px 0 1px;
-  content: "\f104";
+  content: "";
 }
 
 span.faicon.pagination_right::before {
   margin: 0 0 0 1px;
-  content: "\f105";
+  content: "";
 }
 
 span.faicon.edit::before,
 span.faicon.edit2::before {
-  content: "\f304";
+  content: "";
 }
 
 span.faicon.refresh::before {
   font-size: 18px;
-  content: "\f2f1";
+  content: "";
 }
 
 span.faicon.filter::before {
   font-size: 18px;
-  content: "\f0b0";
+  content: "";
 }
 
 span.faicon.grip::before {
-  content: "\f58e";
+  content: "";
 }
 
 span.faicon.star::before,
 span.faicon.star_off::before {
   font-size: 14px;
   font-weight: 400;
-  content: "\f005";
+  content: "";
 }
 
 span.faicon.star_on::before {
   font-size: 14px;
   font-weight: 700;
-  content: "\f005";
+  content: "";
 }
 
 span.faicon.search::before {
   font-size: 20px;
-  content: "\f002";
+  content: "";
 }
 
 span.faicon.clipboard_notes::before {
   font-size: 20px;
-  content: "\f46d";
+  content: "";
 }
 
 span.faicon.help2::before {
   font-size: 20px;
-  content: "\f059";
+  content: "";
 }
 
 span.faicon.user::before {
   font-size: 18px;
-  content: "\f007";
+  content: "";
 }
 
 span.faicon.logout::before {
   font-size: 20px;
-  content: "\f2f5";
+  content: "";
 }
 
 .faicon.monitor::before {
-  content: "\f108";
+  content: "";
 }
 
 .faicon.mobile::before {
-  content: "\f3cd";
+  content: "";
 }
 
 .faicon.tablet::before {
-  content: "\f3fa";
+  content: "";
 }
 
 span.faicon.users::before {
-  content: "\f500";
+  content: "";
 }
 
 span.faicon.lock_open::before {
-  content: "\f3c1";
+  content: "";
 }
 
 span.faicon.lock_close::before {
-  content: "\f023";
+  content: "";
 }
 
 span.faicon.bottom_saving::before {
   font-size: 24px;
   font-weight: 400;
-  content: "\f0c7";
+  content: "";
 }
 
 span.faicon.bottom_publish::before {
   font-size: 24px;
-  content: "\f093";
+  content: "";
 }
 
 span.faicon.bottom_preview {
@@ -5642,63 +5642,63 @@ span.faicon.bottom_preview {
 span.faicon.bottom_preview::before {
   font-size: 24px;
   font-weight: 400;
-  content: "\f15b";
+  content: "";
 }
 
 span.faicon.bottom_preview::after {
   font-size: 14px;
-  content: "\f002";
+  content: "";
   display: inline-block;
   margin-left: -70%;
 }
 
 span.faicon.bottom_test::before {
   font-size: 24px;
-  content: "\f492";
+  content: "";
 }
 
 span.faicon.language::before {
   font-size: 24px;
-  content: "\f0ac";
+  content: "";
 }
 
 span.faicon.mobile_off::before {
   font-size: 24px;
-  content: "\f3cd";
+  content: "";
 }
 
 span.faicon.mobile_off::after {
   font-size: 24px;
-  content: "\f715";
+  content: "";
   margin-left: -23px;
 }
 
 span.faicon.comments::before {
-  content: "\f27a";
+  content: "";
   font-weight: 700;
 }
 
 span.faicon.comments_empty::before {
-  content: "\f27a";
+  content: "";
   font-weight: 400;
 }
 
 span.faicon.data_link::before {
-  content: "\f0c1";
+  content: "";
 }
 
 span.faicon.data_link_small::before {
-  content: "\f0c1";
+  content: "";
 }
 
 span.faicon.print::before {
   font-size: 24px;
-  content: "\f02f";
+  content: "";
 }
 
 span.faicon.print_small::before {
   font-size: 16px;
-  content: "\f02f";
+  content: "";
 }
 
 span.faicon.preview {
@@ -5708,11 +5708,11 @@ span.faicon.preview {
 span.faicon.preview::before {
   font-size: 18px;
   font-weight: 400;
-  content: "\f15b";
+  content: "";
 }
 
 span.faicon.preview::after {
-  content: "\f002";
+  content: "";
   display: inline-block;
   font-size: 11px;
   margin-left: -50%;
@@ -5720,87 +5720,87 @@ span.faicon.preview::after {
 
 span.faicon.palette::before {
   font-size: 18px;
-  content: "\f53f";
+  content: "";
 }
 
 span.faicon.inline_comment::before {
   font-size: 14px;
   font-weight: 400;
-  content: "\f075";
+  content: "";
 }
 
 span.faicon.inline_double_comment::before {
   font-size: 14px;
   font-weight: 400;
-  content: "\f086";
+  content: "";
 }
 
 span.faicon.comments_creport::before {
   font-size: 16px;
-  content: "\f086";
+  content: "";
 }
 
 span.faicon.compress::before {
   font-size: 15px;
-  content: "\f066";
+  content: "";
 }
 
 span.faicon.expand::before {
   font-size: 15px;
-  content: "\f065";
+  content: "";
 }
 
 span.faicon.hashtag::before {
   font-size: 15px;
-  content: "\f292";
+  content: "";
 }
 
 span.faicon.bug::before {
   font-size: 15px;
-  content: "\f188";
+  content: "";
 }
 
 span.faicon.paragraph::before {
   font-size: 15px;
-  content: "\f1dd";
+  content: "";
 }
 
 span.faicon.replace::before {
   font-size: 15px;
-  content: "\f362";
+  content: "";
 }
 
 span.faicon.plus_square::before {
   font-size: 15px;
   font-weight: 400;
-  content: "\f0fe";
+  content: "";
 }
 
 span.faicon.minus_square::before {
   font-size: 15px;
   font-weight: 400;
-  content: "\f146";
+  content: "";
 }
 
 span.faicon.delete_circle::before {
   font-size: 14px;
-  content: "\f056";
+  content: "";
 }
 
 span.faicon.quick_view::before {
   font-size: 15px;
   font-weight: 400;
-  content: "\f06e";
+  content: "";
 }
 
 span.faicon.edit_square::before {
   font-size: 15px;
-  content: "\f044";
+  content: "";
 }
 
 span.faicon.test::before {
   font-size: 15px;
-  content: "\f492";
+  content: "";
 }
 
 a.faicon.if_add {
@@ -5836,7 +5836,7 @@ span.faicon.if_add:hover:before {
 }
 
 span.faicon.text_file::before {
-  content: "\f15c";
+  content: "";
 }
 
 span.faicon.text_file_small {
@@ -5846,40 +5846,40 @@ span.faicon.text_file_small {
 span.faicon.text_file_small:before {
   font-size: 18px;
   font-weight: 400;
-  content: "\f15c";
+  content: "";
 }
 
 span.faicon.warning::before {
   font-size: 16px;
-  content: "\f071";
+  content: "";
 }
 
 span.faicon.users_small::before {
   font-size: 16px;
-  content: "\f0c0";
+  content: "";
 }
 
 span.faicon.popup_0::before {
   font-size: 14px;
-  content: "\f065";
+  content: "";
   color: #1E88E5;
 }
 
 span.faicon.popup_1::before {
   font-size: 14px;
-  content: "\f065";
+  content: "";
   color: #0059ab;
 }
 
 span.faicon.flat_0::before {
   font-size: 14px;
-  content: "\f03c";
+  content: "";
   color: #0059ab;
 }
 
 span.faicon.flat_1::before {
   font-size: 14px;
-  content: "\f03c";
+  content: "";
   color: #1E88E5;
 }
 
@@ -5894,46 +5894,46 @@ span.basic-icon.spss::before {
 span.faicon.external_link::before {
   font-size: 14px;
   font-weight: 600;
-  content: "\f35d";
+  content: "";
 }
 
 span.faicon.cog_large::before {
   font-size: 34px;
   font-weight: 600;
-  content: "\f013";
+  content: "";
 }
 
 span.faicon.chart_large::before {
   font-size: 34px;
   font-weight: 600;
-  content: "\f201";
+  content: "";
 }
 
 span.faicon.reload_large::before {
   font-size: 34px;
   font-weight: 600;
-  content: "\f021";
+  content: "";
 }
 
 span.faicon.chart::before {
-  content: "\f080";
+  content: "";
   font-size: 16px;
   font-weight: 600;
 }
 
 span.faicon.data::before {
-  content: "\f1c0";
+  content: "";
   font-size: 16px;
   font-weight: 600;
 }
 
 span.faicon.publish::before {
-  content: "\f093";
+  content: "";
   font-size: 16px;
 }
 
 span.faicon.test::before {
-  content: "\f492";
+  content: "";
   font-size: 16px;
 }
 
@@ -5943,63 +5943,63 @@ button.ui-datepicker-trigger::before {
   font-family: "Font Awesome 5 Free";
   font-weight: 400;
   font-size: 16px;
-  content: "\f073";
+  content: "";
 }
 
 /* ARROWS */
 span.faicon.arrow_up::before {
   font-size: 14px;
-  content: "\f062";
+  content: "";
 }
 
 span.faicon.arrow2_r::before {
   font-size: 14px;
-  content: "\f054";
+  content: "";
 }
 
 span.faicon.arrow2_l::before {
   font-size: 14px;
-  content: "\f053";
+  content: "";
 }
 
 span.faicon.arrow2_d::before {
   font-size: 14px;
-  content: "\f078";
+  content: "";
 }
 
 span.faicon.arrow2_u::before {
   font-size: 14px;
-  content: "\f077";
+  content: "";
 }
 
 span.faicon.arrow_large2_r::before {
   font-size: 35px;
-  content: "\f054";
+  content: "";
 }
 
 span.faicon.arrow_large2_l::before {
   font-size: 35px;
-  content: "\f053";
+  content: "";
 }
 
 span.faicon.arrow_verylarge2_r::before {
   font-size: 40px;
-  content: "\f054";
+  content: "";
 }
 
 span.faicon.arrow_verylarge2_l::before {
   font-size: 40px;
-  content: "\f053";
+  content: "";
 }
 
 span.faicon.sort_descending::before {
   font-size: 14px;
-  content: "\f0d7";
+  content: "";
 }
 
 span.faicon.sort_ascending::before {
   font-size: 14px;
-  content: "\f0d8";
+  content: "";
 }
 
 /* Plus/minus sqare */
@@ -6011,127 +6011,127 @@ span.folder_plusminus {
 span.faicon.plus_orange::before {
   font-size: 12px;
   font-weight: 400;
-  content: "\f0fe";
+  content: "";
 }
 
 span.faicon.minus_orange::before {
   font-size: 12px;
   font-weight: 400;
-  content: "\f146";
+  content: "";
 }
 
 /* Spinner */
 span.faicon.spinner::before {
   font-size: 18px;
-  content: "\f1ce";
+  content: "";
 }
 
 /* Bars - mobile menu */
 span.faicon.bars::before {
   font-size: 26px;
-  content: "\f0c9";
+  content: "";
 }
 
 span.faicon.lock_open::before {
-  content: "\f3c1";
+  content: "";
 }
 
 span.faicon.lock_close::before {
-  content: "\f023";
+  content: "";
 }
 
 span.faicon.bell::before {
-  content: "\f0f3";
+  content: "";
 }
 
 span.faicon.bell_slash::before {
-  content: "\f1f6";
+  content: "";
 }
 
 span.faicon.trash::before {
-  content: "\f2ed";
+  content: "";
 }
 
 span.faicon.copy::before {
-  content: "\f0c5";
+  content: "";
 }
 
 span.faicon.circle::before {
-  content: "\f111";
+  content: "";
   vertical-align: middle;
 }
 
 span.faicon.plus::before {
-  content: "\f067";
+  content: "";
 }
 
 span.faicon.plus_circle::before {
-  content: "\f055";
+  content: "";
 }
 
 span.faicon.minus_circle::before {
-  content: "\f056";
+  content: "";
 }
 
 span.faicon.calendar_icon::before {
-  content: "\f073";
+  content: "";
 }
 
 span.faicon.clipboard::before {
-  content: "\f328";
+  content: "";
 }
 
 span.faicon.list-alt::before {
-  content: "\f022";
+  content: "";
 }
 
 span.faicon.vote-yes::before {
-  content: "\f772";
+  content: "";
 }
 
 span.faicon.file-preview::before {
-  content: "\f865";
+  content: "";
 }
 
 span.faicon.dots::before {
-  content: "\f141";
+  content: "";
   font-size: 16px;
   font-weight: 600;
 }
 
 span.faicon.dots_ver:before {
-  content: "\f142";
+  content: "";
   font-size: 16px;
   font-weight: 600;
 }
 
 span.faicon.open_icon::before,
 a.faicon.open_icon::before {
-  content: "\f35d";
+  content: "";
 }
 
 span.faicon.table_icon::before {
-  content: "\f0ce";
+  content: "";
 }
 
 span.faicon.list::before {
-  content: "\f03a";
+  content: "";
 }
 
 span.faicon.link-chain::before {
-  content: "\f0c1";
+  content: "";
 }
 
 span.fa-brands.html5::before {
-  content: "\f13b";
+  content: "";
 }
 
 span.faicon.stopwatch20::before {
-  content: "\e06f";
+  content: "";
 }
 
 span.faicon.checkbox-empty::before {
-  content: "\f0c8";
+  content: "";
   font-weight: 400 !important;
 }
 
@@ -6140,11 +6140,11 @@ span.faicon.fa-1::before {
 }
 
 span.faicon.phone::before {
-  content: "\f095";
+  content: "";
 }
 
 span.faicon.screwdriver::before {
-  content: "\f7d9";
+  content: "";
   font-weight: 600 !important;
 }
 
@@ -6153,7 +6153,7 @@ span.faicon.fa-x::before {
 }
 
 span.faicon.envelope::before {
-  content: "\f0e0";
+  content: "";
   font-weight: 400;
 }
 
@@ -6291,23 +6291,23 @@ and open the template in the editor.
 */
 /* Toolbox na levi strani */
 span.faicon.wheel_32::before {
-  content: "\f013";
+  content: "";
 }
 
 span.faicon.radio_32::before {
-  content: "\f192";
+  content: "";
   font-weight: 400;
   font-size: 18px;
 }
 
 span.faicon.check_32::before {
-  content: "\f14a";
+  content: "";
   font-weight: 400;
   font-size: 18px;
 }
 
 span.faicon.matrix_32::before {
-  content: "\f192\f192\a\f192\f192";
+  content: "\a";
   white-space: pre;
   font-weight: 400;
   font-size: 12px;
@@ -6331,7 +6331,7 @@ span.faicon.nagovor::before {
 }
 
 span.faicon.plus_32::before {
-  content: "\f055";
+  content: "";
   font-size: 18px;
 }
 
@@ -6375,12 +6375,12 @@ span.faicon.edit-vprasanje {
 }
 span.faicon.edit-vprasanje:before {
   font-size: 18px;
-  content: "\f031";
+  content: "";
 }
 
 a.faicon.edit::before {
   font-size: 16px;
-  content: "\f304";
+  content: "";
 }
 
 a.faicon.addif::before {
@@ -6392,22 +6392,22 @@ a.faicon.addif::before {
 a.faicon.copy::before {
   font-size: 18px;
   font-weight: 400;
-  content: "\f0c5";
+  content: "";
 }
 
 a.faicon.copycond::before {
   font-size: 18px;
-  content: "\f0c5";
+  content: "";
 }
 
 a.faicon.preview::before {
   font-size: 18px;
   font-weight: 400;
-  content: "\f15b";
+  content: "";
 }
 
 a.faicon.preview::after {
-  content: "\f002";
+  content: "";
   display: inline-block;
   font-size: 11px;
   margin-left: -50%;
@@ -6415,25 +6415,25 @@ a.faicon.preview::after {
 
 a.faicon.arhiv::before {
   font-size: 18px;
-  content: "\f044";
+  content: "";
 }
 
 a.faicon.delete::before {
   font-size: 18px;
   font-weight: 400;
-  content: "\f2ed";
+  content: "";
 }
 
 a.faicon.hide::before {
   font-size: 18px;
   font-weight: 400;
-  content: "\f06e";
+  content: "";
 }
 
 a.faicon.unhide_icon::before {
   font-size: 18px;
   font-weight: 400;
-  content: "\f070";
+  content: "";
 }
 
 /* Urejanje vrednosti inline */
@@ -6447,12 +6447,12 @@ a.faicon.unhide_icon::before {
 
 .variabla span.inline.faicon.edit2::before {
   font-size: 14px;
-  content: "\f304";
+  content: "";
 }
 
 .variabla span.inline.faicon.odg_hidden::before {
   font-size: 14px;
-  content: "\f05e";
+  content: "";
 }
 
 .variabla span.inline.faicon.odg_hidden.show-hidden::before {
@@ -6480,23 +6480,23 @@ span.inline.faicon.odg_if_not::before {
 .variabla span.inline.faicon.odg_if_follow::after {
   font-size: 14px;
   margin-left: 2px;
-  content: "\f0da";
+  content: "";
 }
 
 .variabla span.inline.faicon.correct::before {
   font-size: 14px;
   font-weight: 900;
-  content: "\f00c";
+  content: "";
 }
 
 .faicon.move_updown::before {
   font-size: 16px;
   color: #0059ab;
-  content: "\f338";
+  content: "";
 }
 
 .faicon.image_upload::before {
-  content: "\f03e";
+  content: "";
   font-weight: 400;
 }
 
@@ -6513,22 +6513,22 @@ and open the template in the editor.
 span.faicon.mapca.anketa::before {
   font-size: 16px;
   font-weight: 400;
-  content: "\f022";
+  content: "";
 }
 
 span.faicon.table::before {
   font-size: 16px;
-  content: "\f00b";
+  content: "";
 }
 
 span.faicon.other_vprasanja::before {
   font-size: 16px;
-  content: "\f0ca" !important;
+  content: "" !important;
 }
 
 span.faicon.osnovna_vprasanja::before {
   font-size: 16px;
-  content: "\f0ca";
+  content: "";
 }
 
 span.faicon.mapca.if::before {
@@ -6556,7 +6556,7 @@ and open the template in the editor.
 */
 /* Izvozi */
 span.faicon.pdf::before {
-  content: "\f1c1";
+  content: "";
   font-size: 16px;
   font-weight: 400;
   color: #ed1c24;
@@ -6580,7 +6580,7 @@ span.faicon.pdf.black::before {
 span.faicon.xls::before {
   font-size: 16px;
   font-weight: 400;
-  content: "\f1c3";
+  content: "";
   color: #008000;
 }
 
@@ -6602,7 +6602,7 @@ span.faicon.xls.black::before {
 span.faicon.rtf::before {
   font-size: 16px;
   font-weight: 400;
-  content: "\f1c2";
+  content: "";
   color: #0f3ea8;
 }
 
@@ -6624,7 +6624,7 @@ span.faicon.rtf.black::before {
 span.faicon.ppt::before {
   font-size: 16px;
   font-weight: 400;
-  content: "\f1c4";
+  content: "";
   color: #fa4913;
 }
 
@@ -6646,7 +6646,7 @@ span.faicon.ppt.black::before {
 span.faicon.xml::before {
   font-size: 16px;
   font-weight: 400;
-  content: "\f1c9";
+  content: "";
   color: #00a000;
 }
 
@@ -6666,17 +6666,17 @@ span.faicon.xml.black::before {
 }
 
 span.faicon.arhiv::before {
-  content: "\f187";
+  content: "";
 }
 
 span.faicon.arhiv_mail::before {
   font-size: 16px;
   font-weight: 400;
-  content: "\f14d";
+  content: "";
 }
 
 span.faicon.share-arrow::before {
-  content: "\f14d";
+  content: "";
 }
 
 /*
@@ -6726,7 +6726,7 @@ span.faicon.an_chart_bar::before {
   font-size: 14px;
   font-weight: 700;
   /*content: "\f080";*/
-  content: "\f200";
+  content: "";
 }
 
 /*
@@ -6740,35 +6740,35 @@ and open the template in the editor.
 */
 /* Invitation table */
 span.faicon.inv_sent_0::before {
-  content: "\f2b6";
+  content: "";
 }
 
 span.faicon.inv_sent_1::before {
-  content: "\f0e0";
+  content: "";
 }
 
 span.faicon.inv_responded_0::before {
   font-size: 14px;
   font-weight: 400;
-  content: "\f005";
+  content: "";
 }
 
 span.faicon.inv_responded_1::before {
   font-size: 14px;
   font-weight: 700;
-  content: "\f005";
+  content: "";
 }
 
 span.faicon.inv_unsubscribed_0::before {
   font-size: 14px;
   font-weight: 400;
-  content: "\f111";
+  content: "";
 }
 
 span.faicon.inv_unsubscribed_1::before {
   font-size: 14px;
   font-weight: 700;
-  content: "\f111";
+  content: "";
   color: #FF0000;
 }
 
@@ -6869,7 +6869,7 @@ a.read-more .faicon:before {
 .qtip .qtip-wrapper .qtip-contentWrapper .qtip-content h1::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "\f059";
+  content: "";
   font-size: 20px;
   color: #1E88E5;
   vertical-align: -1px;
@@ -6906,7 +6906,7 @@ a.read-more .faicon:before {
   padding-left: 8px;
   vertical-align: middle;
   font-family: "Font Awesome 5 Free";
-  content: "\f054";
+  content: "";
   font-size: 8px;
   color: #1E88E5;
   transition: 0.2s;
@@ -7229,7 +7229,7 @@ a.read-more .faicon:before {
 .divPopUp.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "\f071";
+  content: "";
   font-size: 14px;
   color: #FFC700;
 }
@@ -7270,7 +7270,7 @@ a.read-more .faicon:before {
 .divPopUp_info.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "\f071";
+  content: "";
   font-size: 14px;
   color: #FFC700;
 }
@@ -7762,7 +7762,7 @@ body.waitlong #loading {
 #check_pogoji.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "\f071";
+  content: "";
   font-size: 14px;
   color: #FFC700;
 }
@@ -7943,7 +7943,7 @@ body.waitlong #loading {
 #dropped_alert.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "\f071";
+  content: "";
   font-size: 14px;
   color: #FFC700;
 }
@@ -9137,7 +9137,7 @@ header #topSettingsHolder .left_options_holder #analizaSubNav #globalSetingsLink
   right: 8px;
   top: 5px;
   font-family: "Font Awesome 5 Free";
-  content: "\f078";
+  content: "";
   font-size: 10px;
   font-weight: 600;
 }
@@ -9411,7 +9411,7 @@ footer#srv_footer .footer_right span.faicon.external_link:before {
 footer#srv_footer .footer_right .right_help_button {
   position: fixed;
   right: -71px;
-  top: 50%;
+  top: calc(50%);
   width: 150px;
   padding: 4px 8px;
   border: 1px #1E88E5 solid;
@@ -9791,17 +9791,17 @@ input[type=radio]:checked + label:before, input[type=checkbox]:checked + label:b
   color: #1E88E5;
 }
 input[type=checkbox] + label:before {
-  content: "\f0c8";
+  content: "";
 }
 input[type=checkbox]:checked + label:before {
-  content: "\f14a";
+  content: "";
   font-weight: bold;
 }
 input[type=radio] + label:before {
-  content: "\f111";
+  content: "";
 }
 input[type=radio]:checked + label:before {
-  content: "\f192";
+  content: "";
 }
 input[type=checkbox][disabled] + label:before {
   color: #C4C4C4;
@@ -10375,7 +10375,7 @@ header #top_line #enka_nav .anketa_header_upgrade_package button {
 #popup_user_access.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "\f071";
+  content: "";
   font-size: 14px;
   color: #FFC700;
 }
@@ -10427,9 +10427,9 @@ header #top_line #enka_nav .anketa_header_upgrade_package button {
 div.button_holder.editor_button_holder {
   margin: 0;
   padding: 8px 16px;
-  border-bottom: 1px rgb(204, 204, 204) solid;
-  border-left: 1px rgb(204, 204, 204) solid;
-  border-right: 1px rgb(204, 204, 204) solid;
+  border-bottom: 1px #cccccc solid;
+  border-left: 1px #cccccc solid;
+  border-right: 1px #cccccc solid;
   border-radius: 0 0 2px 2px;
 }
 
@@ -10457,8 +10457,8 @@ div.button_holder.editor_button_holder {
 }
 .cke_toolbox .cke_button__textcolor:after,
 .cke_toolbox .cke_button__image_icon:after {
-  background-color: rgb(191, 191, 191);
-  border-color: rgb(191, 191, 191);
+  background-color: #bfbfbf;
+  border-color: #bfbfbf;
   content: "";
   position: absolute;
   height: 18px;
@@ -10753,7 +10753,7 @@ span.cke_toolgroup .cke_button {
 #survey_list .second_line .filters #folderSwitch#sortButton:after {
   position: absolute;
   font-family: "Font Awesome 5 Free";
-  content: "\f078";
+  content: "";
   right: 8px;
   top: 13px;
   font-weight: 600;
@@ -11088,12 +11088,135 @@ body.eng #survey_list .filters #folderSwitch {
   font-size: 14px;
   text-transform: uppercase;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content .folder_list .folder_item {
+.moje_ankete_folders #survey_list .survey_list_folders .left_content > ul {
+  margin-left: 0 !important;
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul {
+  margin: 0 0 0 16px;
+  padding: 0;
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item {
+  cursor: pointer;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
   box-sizing: border-box;
   height: 40px;
+  width: 100%;
+  padding: 0 8px;
   margin-bottom: 8px;
-  border: 1px solid #F8F8F8;
+  border: 1px solid #E5E5E5;
   border-radius: 2px;
+  transition: 0.2s;
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .faicon.arrow:before {
+  content: "";
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .faicon.folder:before,
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .faicon.clipboard:before {
+  font-weight: 400;
+  color: #D3D3D3;
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item.active {
+  border-color: #1E88E5;
+  background-color: #F8F8F8;
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item.active .faicon.folder:before,
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item.active .faicon.clipboard:before {
+  font-weight: 600;
+  color: #1E88E5;
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item.open .faicon.arrow:before {
+  content: "";
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item.no_arrow .faicon.arrow:before {
+  display: none;
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item.droppable_folder.drag-hover {
+  background-color: #E5E5E5;
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item:hover {
+  background-color: #F8F8F8;
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item:hover .dots_ver {
+  display: block;
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item span {
+  margin-right: 8px;
+  font-size: 14px;
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_child_count {
+  margin-left: 8px;
+  font-size: 12px;
+  color: #777777;
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .dots_ver {
+  display: none;
+  position: absolute;
+  right: 0;
+  padding: 7px 8px;
+  margin-right: 0;
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .dots_ver.active {
+  display: block !important;
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings {
+  padding: 16px;
+  color: #333333;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 20px;
+  text-align: left;
+  background: #FFFFFF;
+  border: 1px solid #C4C4C4;
+  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.07);
+  position: absolute;
+  z-index: 9999;
+  right: 0;
+  top: 38px;
+  border-radius: 2px;
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings a {
+  text-decoration: none;
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li {
+  margin-bottom: 16px;
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li:last-of-type {
+  margin-bottom: 0;
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li span {
+  cursor: pointer;
+  color: #333333;
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li span:hover {
+  color: #1E88E5;
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li {
+  color: #1E88E5;
+  transition: 0.2s;
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li:hover {
+  color: #0059ab;
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content #mySurvey_additional_popup {
+  display: none;
+  z-index: 9999;
+  position: absolute !important;
+  top: 40%;
+  left: calc(50% - 200px);
+  width: 400px;
+  border: 1px solid #C4C4C4;
+  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.07);
+}
+.moje_ankete_folders #survey_list .survey_list_folders .left_content #mySurvey_additional_popup input[type=text] {
+  width: 100%;
 }
 .moje_ankete_folders #survey_list .survey_list_folders .right_content {
   width: auto;
@@ -11104,6 +11227,11 @@ body.eng #survey_list .filters #folderSwitch {
   font-weight: 600;
   font-size: 16px;
 }
+.moje_ankete_folders #survey_list .survey_list_folders .right_content .folder_title .faicon.folder:before {
+  margin-right: 8px;
+  font-weight: 600;
+  color: #1E88E5;
+}
 .moje_ankete_folders #survey_list .survey_list_folders .right_content .second_line {
   display: flex;
 }
@@ -11154,13 +11282,13 @@ body.eng #survey_list .filters #folderSwitch {
   cursor: pointer;
 }
 #survey_list .div_sl_new.folders .folder_holder .folder_title .folder_arrow_icon::before {
-  content: "\f078";
+  content: "";
   font-size: 14px;
   color: #333333;
   margin-right: 8px;
 }
 #survey_list .div_sl_new.folders .folder_holder .folder_title .folder_icon::before {
-  content: "\f07b";
+  content: "";
   font-size: 16px;
   font-weight: 400;
   color: #1E88E5;
@@ -11170,7 +11298,7 @@ body.eng #survey_list .filters #folderSwitch {
   background-color: #F8F8F8;
 }
 #survey_list .div_sl_new.folders .folder_holder .folder_title.open .folder_arrow_icon::before {
-  content: "\f077";
+  content: "";
 }
 #survey_list .div_sl_new.folders .folder_holder .folder_title.open .folder_icon::before {
   font-weight: 600;
@@ -11380,7 +11508,7 @@ div#gdrp_requests_unresolved {
 }
 .gdpr-box-container .num_box {
   border: 1px solid #E5E5E5;
-  background-color: white;
+  background-color: #FFFF;
   border-radius: 2px;
   cursor: pointer;
   margin: 0px;
@@ -12386,13 +12514,13 @@ div.page_obvestila #unread_notifications .gdpr_popup_radio input {
   cursor: pointer;
 }
 #anketa_knjiznica #libraryInner ul li .folder_box_holder .folder_box .folder_arrow_icon::before {
-  content: "\f078";
+  content: "";
   font-size: 14px;
   color: #333333;
   margin-right: 8px;
 }
 #anketa_knjiznica #libraryInner ul li .folder_box_holder .folder_box .folder::before {
-  content: "\f07b";
+  content: "";
   font-size: 16px;
   font-weight: 400;
   color: #1E88E5;
@@ -12418,7 +12546,7 @@ div.page_obvestila #unread_notifications .gdpr_popup_radio input {
   }*/
 }
 #anketa_knjiznica #libraryInner ul li .folder_box_holder .folder_box.open .folder_arrow_icon::before {
-  content: "\f077";
+  content: "";
 }
 #anketa_knjiznica #libraryInner ul li .folder_box_holder .folder_box.open .folder::before {
   font-weight: 600;
@@ -12671,7 +12799,7 @@ and open the template in the editor.
 #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=radio] + span.enka-checkbox-radio:before {
   font-family: "Font Awesome 5 Free";
   display: inline-block;
-  content: "\f111";
+  content: "";
   letter-spacing: 10px;
 }
 #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=radio] + span.enka-custom-radio:before {
@@ -12679,7 +12807,7 @@ and open the template in the editor.
   display: inline-block;
 }
 #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=radio]:checked + span.enka-checkbox-radio:before {
-  content: "\f192";
+  content: "";
 }
 #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=checkbox] {
   display: none !important;
@@ -12692,11 +12820,11 @@ and open the template in the editor.
 #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=checkbox] + span.enka-checkbox-radio:before {
   font-family: "Font Awesome 5 Free";
   display: inline-block;
-  content: "\f0c8";
+  content: "";
   letter-spacing: 10px;
 }
 #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=checkbox]:checked + span.enka-checkbox-radio:before {
-  content: "\f14a";
+  content: "";
   letter-spacing: 8px;
 }
 #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting .custom_radio_picture.obarvan > label > span.enka-custom-radio:before {
@@ -12989,7 +13117,7 @@ and open the template in the editor.
 }
 #new_anketa_div .layout_right_item .layout_right_centering .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable input[type=radio] + span.enka-checkbox-radio:before {
   font-family: "Font Awesome 5 Free";
-  content: "\f111";
+  content: "";
   display: inline-block;
   font-size: 14px;
   color: #C4C4C4;
@@ -13602,20 +13730,20 @@ div.drop_setting_transition {
   font-weight: 400;
 }
 #branching input[type=checkbox].enka-admin-custom + span.enka-checkbox-radio:before {
-  content: "\f0c8";
+  content: "";
   letter-spacing: 10px;
 }
 #branching input[type=radio].enka-admin-custom + span.enka-checkbox-radio:before {
-  content: "\f111";
+  content: "";
   letter-spacing: 8px;
 }
 #branching input[type=checkbox].enka-admin-custom:checked + span.enka-checkbox-radio:before {
-  content: "\f14a";
+  content: "";
   color: #D3D3D3;
   letter-spacing: 8px;
 }
 #branching input[type=radio].enka-admin-custom:checked + span.enka-checkbox-radio:before {
-  content: "\f192";
+  content: "";
   color: #D3D3D3;
 }
 #branching span.faicon.delete_circle::before {
@@ -20256,7 +20384,7 @@ and open the template in the editor.
   transition: 0.2s;
 }
 .tab_content .content_left ul li.folder_item .faicon.arrow:before {
-  content: "\f078";
+  content: "";
 }
 .tab_content .content_left ul li.folder_item .faicon.folder:before,
 .tab_content .content_left ul li.folder_item .faicon.clipboard:before {
@@ -20273,7 +20401,7 @@ and open the template in the editor.
   color: #1E88E5;
 }
 .tab_content .content_left ul li.folder_item.open .faicon.arrow:before {
-  content: "\f077";
+  content: "";
 }
 .tab_content .content_left ul li.folder_item.no_arrow .faicon.arrow:before {
   display: none;
@@ -20791,7 +20919,7 @@ img.mapster_el {
   border-radius: 4px;
 }
 .jquery-selectbox .jquery-selectbox-moreButton::before {
-  content: "\f078";
+  content: "";
   padding-left: 2px;
   color: #333333;
   font-size: 10px;
@@ -21382,7 +21510,7 @@ div#theme-edit-wrap div#theme-editor #picker {
   left: 500px;
   z-index: 999;
   border-radius: 2px;
-  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1215686275);
+  box-shadow: 0px 0px 7px 0px #0000001F;
 }
 div#theme-edit-wrap div#theme-editor #picker .popup_close {
   position: absolute !important;
@@ -21548,7 +21676,7 @@ div#theme-edit-wrap div#theme-editor #picker .button_holder button:last-child {
 div#theme-edit-wrap div#theme-editor #picker.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "\f071";
+  content: "";
   font-size: 14px;
   color: #FFC700;
 }
@@ -21911,7 +22039,7 @@ span.faicon.st-besede-popup {
 #vrednost_edit.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "\f071";
+  content: "";
   font-size: 14px;
   color: #FFC700;
 }
@@ -22152,7 +22280,7 @@ span.faicon.st-besede-popup {
 #quota.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "\f071";
+  content: "";
   font-size: 14px;
   color: #FFC700;
 }
@@ -22524,7 +22652,7 @@ and open the template in the editor.
 #vprasanje_preview #preview_spremenljivka.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "\f071";
+  content: "";
   font-size: 14px;
   color: #FFC700;
 }
@@ -22618,21 +22746,21 @@ and open the template in the editor.
 }
 #fullscreen #preview_spremenljivka #spremenljivka_preview .spremenljivka input[type=checkbox] + span.enka-checkbox-radio:before,
 #vprasanje_preview #preview_spremenljivka #spremenljivka_preview .spremenljivka input[type=checkbox] + span.enka-checkbox-radio:before {
-  content: "\f0c8";
+  content: "";
   letter-spacing: 10px;
 }
 #fullscreen #preview_spremenljivka #spremenljivka_preview .spremenljivka input[type=checkbox]:checked + span.enka-checkbox-radio:before,
 #vprasanje_preview #preview_spremenljivka #spremenljivka_preview .spremenljivka input[type=checkbox]:checked + span.enka-checkbox-radio:before {
-  content: "\f14a";
+  content: "";
 }
 #fullscreen #preview_spremenljivka #spremenljivka_preview .spremenljivka input[type=radio] + span.enka-checkbox-radio:before,
 #vprasanje_preview #preview_spremenljivka #spremenljivka_preview .spremenljivka input[type=radio] + span.enka-checkbox-radio:before {
-  content: "\f111";
+  content: "";
   letter-spacing: 10px;
 }
 #fullscreen #preview_spremenljivka #spremenljivka_preview .spremenljivka input[type=radio]:checked + span.enka-checkbox-radio:before,
 #vprasanje_preview #preview_spremenljivka #spremenljivka_preview .spremenljivka input[type=radio]:checked + span.enka-checkbox-radio:before {
-  content: "\f192";
+  content: "";
 }
 #fullscreen #preview_spremenljivka #spremenljivka_preview .spremenljivka input[type=checkbox] + span.enka-checkbox-radio,
 #fullscreen #preview_spremenljivka #spremenljivka_preview .spremenljivka input[type=radio] + span.enka-checkbox-radio,
@@ -23590,22 +23718,22 @@ and open the template in the editor.
 }
 #preview_spremenljivka #variable_holder input[type=checkbox].enka-admin-custom + span.enka-checkbox-radio:before {
   /*content: "\f096";*/
-  content: "\f0c8";
+  content: "";
   letter-spacing: 10px;
 }
 #preview_spremenljivka #variable_holder input[type=radio].enka-admin-custom + span.enka-checkbox-radio:before {
   /*content: "\f10c";*/
-  content: "\f111";
+  content: "";
   letter-spacing: 8px;
 }
 #preview_spremenljivka #variable_holder input[type=checkbox].enka-admin-custom:checked + span.enka-checkbox-radio:before {
   /*content: "\f046";*/
-  content: "\f14a";
+  content: "";
   letter-spacing: 8px;
 }
 #preview_spremenljivka #variable_holder input[type=radio].enka-admin-custom:checked + span.enka-checkbox-radio:before {
   /*content: "\f192";*/
-  content: "\f192";
+  content: "";
 }
 #preview_spremenljivka input[type=radio] {
   margin: 0 8px 4px 0;
@@ -23618,7 +23746,7 @@ and open the template in the editor.
 #preview_spremenljivka input[type=radio] + span.enka-checkbox-radio:before {
   font-family: "Font Awesome 5 Free";
   display: inline-block;
-  content: "\f111";
+  content: "";
   letter-spacing: 10px;
 }
 #preview_spremenljivka input[type=radio] + span.enka-custom-radio:before {
@@ -23626,7 +23754,7 @@ and open the template in the editor.
   display: inline-block;
 }
 #preview_spremenljivka input[type=radio]:checked + span.enka-checkbox-radio:before {
-  content: "\f192";
+  content: "";
 }
 #preview_spremenljivka input[type=checkbox] {
   display: none !important;
@@ -23639,11 +23767,11 @@ and open the template in the editor.
 #preview_spremenljivka input[type=checkbox] + span.enka-checkbox-radio:before {
   font-family: "Font Awesome 5 Free";
   display: inline-block;
-  content: "\f0c8";
+  content: "";
   letter-spacing: 10px;
 }
 #preview_spremenljivka input[type=checkbox]:checked + span.enka-checkbox-radio:before {
-  content: "\f14a";
+  content: "";
   letter-spacing: 8px;
 }
 
@@ -23858,7 +23986,7 @@ and open the template in the editor.
 }
 #popup_import_from_text .anketa_from_text .import_holder #preview_field_holder #preview_field span.variable input[type=radio] + span.enka-checkbox-radio:before {
   font-family: "Font Awesome 5 Free";
-  content: "\f111";
+  content: "";
   display: inline-block;
   font-size: 14px;
   color: #E5E5E5;
@@ -23866,7 +23994,7 @@ and open the template in the editor.
   font-weight: 400;
 }
 #popup_import_from_text .anketa_from_text .import_holder #preview_field_holder #preview_field span.variable input[type=radio]:checked + span.enka-checkbox-radio:before {
-  content: "\f192";
+  content: "";
   color: #E5E5E5;
 }
 
@@ -24129,7 +24257,7 @@ dl.arch_email dd {
 #inv_view_arch_recipients.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "\f071";
+  content: "";
   font-size: 14px;
   color: #FFC700;
 }
@@ -25390,23 +25518,23 @@ div.page_komentarji_anketa ul .spremenljivka_content input[type=radio].enka-admi
 }
 div.page_komentarji ul .spremenljivka_content input[type=checkbox].enka-admin-custom + span.enka-checkbox-radio:before,
 div.page_komentarji_anketa ul .spremenljivka_content input[type=checkbox].enka-admin-custom + span.enka-checkbox-radio:before {
-  content: "\f0c8";
+  content: "";
   letter-spacing: 10px;
 }
 div.page_komentarji ul .spremenljivka_content input[type=radio].enka-admin-custom + span.enka-checkbox-radio:before,
 div.page_komentarji_anketa ul .spremenljivka_content input[type=radio].enka-admin-custom + span.enka-checkbox-radio:before {
-  content: "\f111";
+  content: "";
   letter-spacing: 8px;
 }
 div.page_komentarji ul .spremenljivka_content input[type=checkbox].enka-admin-custom:checked + span.enka-checkbox-radio:before,
 div.page_komentarji_anketa ul .spremenljivka_content input[type=checkbox].enka-admin-custom:checked + span.enka-checkbox-radio:before {
-  content: "\f14a";
+  content: "";
   color: #D3D3D3;
   letter-spacing: 8px;
 }
 div.page_komentarji ul .spremenljivka_content input[type=radio].enka-admin-custom:checked + span.enka-checkbox-radio:before,
 div.page_komentarji_anketa ul .spremenljivka_content input[type=radio].enka-admin-custom:checked + span.enka-checkbox-radio:before {
-  content: "\f192";
+  content: "";
   color: #D3D3D3;
 }
 div.page_komentarji ul .spremenljivka_content input[type=radio],
@@ -25423,7 +25551,7 @@ div.page_komentarji ul .spremenljivka_content input[type=radio] + span.enka-chec
 div.page_komentarji_anketa ul .spremenljivka_content input[type=radio] + span.enka-checkbox-radio:before {
   font-family: "Font Awesome 5 Free";
   display: inline-block;
-  content: "\f111";
+  content: "";
   letter-spacing: 10px;
 }
 div.page_komentarji ul .spremenljivka_content input[type=radio] + span.enka-custom-radio:before,
@@ -25433,7 +25561,7 @@ div.page_komentarji_anketa ul .spremenljivka_content input[type=radio] + span.en
 }
 div.page_komentarji ul .spremenljivka_content input[type=radio]:checked + span.enka-checkbox-radio:before,
 div.page_komentarji_anketa ul .spremenljivka_content input[type=radio]:checked + span.enka-checkbox-radio:before {
-  content: "\f192";
+  content: "";
 }
 div.page_komentarji ul .spremenljivka_content input[type=checkbox],
 div.page_komentarji_anketa ul .spremenljivka_content input[type=checkbox] {
@@ -25449,12 +25577,12 @@ div.page_komentarji ul .spremenljivka_content input[type=checkbox] + span.enka-c
 div.page_komentarji_anketa ul .spremenljivka_content input[type=checkbox] + span.enka-checkbox-radio:before {
   font-family: "Font Awesome 5 Free";
   display: inline-block;
-  content: "\f0c8";
+  content: "";
   letter-spacing: 10px;
 }
 div.page_komentarji ul .spremenljivka_content input[type=checkbox]:checked + span.enka-checkbox-radio:before,
 div.page_komentarji_anketa ul .spremenljivka_content input[type=checkbox]:checked + span.enka-checkbox-radio:before {
-  content: "\f14a";
+  content: "";
   letter-spacing: 8px;
 }
 div.page_komentarji ul div.question_comment_holder,
@@ -25812,12 +25940,12 @@ div.page_komentarji_anketa ul div.question_comment_holder div.question_comment .
   color: #1E88E5 !important;
   font-weight: 400;
   font-size: 14px !important;
-  content: "\f27a";
+  content: "";
 }
 #quick_comments_link #comment_dropdown .comment_dropdown_top .settings span.faicon::before {
   color: #1E88E5 !important;
   font-size: 16px !important;
-  content: "\f013";
+  content: "";
   line-height: 17px !important;
 }
 #quick_comments_link #comment_dropdown .links {
@@ -26241,6 +26369,7 @@ div#general_popup div.popup_content.publish.settings div#publish_settings_more {
   .page_vabila #vabila .button_holder #nice_url_holder .buttons {
     margin: 9px 0px 0px 0px !important;
   }
+
   div#vabila div.more div.more_block {
     width: 89% !important;
   }
@@ -27709,7 +27838,7 @@ div.subpage_coding .coding-refresh .button_holder button:last-child {
 div.subpage_coding .coding-refresh.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "\f071";
+  content: "";
   font-size: 14px;
   color: #FFC700;
 }
@@ -27891,7 +28020,7 @@ div.subpage_coding #coding .button_holder button:last-child {
 div.subpage_coding #coding.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "\f071";
+  content: "";
   font-size: 14px;
   color: #FFC700;
 }
@@ -28215,7 +28344,7 @@ div.subpage_coding .floatRecodeSpremenljivka .button_holder button:last-child {
 div.subpage_coding .floatRecodeSpremenljivka.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "\f071";
+  content: "";
   font-size: 14px;
   color: #FFC700;
 }
@@ -28566,18 +28695,18 @@ ul#merge li {
   -webkit-text-stroke: 0.35px;
 }
 .quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=checkbox] + span.enka-checkbox-radio:before {
-  content: "\f0c8";
+  content: "";
   letter-spacing: 10px;
 }
 .quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=checkbox]:checked + span.enka-checkbox-radio:before {
-  content: "\f14a";
+  content: "";
 }
 .quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=radio] + span.enka-checkbox-radio:before {
-  content: "\f111";
+  content: "";
   letter-spacing: 10px;
 }
 .quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=radio]:checked + span.enka-checkbox-radio:before {
-  content: "\f192";
+  content: "";
 }
 .quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=checkbox] + span.enka-checkbox-radio,
 .quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=radio] + span.enka-checkbox-radio,
@@ -29076,7 +29205,7 @@ and open the template in the editor.
 #div_export_setting_show.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "\f071";
+  content: "";
   font-size: 14px;
   color: #FFC700;
 }
@@ -30396,7 +30525,7 @@ iframe#ifmcontentstoprint {
 .analysis_icons_holder {
   background-color: white;
   border-radius: 2px;
-  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1215686275);
+  box-shadow: 0px 0px 7px 0px #0000001F;
 }
 .analysis_icons_holder .icon_box {
   margin-left: 16px;
@@ -30457,7 +30586,7 @@ iframe#ifmcontentstoprint {
 }
 .cell_icons button::before {
   font-weight: 700;
-  content: "\f141";
+  content: "";
 }
 
 div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_label_options div.button {
@@ -30685,15 +30814,15 @@ div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_l
 }
 
 .rsdl_bck1 {
-  background-color: rgb(250, 226, 226) !important;
+  background-color: #fae2e2 !important;
 }
 
 .rsdl_bck2 {
-  background-color: rgb(255, 157, 157) !important;
+  background-color: #ff9d9d !important;
 }
 
 .rsdl_bck3 {
-  background-color: rgb(248, 66, 66) !important;
+  background-color: #f84242 !important;
 }
 
 .rsdl_bck4 {
@@ -32206,7 +32335,7 @@ ul.vrednost_sort input[type=text] {
 .subpage_analysis_creport #anketa_custom_report #newCReportProfile.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "\f071";
+  content: "";
   font-size: 14px;
   color: #FFC700;
 }
@@ -32490,7 +32619,7 @@ and open the template in the editor.
 #dsp_inspect_cover.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "\f071";
+  content: "";
   font-size: 14px;
   color: #FFC700;
 }
@@ -33024,7 +33153,7 @@ input#endDate {
 .mc_table_settings.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "\f071";
+  content: "";
   font-size: 14px;
   color: #FFC700;
 }
@@ -33237,7 +33366,7 @@ input#endDate {
 #newMCTable.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "\f071";
+  content: "";
   font-size: 14px;
   color: #FFC700;
 }
@@ -33426,7 +33555,7 @@ input#endDate {
 #renameMCTable.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "\f071";
+  content: "";
   font-size: 14px;
   color: #FFC700;
 }
@@ -33615,7 +33744,7 @@ input#endDate {
 #deleteMCTable.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "\f071";
+  content: "";
   font-size: 14px;
   color: #FFC700;
 }
@@ -34001,7 +34130,7 @@ button.buttons-columnVisibility.active {
 table.usersTable {
   margin-left: 14px;
   margin-right: 14px;
-  width: calc(100% - 28px);
+  width: calc(100% - 2*14px);
   white-space: nowrap;
   border-collapse: collapse !important;
 }
@@ -34181,19 +34310,24 @@ table.dataTable td:not(:first-of-type), table.dataTable th:not(:first-of-type) {
   #quick_comments_link.newCss {
     display: none;
   }
+
   #firstNavigation ol.right-side {
     display: none;
   }
+
   div.status_advanced {
     flex-direction: column;
   }
+
   div.status_advanced_box {
     width: 100%;
     box-sizing: border-box;
   }
+
   a.status_advanced_link {
     width: 95%;
   }
+
   .content_div_normalmode {
     overflow-x: auto;
   }
@@ -34287,6 +34421,7 @@ body #main_holder #main .wide {
     width: 100%;
     margin: 0;
   }
+
   fieldset {
     width: 100% !important;
     box-sizing: border-box !important;
@@ -34316,36 +34451,44 @@ fieldset textarea {
   fieldset .setting {
     height: auto !important;
   }
+
   .setting_horizontal_wrapper {
     flex-direction: column !important;
   }
+
   #vnosi_paginacija div select {
     display: inline-block;
     width: fit-content;
     margin: 0 5px;
     text-align: center;
   }
+
   div.breadcrumbs {
     display: block;
     padding: 15px;
     color: #1e88e5;
     font-weight: 600;
   }
+
   button.small, submit.small {
     min-width: auto;
     padding: 5px 16px;
   }
+
   button.medium, submit.medium {
     min-width: auto;
     padding: 10px 24px;
   }
+
   button.large, submit.large {
     min-width: auto;
     padding: 12px 32px;
   }
+
   .top_note {
     padding: 8px 16px;
   }
+
   header {
     /* Mobile meni */
     /* Mobile meni - NASTAVITVE V UREJANJU ANKETE*/
@@ -34601,6 +34744,7 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
   header .mobile_settings .mobile_settings_content a .setting_text {
     width: auto;
   }
+
   footer#srv_footer {
     display: flex;
     flex-direction: column;
@@ -34622,6 +34766,7 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
     padding: 0;
     border: 0;
   }
+
   /* Popup za vprasajcke */
   .qtip {
     position: fixed !important;
@@ -34632,6 +34777,7 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
     left: 10% !important;
     box-shadow: 0 0 15px 15px rgba(0, 0, 0, 0.34) !important;
   }
+
   .divPopUp {
     width: calc(100% - 32px) !important;
     max-width: calc(100% - 32px) !important;
@@ -34642,10 +34788,12 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
     width: calc(100% - 32px) !important;
     max-width: calc(100% - 32px) !important;
   }
+
   /* Vse povezano s paketi in placili */
   .dt-buttons {
     display: none;
   }
+
   #main #moje_ankete_edit #anketa_edit {
     padding: 0 !important;
   }
@@ -34720,6 +34868,7 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
   #main #moje_ankete_edit fieldset div.setting {
     margin-bottom: 10px;
   }
+
   #new_anketa_div {
     display: flex;
     flex-direction: column;
@@ -34803,6 +34952,7 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
     border: 1px solid #c8e3f8 !important;
     border-radius: 1px;
   }
+
   .dashboard_top_settings {
     flex-direction: column;
   }
@@ -34815,16 +34965,19 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
     margin-left: 0;
     margin-right: 16px;
   }
+
   .dashboard_boxes {
     flex-direction: column;
   }
   .dashboard_boxes .dashboard_box {
     margin: 0 0 32px 0;
   }
+
   .locked .add-variable-mobile,
 .spremenljivka_content .add-variable {
     display: none !important;
   }
+
   #branching {
     width: 100%;
     margin: 0;
@@ -34929,9 +35082,11 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
     margin: 0;
     padding: 0 12px;
   }
+
   .toolbox_holder {
     display: none;
   }
+
   .mobile_add_question {
     display: block;
     position: fixed;
@@ -34951,6 +35106,7 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
     line-height: 15px;
     font-weight: 600;
   }
+
   .mobile_add_question_popup {
     z-index: 9999;
     position: fixed;
@@ -35004,6 +35160,7 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
     font-size: 14px;
     font-weight: 500;
   }
+
   #vprasanje_float_editing .vprasanje_edit_holder {
     position: fixed;
     z-index: 99999;
@@ -35056,6 +35213,7 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
     margin-left: 0 !important;
     text-align: center;
   }
+
   #main #anketa #globalSetingsList {
     max-width: 100% !important;
     width: 100% !important;
@@ -35068,6 +35226,7 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
 #main #anketa #globalSetingsList fieldset span.charalimit#anketa_note_chars {
     width: 100%;
   }
+
   /* NASTAVITVE in ARHIVI */
   /* OBLIKA */
   #main #anketa #anketa_edit.page_tema #div_theme_group_holder {
@@ -35083,15 +35242,18 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
     width: 100%;
     height: auto;
   }
+
   #theme-editor {
     width: 100% !important;
     float: none !important;
   }
+
   #theme-preview {
     width: 100% !important;
     float: none !important;
     margin-top: 80px !important;
   }
+
   /* ARHIVI */
   #main #anketa #anketa_edit.page_arhivi {
     flex-direction: column-reverse;
@@ -35109,6 +35271,7 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
   #main #anketa #anketa_edit.page_arhivi #div_archive_content fieldset input {
     width: 100% !important;
   }
+
   div.page_tema .theme_list {
     flex-wrap: wrap;
   }
@@ -35135,6 +35298,7 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
   div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_label_options .button {
     margin-right: 8px;
   }
+
   .page_theme-editor #theme-preview {
     display: none;
   }
@@ -35142,6 +35306,7 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
     width: 100% !important;
     flex-wrap: wrap;
   }
+
   #srv_diagnostic br {
     display: none;
   }
@@ -35162,6 +35327,7 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
 #srv_diagnostic #srv_diagnostic_results_right table td + td {
     width: auto !important;
   }
+
   .subpage_testnipodatki {
     line-height: 20px;
   }
@@ -35175,6 +35341,7 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
   .subpage_testnipodatki form label input {
     vertical-align: bottom;
   }
+
   .lastnosti_wrapper {
     flex-direction: column !important;
   }
@@ -35182,6 +35349,7 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
 .lastnosti_wrapper .lastnosti_right {
     width: 100% !important;
   }
+
   .page_vabila #vabila .button_holder {
     flex-direction: column;
     align-items: flex-start;
@@ -35206,6 +35374,7 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
   .page_vabila #vabila .more_block {
     width: 100%;
   }
+
   .page_invitations #inv_top_navi {
     flex-direction: column;
     align-items: flex-start;
@@ -35273,6 +35442,7 @@ header .mobile_menu .mobile_menu_user .submenu_user_content > div a {
   .page_invitations .button_holder button {
     margin-bottom: 8px;
   }
+
   #vabila > table,
 table.invitations_settings,
 #inv_msg_preview table,
@@ -35356,6 +35526,7 @@ table.invitations_settings p label input[type=password],
     width: 100% !important;
     box-sizing: border-box;
   }
+
   #surveyInvitationSetting,
 #surveyInvitationSettingServer {
     min-width: 100% !important;
@@ -35363,6 +35534,7 @@ table.invitations_settings p label input[type=password],
     margin: 10px 0 !important;
     box-sizing: border-box !important;
   }
+
   #inv_top_navi {
     display: flex;
     flex-direction: column;
@@ -35401,6 +35573,7 @@ table.invitations_settings p label input[type=password],
   #inv_top_navi > #inv_step_nav.yellow .inv_step_space {
     display: none;
   }
+
   #inv_recipients_profiles_holder,
 #inv_import_list_container,
 #inv_messages_profiles_holder,
@@ -35421,6 +35594,7 @@ table.invitations_settings p label input[type=password],
 #inv_select_mail_preview textarea {
     width: 100%;
   }
+
   #inv_msg_preview table th {
     height: auto !important;
     width: 100% !important;
@@ -35432,6 +35606,7 @@ table.invitations_settings p label input[type=password],
     width: 100%;
     box-sizing: border-box;
   }
+
   .addthis_toolbox {
     line-height: 24px;
   }
@@ -35446,9 +35621,11 @@ table.invitations_settings p label input[type=password],
   .addthis_toolbox .addthis_separator {
     font-size: 16px;
   }
+
   #inv_field_container ul li {
     width: 45%;
   }
+
   /* grafika ko ni podatkov */
   div.no_data_alert img {
     width: 100%;
@@ -35460,6 +35637,7 @@ table.invitations_settings p label input[type=password],
     flex-direction: column;
     align-items: center;
   }
+
   .page_data .data_table_top_holder {
     flex-direction: column;
     align-items: flex-start;
@@ -35530,9 +35708,11 @@ table.invitations_settings p label input[type=password],
     width: 100%;
     margin-bottom: 16px;
   }
+
   body.data_fullscreen #analiza_data {
     top: 68px;
   }
+
   .subpage_append .anketa_edit_main,
 .subpage_merge .anketa_edit_main,
 .subpage_calculation .anketa_edit_main,
@@ -35573,6 +35753,7 @@ table.invitations_settings p label input[type=password],
     clear: both;
     margin: 40px 0 0 0 !important;
   }
+
   .subpage_quick_edit #quick_edit_top_line {
     flex-direction: column-reverse;
   }
@@ -35592,6 +35773,7 @@ table.invitations_settings p label input[type=password],
   .subpage_quick_edit .quick_edit_container .quick_edit_bottom_line {
     justify-content: center;
   }
+
   .analysis_bottom_settings {
     flex-wrap: wrap;
   }
@@ -35601,13 +35783,16 @@ table.invitations_settings p label input[type=password],
     margin: 0 0 16px 0 !important;
     border: 0;
   }
+
   .div_analiza_icons,
 .div_analiza_scale {
     opacity: 1 !important;
   }
+
   .analysis_icons_holder {
     display: none;
   }
+
   .chart_holder {
     width: 100%;
     box-sizing: border-box;
@@ -35630,6 +35815,7 @@ table.invitations_settings p label input[type=password],
     display: block;
     clear: both;
   }
+
   table.analysis_reports {
     border-spacing: 0px;
   }
@@ -35646,12 +35832,14 @@ table.analysis_reports > tbody > tr > td {
   table.analysis_reports fieldset {
     margin-bottom: 0 !important;
   }
+
   .reports_holder {
     flex-direction: column;
   }
   .reports_holder fieldset {
     width: 100%;
   }
+
   .noSurvey_sequence {
     padding: 0;
   }
@@ -35673,11 +35861,13 @@ table.analysis_reports > tbody > tr > td {
   .noSurvey_sequence .buttons_holder a .button {
     margin: 10px 30px;
   }
+
   #table-horizontal-scroll-wrapper1-userchanges {
     display: table;
     table-layout: fixed;
     width: 100%;
   }
+
   #table-horizontal-scroll-wrapper2-userchanges {
     display: table-cell;
     overflow-x: auto;
@@ -35688,6 +35878,7 @@ table.analysis_reports > tbody > tr > td {
     border-collapse: collapse;
     white-space: nowrap;
   }
+
   .page_arhivi .anketa_edit_left,
 .page_tracking .anketa_edit_left,
 .subpage_anal_arch .anketa_edit_left,
diff --git a/resources/sass/admin_new/pages/my_surveys/survey_list_folders.scss b/resources/sass/admin_new/pages/my_surveys/survey_list_folders.scss
index a717491a2..0c8845523 100644
--- a/resources/sass/admin_new/pages/my_surveys/survey_list_folders.scss
+++ b/resources/sass/admin_new/pages/my_surveys/survey_list_folders.scss
@@ -31,16 +31,137 @@
                 text-transform: uppercase;
             }
 
-            .folder_list{
-
-                
-                .folder_item{
+            > ul {
+                margin-left: 0 !important;
+            }
+    
+            ul{
+                margin: 0 0 0 16px;
+                padding: 0;
+    
+                li.folder_item{
+                    cursor: pointer;
+                    position: relative;
+        
+                    display: flex;
+                    align-items: center;
+                    justify-content: flex-start;
+        
                     box-sizing: border-box;
                     height: 40px;
+                    width: 100%;
+                    padding: 0 8px;
                     margin-bottom: 8px;
-    
-                    border: 1px solid $light-gray;
+        
+                    border: 1px solid $gray;
                     border-radius: 2px;
+        
+                    transition: 0.2s;
+        
+                    .faicon.arrow:before{
+                        content: "\f078";
+                    }
+                    .faicon.folder:before,
+                    .faicon.clipboard:before{
+                        font-weight: 400;
+                        color: $dark-gray2;
+                    }
+                    &.active{
+                        border-color: $blue;
+                        background-color: $light-gray;
+    
+                        .faicon.folder:before,
+                        .faicon.clipboard:before{
+                            font-weight: 600;
+                            color: $blue;
+                        }
+                    }
+                    &.open{
+                        .faicon.arrow:before{
+                            content: "\f077";
+                        }
+                    }
+    
+                    &.no_arrow .faicon.arrow:before{
+                        display: none;
+                    }
+    
+                    &.droppable_folder.drag-hover{
+                        //border-color: $blue;
+                        background-color: $gray;
+                    }
+                    
+                    &:hover{
+                        background-color: $light-gray;
+    
+                        .dots_ver{
+                            display: block;
+                        }
+                    }
+        
+                    span{
+                        margin-right: 8px;
+                        font-size: 14px;
+                    }
+    
+                    .folder_item_child_count{
+                        margin-left: 8px;
+                        font-size: 12px;
+                        color: $very-dark-gray;
+                    }
+    
+                    .dots_ver{
+                        display: none;
+    
+                        position: absolute;
+                        right: 0;
+                        padding: 7px 8px;
+                        margin-right: 0;
+    
+                        &.active{
+                            display: block !important;
+                        }
+                    }
+    
+                    .folder_item_settings{
+                        @include hover_basic();
+    
+                        position: absolute;
+                        z-index: 9999;
+                        right: 0;
+                        top: 38px;
+    
+                        border-radius: 2px;
+    
+                        ul li{
+                            color: $blue;
+    
+                            transition: 0.2s;
+    
+                            &:hover{
+                                color: $dark-blue;
+                            }
+                        }
+                    }
+                }
+            }
+
+            // Dodaten popup za rename, dodajanje folderja
+            #mySurvey_additional_popup{
+                display: none;
+
+                z-index: 9999;
+                position: absolute !important;
+                top: 40%;
+                left: calc(50% - 200px);
+            
+                width: 400px;
+            
+                border: 1px solid $dark-gray;
+                box-shadow: 0px 4px 7px rgba(0,0,0,.07);
+            
+                input[type="text"]{
+                    width: 100%;
                 }
             }
         }
@@ -56,6 +177,13 @@
 
                 font-weight: 600;
                 font-size: 16px;
+
+                .faicon.folder:before{
+                    margin-right: 8px;
+
+                    font-weight: 600;
+                    color: $blue;
+                }
             }
 
             .second_line{

From e60e5f68f430b1ca0db5f8ab75f665075ae61eb1 Mon Sep 17 00:00:00 2001
From: pero1203 <peter.hrvatin@gmail.com>
Date: Mon, 10 Oct 2022 12:33:02 +0200
Subject: [PATCH 06/17] Moje ankete direktoriji - popravek zaklepaja

---
 admin/survey/classes/class.SurveyListFolders.php | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/admin/survey/classes/class.SurveyListFolders.php b/admin/survey/classes/class.SurveyListFolders.php
index 3c29136bf..f7bc2d206 100644
--- a/admin/survey/classes/class.SurveyListFolders.php
+++ b/admin/survey/classes/class.SurveyListFolders.php
@@ -932,10 +932,9 @@ class SurveyListFolders extends SurveyList{
                 
                 // Rekurzivno pobrisemo vse poddirektorije z anketami - TODO!!!
             }
-
-            $this->displayLeftContent();
 		}
 
     }
-    
+
+}
 ?>
\ No newline at end of file

From 7c634a0c327c508ae08d42f77ec818c4123d886d Mon Sep 17 00:00:00 2001
From: urospodkriznik <uros.podkriznik@gmail.com>
Date: Mon, 10 Oct 2022 12:51:51 +0200
Subject: [PATCH 07/17] drupal - responsive ceniki

---
 .../web/themes/custom/pro1ka/css/style.css    | 37 +++++++++++---
 .../custom/pro1ka/sass/bolaric/1ka.scss       | 49 ++++++++++++++++---
 .../custom/pro1ka/sass/pages/cenik.scss       | 11 +++++
 3 files changed, 85 insertions(+), 12 deletions(-)

diff --git a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css
index 945e8013c..7585b92a4 100644
--- a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css
+++ b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css
@@ -2356,6 +2356,9 @@ a {
         font-weight: 400;
         text-align: right; }
 
+@media screen and (max-width: 991px) {
+  .cenik-prikaz .ostale-storitve.w-70 .compare-col {
+    text-align: center; } }
 .iskani-rezultat p {
   color: #333; }
 .iskani-rezultat h3 {
@@ -6369,7 +6372,9 @@ p {
     padding-top: 0px; }
 
   .compare-col-frame {
-    margin-top: 106px; }
+    margin-top: 106px;
+    margin-left: 10px;
+    margin-right: 10px; }
 
   .sidelink {
     padding-right: 19px; }
@@ -6434,10 +6439,22 @@ p {
     font-size: 14px; }
 
   .compare-col.leftcol {
+    -webkit-box-flex: 2;
+    -webkit-flex: 2;
+    -ms-flex: 2;
+    flex: 2; }
+
+  .ostale-storitve .compare-col.leftcol {
     -webkit-box-flex: 100%;
     -webkit-flex: 100%;
     -ms-flex: 100%;
     flex: 100%; }
+  .ostale-storitve .accordion-title-block {
+    display: block; }
+    .ostale-storitve .accordion-title-block .title-cena {
+      width: 49%;
+      display: inline-block;
+      text-align: center; }
 
   .compare-row {
     -webkit-flex-wrap: wrap;
@@ -6522,18 +6539,26 @@ p {
   .compare-col.leftcol {
     margin-top: 0px;
     padding-top: 0px;
-    padding-bottom: 0px;
-    border-bottom: 1px solid #d1d1d1; }
-
-  .compare-row {
-    border-bottom-style: none; }
+    padding-bottom: 0px; }
 
+  /*   .ostale-storitve-tabela{
+      .compare-col.leftcol {
+        border-bottom: 1px solid #d1d1d1;
+      }
+    
+      .compare-row {
+        border-bottom-style: none;
+      }
+    } */
   .cd {
     padding-top: 10px;
     padding-bottom: 10px;
     font-size: 15px;
     text-align: center; }
 
+  .ostale-storitve .cd {
+    text-align: left; }
+
   .slide-partners {
     width: 50%; }
 
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 4d2ac8905..577530bd6 100644
--- a/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss
+++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss
@@ -2582,6 +2582,8 @@ p {
 
   .compare-col-frame {
     margin-top: 106px;
+    margin-left: 10px;
+    margin-right: 10px;
   }
 
   .sidelink {
@@ -2657,10 +2659,29 @@ p {
   }
 
   .compare-col.leftcol {
-    -webkit-box-flex: 100%;
-    -webkit-flex: 100%;
-    -ms-flex: 100%;
-    flex: 100%;
+    -webkit-box-flex: 2;
+    -webkit-flex: 2;
+    -ms-flex: 2;
+    flex: 2;
+  }
+
+  .ostale-storitve{
+    .compare-col.leftcol {
+      -webkit-box-flex: 100%;
+      -webkit-flex: 100%;
+      -ms-flex: 100%;
+      flex: 100%;
+    }
+
+    .accordion-title-block{
+      display: block;
+
+      .title-cena{
+        width: 49%;
+        display: inline-block;
+        text-align: center;
+      }
+    }
   }
 
   .compare-row {
@@ -2769,13 +2790,23 @@ p {
     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;
   }
 
+/*   .ostale-storitve-tabela{
+    .compare-col.leftcol {
+      border-bottom: 1px solid #d1d1d1;
+    }
+  
+    .compare-row {
+      border-bottom-style: none;
+    }
+  } */
+
   .cd {
     padding-top: 10px;
     padding-bottom: 10px;
@@ -2783,6 +2814,12 @@ p {
     text-align: center;
   }
 
+  .ostale-storitve{
+    .cd {
+      text-align: left;
+    }
+  }
+
   .slide-partners {
     width: 50%;
   }
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/pages/cenik.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/pages/cenik.scss
index f077665ba..253598735 100644
--- a/frontend/drupal9/web/themes/custom/pro1ka/sass/pages/cenik.scss
+++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/pages/cenik.scss
@@ -70,3 +70,14 @@
   }
 }
 
+@media screen and (max-width: 991px) {
+  .cenik-prikaz {
+    .ostale-storitve {
+      &.w-70 {
+        .compare-col {
+          text-align: center;
+        }
+      }
+    }
+  }
+}

From 35025e358f550de0e58b5d3eb10be2d0c0f61cd2 Mon Sep 17 00:00:00 2001
From: urospodkriznik <uros.podkriznik@gmail.com>
Date: Mon, 10 Oct 2022 17:29:21 +0200
Subject: [PATCH 08/17] drupal - responsive popravki frontpage, footer, menu,
 ceniki, generic site

---
 .../web/themes/custom/pro1ka/css/style.css    |  93 +++++++++--
 .../custom/pro1ka/sass/bacis/frontpage.scss   | 152 ++++++++++++------
 .../custom/pro1ka/sass/bolaric/1ka.scss       |  47 ++++--
 .../pro1ka/sass/bolaric/components.scss       |   1 +
 .../pro1ka/sass/components/_footer.scss       |  16 ++
 .../custom/pro1ka/sass/components/_menu.scss  |  12 ++
 .../pro1ka/sass/components/_quicktabs.scss    |  13 ++
 7 files changed, 263 insertions(+), 71 deletions(-)

diff --git a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css
index 7585b92a4..d8fe3e76f 100644
--- a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css
+++ b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css
@@ -943,6 +943,39 @@ body {
   width: 35%;
   line-height: 1.4; }
 
+@media screen and (max-width: 991px) {
+  .slider-right {
+    height: auto;
+    margin-top: 40px; } }
+@media screen and (max-width: 479px) {
+  .slider-right {
+    height: 335px !important;
+    margin-top: 10px !important;
+    margin-bottom: -40px !important; }
+
+  .slider-title {
+    font-size: 30px !important;
+    margin-bottom: 20px !important;
+    font-weight: 400 !important; }
+
+  .slider-subtitle {
+    margin-bottom: 20px !important; }
+
+  .section-title {
+    padding: 0 !important; }
+    .section-title .title {
+      font-size: 23px !important;
+      line-height: 29px !important; }
+
+  .flexcol .content {
+    padding: 0 !important; }
+
+  .blok .text {
+    font-size: 40px !important;
+    line-height: 40px !important; }
+
+  .pridruzi-se-nam .row {
+    flex-direction: column; } }
 .breadcrumbs {
   display: -webkit-box;
   display: -webkit-flex;
@@ -1030,6 +1063,13 @@ ul.seznam-tem {
       font-size: 18px;
       font-weight: 400; }
 
+@media screen and (max-width: 479px) {
+  ul.quicktabs-tabs li {
+    margin: 0 !important;
+    padding: 10px !important; }
+    ul.quicktabs-tabs li a {
+      font-size: 15px;
+      line-height: 19px; } }
 .modal, .rexister-modal {
   position: fixed;
   left: 0%;
@@ -2151,6 +2191,12 @@ nav.tabs {
     .nav-menu .menu-icon img {
       height: 35px;
       cursor: pointer; } }
+@media screen and (max-width: 479px) {
+  .nav-menu .menu-icon {
+    margin-right: 25px; }
+
+  .mobile-nav-menu {
+    min-width: unset; } }
 #block-languageswitcher {
   margin-right: 40px; }
   #block-languageswitcher ul {
@@ -2228,6 +2274,14 @@ a {
 .blue-section .secondary-button-white {
   color: white; }
 
+@media screen and (max-width: 479px) {
+  .div-block-17 .buttons-row {
+    flex-direction: column; }
+    .div-block-17 .buttons-row a {
+      max-width: unset;
+      width: unset; }
+      .div-block-17 .buttons-row a.main-button-white {
+        margin-bottom: 10px; } }
 #search-api-page-block-form-iskanje {
   display: flex; }
   #search-api-page-block-form-iskanje .js-form-type-search {
@@ -2424,7 +2478,8 @@ body {
 img {
   max-width: 100%;
   vertical-align: middle;
-  display: inline-block; }
+  display: inline-block;
+  align-self: center; }
 
 html.w-mod-touch * {
   background-attachment: scroll !important; }
@@ -4862,7 +4917,8 @@ p {
   z-index: 3;
   padding-right: 20px;
   font-size: 16px;
-  font-weight: 600; }
+  font-weight: 600;
+  align-self: center; }
 
 .si {
   width: 50%;
@@ -6439,16 +6495,24 @@ p {
     font-size: 14px; }
 
   .compare-col.leftcol {
-    -webkit-box-flex: 2;
-    -webkit-flex: 2;
-    -ms-flex: 2;
-    flex: 2; }
-
-  .ostale-storitve .compare-col.leftcol {
     -webkit-box-flex: 100%;
     -webkit-flex: 100%;
     -ms-flex: 100%;
     flex: 100%; }
+
+  .h2-compare {
+    margin-bottom: 0 !important; }
+
+  .accordion-title:not(.title-cena) {
+    line-height: normal;
+    align-self: center;
+    min-height: 35px;
+    display: flex;
+    align-items: center; }
+
+  .accordion-title-block .accordion-icon {
+    margin-top: 0; }
+
   .ostale-storitve .accordion-title-block {
     display: block; }
     .ostale-storitve .accordion-title-block .title-cena {
@@ -6593,8 +6657,8 @@ p {
     margin-right: 0px; }
 
   .col {
-    padding-right: 10px;
-    padding-left: 10px; }
+    padding-right: 0 !important;
+    padding-left: 0 !important; }
 
   .col._6-12-12-12 {
     -webkit-box-flex: 0;
@@ -6699,6 +6763,14 @@ p {
     -ms-flex: 0 0 33.3333%;
     flex: 0 0 33.3333%; }
 
+  .ostale-storitve.compare-col {
+    padding-right: 2px;
+    padding-left: 2px;
+    -webkit-box-flex: 0;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1; }
+
   .compare-col.leftcol {
     margin-top: 0px;
     padding-top: 0px;
@@ -6727,6 +6799,7 @@ p {
     font-size: 14px; }
 
   .div-block-22 {
+    margin-top: 40px;
     display: block;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/bacis/frontpage.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/bacis/frontpage.scss
index 5d5f54d4a..b35e1bd15 100644
--- a/frontend/drupal9/web/themes/custom/pro1ka/sass/bacis/frontpage.scss
+++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/bacis/frontpage.scss
@@ -1,4 +1,4 @@
-.section.uvodni-slider{
+.section.uvodni-slider {
   padding-top: 0;
   z-index: 121;
   display: -webkit-box;
@@ -21,7 +21,7 @@
   background-color: #fff;
   text-align: left;
 
-  .slider-right{
+  .slider-right {
     height: 460px;
     position: relative;
     display: -webkit-box;
@@ -41,7 +41,7 @@
     -ms-flex: 1;
     flex: 1;
 
-    .slider-slika{
+    .slider-slika {
       position: absolute;
       z-index: 3;
       width: 100%;
@@ -51,7 +51,7 @@
     }
   }
 
-  .slider-left{
+  .slider-left {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -66,7 +66,7 @@
     -ms-flex: 0 50%;
     flex: 0 50%;
 
-    .slider-title{
+    .slider-title {
       margin-bottom: 40px;
       color: #333;
       font-size: 50px;
@@ -74,7 +74,7 @@
       font-weight: 300;
     }
 
-    .slider-subtitle{
+    .slider-subtitle {
       margin-bottom: 40px;
       color: #333;
       font-size: 19px;
@@ -85,7 +85,7 @@
   }
 }
 
-.section{
+.section {
   .section-title {
     padding-right: 50px;
     padding-left: 50px;
@@ -110,21 +110,21 @@
   }
 }
 
-.izbira-paketa{
-  .section-main{
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-pack: center;
-      -webkit-justify-content: center;
-      -ms-flex-pack: center;
-      justify-content: center;
-      -webkit-flex-wrap: wrap;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
+.izbira-paketa {
+  .section-main {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-flex-wrap: wrap;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
 
-    .col{
+    .col {
       padding-right: 25px;
       padding-left: 25px;
       width: 33.3333%;
@@ -134,17 +134,17 @@
       flex: 0 0 33.3333%;
       text-align: center;
 
-      img.package{
+      img.package {
         margin-bottom: 20px;
       }
 
-      .icon{
+      .icon {
         width: 150px;
         height: 150px;
         margin-bottom: 20px;
       }
 
-      .title{
+      .title {
         margin-bottom: 10px;
         color: $temo-modra;
         font-size: 18px;
@@ -156,8 +156,8 @@
   }
 }
 
-.funkcionalnost{
-  .section-main{
+.funkcionalnost {
+  .section-main {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -171,7 +171,7 @@
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 
-    .flexcol{
+    .flexcol {
       display: -webkit-box;
       display: -webkit-flex;
       display: -ms-flexbox;
@@ -182,13 +182,13 @@
       -ms-flex: 0 50%;
       flex: 0 50%;
 
-      .content{
+      .content {
         padding-top: 0;
         padding-right: 25px;
         padding-left: 25px;
         display: flex;
 
-        .icon{
+        .icon {
           display: -webkit-box;
           display: -webkit-flex;
           display: -ms-flexbox;
@@ -211,7 +211,7 @@
           background-color: $sv-modra;
           opacity: 1;
 
-          img{
+          img {
             width: 34px;
             height: 34px;
             opacity: 1;
@@ -242,8 +242,8 @@
   }
 }
 
-.koraki-spletnega-anketiranja{
-  .section-title{
+.koraki-spletnega-anketiranja {
+  .section-title {
     padding-right: 25px;
     padding-left: 25px;
     -webkit-box-flex: 1;
@@ -296,7 +296,7 @@
         }
       }
 
-      .gumb{
+      .gumb {
         width: 33.3333%;
         -webkit-box-flex: 0;
         -webkit-flex: 0 0 33.3333%;
@@ -304,7 +304,7 @@
         flex: 0 0 33.3333%;
         padding: 0 25px;
 
-        .button{
+        .button {
           max-width: 200px;
           -webkit-box-flex: 1;
           -webkit-flex: 1;
@@ -340,7 +340,7 @@
   }
 }
 
-.pridruzi-se-nam{
+.pridruzi-se-nam {
   .row {
     display: -webkit-box;
     display: -webkit-flex;
@@ -354,7 +354,7 @@
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 
-    .gumb{
+    .gumb {
       //margin-top: 30px;
       //margin-bottom: 20px;
       -webkit-box-pack: center;
@@ -446,7 +446,7 @@
         flex: 0 50%;
       }
 
-      &.tretina{
+      &.tretina {
         width: 33.3333%;
         -webkit-box-flex: 0;
         -webkit-flex: 0 0 33.3333%;
@@ -458,8 +458,8 @@
   }
 }
 
-.zaupajo-nam{
-  .row-logotipi{
+.zaupajo-nam {
+  .row-logotipi {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -472,7 +472,7 @@
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 
-    img{
+    img {
       max-width: 100%;
       vertical-align: middle;
       display: inline-block;
@@ -486,13 +486,13 @@
   }
 }
 
-.col-6-blue{
+.col-6-blue {
   -webkit-box-flex: 0;
   padding-right: 25px;
   padding-left: 25px;
   max-width: 800px;
 
-  &.vert-center{
+  &.vert-center {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -504,7 +504,7 @@
   }
 }
 
-.stolpec-4{
+.stolpec-4 {
   padding-right: 25px;
   padding-left: 25px;
   -webkit-box-flex: 1;
@@ -512,13 +512,13 @@
   -ms-flex: 1;
   min-width: 200px;
 
-  &.logotipi{
-    img{
+  &.logotipi {
+    img {
       height: 60px;
       margin: 0.75rem 0;
       margin-right: 20px;
 
-      &.fdv{
+      &.fdv {
         width: 214px;
         height: auto;
       }
@@ -532,12 +532,12 @@
   }
 }
 
-.koraki-spletnega-anketiranja{
-  .slika{
+.koraki-spletnega-anketiranja {
+  .slika {
     position: relative;
   }
 
-  .centered_text{
+  .centered_text {
     position: absolute;
     top: 50%;
     left: 50%;
@@ -549,3 +549,57 @@
     line-height: 1.4;
   }
 }
+
+@media screen and (max-width: 991px) {
+  .slider-right {
+    height: auto;
+    margin-top: 40px;
+  }
+}
+
+@media screen and (max-width: 479px) {
+
+  .slider-right {
+    height: 335px !important;
+    margin-top: 10px !important;
+    margin-bottom: -40px !important;
+  }
+
+  .slider-title {
+    font-size: 30px !important;
+    margin-bottom: 20px !important;
+    font-weight: 400 !important;
+  }
+
+  .slider-subtitle {
+    margin-bottom: 20px !important;
+  }
+
+  .section-title {
+    padding: 0 !important;
+
+    .title {
+      font-size: 23px !important;
+      line-height: 29px !important;
+    }
+  }
+
+  .flexcol {
+    .content {
+      padding: 0 !important;
+    }
+  }
+
+  .blok {
+    .text {
+      font-size: 40px !important;
+      line-height: 40px !important;
+    }
+  }
+
+  .pridruzi-se-nam{
+    .row{
+      flex-direction: column;
+    }
+  }
+}
\ No newline at end of file
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 577530bd6..82c4b7c6b 100644
--- a/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss
+++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss
@@ -825,6 +825,7 @@ p {
   padding-right: 20px;
   font-size: 16px;
   font-weight: 600;
+  align-self: center;
 }
 
 .si {
@@ -2659,20 +2660,31 @@ p {
   }
 
   .compare-col.leftcol {
-    -webkit-box-flex: 2;
-    -webkit-flex: 2;
-    -ms-flex: 2;
-    flex: 2;
-  }
-
-  .ostale-storitve{
-    .compare-col.leftcol {
-      -webkit-box-flex: 100%;
+    -webkit-box-flex: 100%;
       -webkit-flex: 100%;
       -ms-flex: 100%;
       flex: 100%;
-    }
+  }
 
+  .h2-compare {
+    margin-bottom: 0 !important;
+  }
+
+  .accordion-title:not(.title-cena){
+    line-height: normal;
+    align-self: center;
+    min-height: 35px;
+    display: flex;
+    align-items: center;
+  }
+
+  .accordion-title-block{
+    .accordion-icon{
+      margin-top: 0;
+    }
+  }
+
+  .ostale-storitve{
     .accordion-title-block{
       display: block;
 
@@ -2864,8 +2876,8 @@ p {
   }
 
   .col {
-    padding-right: 10px;
-    padding-left: 10px;
+    padding-right: 0 !important;
+    padding-left: 0 !important;
   }
 
   .col._6-12-12-12 {
@@ -2997,6 +3009,16 @@ p {
     flex: 0 0 33.3333%;
   }
 
+  .ostale-storitve.compare-col {
+    padding-right: 2px;
+    padding-left: 2px;
+    -webkit-box-flex: 0;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+  }
+
+
   .compare-col.leftcol {
     margin-top: 0px;
     padding-top: 0px;
@@ -3031,6 +3053,7 @@ p {
   }
 
   .div-block-22 {
+    margin-top: 40px;
     display: block;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/components.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/components.scss
index 41e7c0ff4..e3ae4061f 100644
--- a/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/components.scss
+++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/components.scss
@@ -59,6 +59,7 @@ img {
   max-width: 100%;
   vertical-align: middle;
   display: inline-block;
+  align-self: center;
 }
 html.w-mod-touch * {
   background-attachment: scroll !important;
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_footer.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_footer.scss
index 9fef7ff9c..3c6496e74 100755
--- a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_footer.scss
+++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_footer.scss
@@ -3,3 +3,19 @@
     color: white;
   }
 }
+
+@media screen and (max-width: 479px) {
+  .div-block-17{
+    .buttons-row{
+      flex-direction: column;
+      a{
+        max-width: unset;
+        width: unset;
+
+        &.main-button-white{
+          margin-bottom: 10px;
+        }
+      }
+    }
+  } 
+}
\ No newline at end of file
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_menu.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_menu.scss
index 6881f1594..e1cc5b5b4 100755
--- a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_menu.scss
+++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_menu.scss
@@ -405,4 +405,16 @@ nav.tabs {
       }
     }
   }
+}
+
+@media screen and (max-width: 479px) {
+  .nav-menu {
+    .menu-icon {
+      margin-right: 25px;
+    }
+  }
+
+  .mobile-nav-menu{
+    min-width: unset;
+  }
 }
\ No newline at end of file
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_quicktabs.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_quicktabs.scss
index 0b9217e1e..edc897f8a 100644
--- a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_quicktabs.scss
+++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_quicktabs.scss
@@ -75,3 +75,16 @@ ul.seznam-tem{
     }
   }
 }
+
+@media screen and (max-width: 479px) {
+  ul.quicktabs-tabs{
+    li{
+      margin: 0 !important;
+      padding: 10px !important;
+      a{
+        font-size: 15px;
+        line-height: 19px;
+      }
+    }
+  } 
+}
\ No newline at end of file

From d75ebeed92cdc36819c6008a73f14c52f35d1242 Mon Sep 17 00:00:00 2001
From: urospodkriznik <uros.podkriznik@gmail.com>
Date: Tue, 11 Oct 2022 10:29:40 +0200
Subject: [PATCH 09/17] drupal manjsi popravek footer

---
 .../web/themes/custom/pro1ka/sass/components/_footer.scss       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_footer.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_footer.scss
index 3c6496e74..6c0e4279b 100755
--- a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_footer.scss
+++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_footer.scss
@@ -13,7 +13,7 @@
         width: unset;
 
         &.main-button-white{
-          margin-bottom: 10px;
+          margin-bottom: 16px;
         }
       }
     }

From dcc2d49384284d3004387cd954f29d2b52c91c34 Mon Sep 17 00:00:00 2001
From: pero1203 <peter.hrvatin@gmail.com>
Date: Tue, 11 Oct 2022 12:37:16 +0200
Subject: [PATCH 10/17] Moje ankete direktoriji - v grobem dokoncane vse
 funkcionalnosti

---
 admin/survey/classes/class.SurveyList.php     |   4 +-
 .../classes/class.SurveyListFolders.php       |  50 +-
 admin/survey/index.php                        |  19 +-
 admin/survey/script/surveyList.js             |  20 +-
 public/css/admin_new.css                      | 162 +++--
 .../pages/my_surveys/survey_list_folders.scss | 665 +++++++++---------
 6 files changed, 496 insertions(+), 424 deletions(-)

diff --git a/admin/survey/classes/class.SurveyList.php b/admin/survey/classes/class.SurveyList.php
index ba025639f..2444245a2 100644
--- a/admin/survey/classes/class.SurveyList.php
+++ b/admin/survey/classes/class.SurveyList.php
@@ -237,8 +237,10 @@ class SurveyList {
         $userAccess = UserAccess::getInstance($global_user_id);
         $detect = New Mobile_Detect();
 
-        if($userAccess->checkUserAccess('my_survey_folders') && !$detect->isMobile() && !$detect->isTablet())
+        if($userAccess->checkUserAccess('my_survey_folders') && !$detect->isMobile() && !$detect->isTablet()){
+            UserSetting::getInstance()->Init($global_user_id);
 		    $show_folders = UserSetting::getInstance()->getUserSetting('survey_list_folders');
+        }
 
         if($show_folders == '1')
             return true;
diff --git a/admin/survey/classes/class.SurveyListFolders.php b/admin/survey/classes/class.SurveyListFolders.php
index f7bc2d206..4101b95c2 100644
--- a/admin/survey/classes/class.SurveyListFolders.php
+++ b/admin/survey/classes/class.SurveyListFolders.php
@@ -125,14 +125,14 @@ class SurveyListFolders extends SurveyList{
 
             // Nastavimo, ce je to trenutno odprt folder
             if($row['active'] == '1')
-                $this->current_folder = $row;            
+                $this->current_folder = $row;
         }
 
 
         // Izrisemo folder box
         // Ce je root
         if($folder_id == '0'){
-            echo '<li id="folder_item_'.$folder_id.'" class="folder_item mySurvey_droppable" onClick="mySurvey_folder_activate(\''.$folder_id.'\');">';
+            echo '<li id="folder_item_'.$folder_id.'" class="folder_item mySurvey_droppable" folder_id="'.$folder_id.'" onClick="mySurvey_folder_activate(\''.$folder_id.'\');">';
         
             echo '<span class="faicon arrow"></span>';
             echo '<span class="faicon folder"></span>';
@@ -140,7 +140,7 @@ class SurveyListFolders extends SurveyList{
             echo $lang['srv_mySurvey_all_surveys'];  
         }
         else{            
-            echo '<li id="folder_item_'.$folder_id.'" class="folder_item mySurvey_draggable mySurvey_droppable" onClick="mySurvey_folder_activate(\''.$folder_id.'\');">';
+            echo '<li id="folder_item_'.$folder_id.'" class="folder_item mySurvey_draggable mySurvey_droppable" folder_id="'.$folder_id.'" onClick="mySurvey_folder_activate(\''.$folder_id.'\');">';
         
             echo '<span class="faicon arrow"></span>';
             echo '<span class="faicon folder"></span>';
@@ -856,6 +856,9 @@ class SurveyListFolders extends SurveyList{
 
             // Na novo prikazemo desno stran
             $this->displayRightContent();
+
+            // JS za drag/drop
+            echo '<script type="text/javascript">mySurvey_folder_init();</script>';
 		}
 
 
@@ -881,6 +884,9 @@ class SurveyListFolders extends SurveyList{
             $new_folder_id = mysqli_insert_id($GLOBALS['connect_db']);
            
             $this->displayLeftContent();
+
+            // JS za drag/drop
+            echo '<script type="text/javascript">mySurvey_folder_init();</script>';
         }
 
         // Pokazemo popup za preimenovanje folderja
@@ -902,6 +908,9 @@ class SurveyListFolders extends SurveyList{
             $sql = sisplet_query("UPDATE srv_mysurvey_folder SET naslov='".$folder_name."' WHERE id='".$folder_id."' AND usr_id='".$global_user_id."'");
 
             $this->displayLeftContent();
+
+            // JS za drag/drop
+            echo '<script type="text/javascript">mySurvey_folder_init();</script>';
         }
 
         // Pobrisemo folder
@@ -934,6 +943,41 @@ class SurveyListFolders extends SurveyList{
             }
 		}
 
+
+        // Drop folderja
+		if($_GET['a'] == 'mysurvey_folder_drop'){
+
+            $drag_folder_id = isset($_POST['drag_folder_id']) ? $_POST['drag_folder_id'] : 0;
+            $parent_folder_id = isset($_POST['parent_folder_id']) ? $_POST['parent_folder_id'] : 0;
+
+            if($drag_folder_id > 0){
+
+                // Nastavimo folderju novega parenta
+                $sql = sisplet_query("UPDATE srv_mysurvey_folder SET parent='".$parent_folder_id."' WHERE id='".$drag_folder_id."' AND usr_id='".$global_user_id."'");
+            }
+
+            $this->getSurveys();
+		}
+
+        // Drop ankete
+		if($_GET['a'] == 'mysurvey_survey_drop'){
+
+            $drag_survey_id = isset($_POST['drag_survey_id']) ? $_POST['drag_survey_id'] : 0;
+            $parent_folder_id = isset($_POST['parent_folder_id']) ? $_POST['parent_folder_id'] : 0;
+
+            if($drag_survey_id > 0){
+
+                // Prestavimo anketo v folder
+                $sql = sisplet_query("INSERT INTO srv_mysurvey_anketa 
+                                        (ank_id, usr_id, folder) 
+                                        VALUES 
+                                        ('".$drag_survey_id."', '".$global_user_id."', '".$parent_folder_id."') 
+                                        ON DUPLICATE KEY UPDATE 
+                                            folder='".$parent_folder_id."'");
+            }
+
+            $this->getSurveys();
+		}
     }
 
 }
diff --git a/admin/survey/index.php b/admin/survey/index.php
index a252abbcf..c2fa5b851 100644
--- a/admin/survey/index.php
+++ b/admin/survey/index.php
@@ -176,12 +176,23 @@
     /**************** BODY ****************/
 
     // za css - barve ozadja
-    if (isset($_GET['anketa']))
+    if(isset($_GET['anketa'])){
         $cssBodyClass = 'body_anketa';
-    else if (isset($_GET['a']) && $_GET['a'] == 'knjiznica' )
+    }
+    elseif(isset($_GET['a']) && $_GET['a'] == 'knjiznica'){
         $cssBodyClass = 'body_library';
-    else
-        $cssBodyClass = 'body_folders';
+    }
+    elseif(!isset($_GET['a']) || $_GET['a'] == 'pregledovanje'){
+        
+        // Pogled s folderji
+        if(SurveyList::hasFolders()){
+            $cssBodyClass = 'body_mySurveys_folders';
+        }
+        // Klasicne moje ankete
+        else{
+            $cssBodyClass = 'body_mySurveys';
+        }
+    }
     
     // Class za jezik
     $langBodyClass = ($lang['id'] != "1") ? 'eng' : 'slo';
diff --git a/admin/survey/script/surveyList.js b/admin/survey/script/surveyList.js
index 1c1a5d69c..e1247c5d1 100644
--- a/admin/survey/script/surveyList.js
+++ b/admin/survey/script/surveyList.js
@@ -75,6 +75,8 @@ function switchFolder(show){
 
 	$('#survey_list').load('ajax.php?a=surveyList_folders', {show_folders:show_folders}, function(){
         $('#moje_ankete_edit').toggleClass('moje_ankete_folders');
+        $('body').toggleClass('body_mySurveys_folders');
+        $('body').toggleClass('body_mySurveys');
     });
 }
 
@@ -89,22 +91,20 @@ function mySurvey_folder_init() {
 
 			// Drop folderja
 			if($(ui.draggable).hasClass('folder_item')){
-				/*var drag_folder = $(ui.draggable).attr('folder_id');
-				var parent = $(this).attr('folder_id');
+
+				var drag_folder_id = $(ui.draggable).attr('folder_id');
+				var parent_folder_id = $(this).attr('folder_id');
 				
-				$.post('ajax.php?t=surveyList&a=folder_dropped', {parent: parent, drag_folder: drag_folder}, function(){
-					window.location.reload();
-				});*/
+				$('#survey_list').load('ajax.php?t=surveyListFolders&a=mysurvey_folder_drop', {parent_folder_id: parent_folder_id, drag_folder_id: drag_folder_id});
 			}
 			
 			// Drop ankete
 			if($(ui.draggable).hasClass('anketa_list')){
-				/*var drag_survey = $(ui.draggable).attr('anketa_id');
-				var parent = $(this).attr('folder_id');
 
-				$.post('ajax.php?t=surveyList&a=survey_dropped', {parent: parent, drag_survey: drag_survey}, function(){
-					window.location.reload();
-				});*/
+				var drag_survey_id = $(ui.draggable).attr('anketa_id');
+				var parent_folder_id = $(this).attr('folder_id');
+                
+				$('#survey_list').load('ajax.php?t=surveyListFolders&a=mysurvey_survey_drop', {parent_folder_id: parent_folder_id, drag_survey_id: drag_survey_id});
 			}
         }
     });
diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index 4bf55a70e..7fa901a1f 100644
--- a/public/css/admin_new.css
+++ b/public/css/admin_new.css
@@ -11067,35 +11067,40 @@ body.eng #survey_list .filters #folderSwitch {
 /*
     Seznam anket pri mojih anketah z vklopljenimi mapami
 */
-.moje_ankete_folders {
+body.body_mySurveys_folders {
+  overflow-y: hidden;
+}
+body.body_mySurveys_folders .moje_ankete_folders {
   margin-top: -64px !important;
   padding: 0 !important;
   max-width: 100% !important;
+  overflow-y: hidden;
 }
-.moje_ankete_folders #survey_list .survey_list_folders {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders {
   display: flex;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content {
   flex-shrink: 0;
   width: 320px;
-  height: 100vh;
+  height: calc(100vh - 210px);
+  overflow-y: auto;
   padding: 32px 16px;
   border-right: 1px #E5E5E5 solid;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content .title {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content .title {
   margin-bottom: 16px;
   font-weight: 600;
   font-size: 14px;
   text-transform: uppercase;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content > ul {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content > ul {
   margin-left: 0 !important;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul {
   margin: 0 0 0 16px;
   padding: 0;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item {
   cursor: pointer;
   position: relative;
   display: flex;
@@ -11110,58 +11115,58 @@ body.eng #survey_list .filters #folderSwitch {
   border-radius: 2px;
   transition: 0.2s;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .faicon.arrow:before {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .faicon.arrow:before {
   content: "";
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .faicon.folder:before,
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .faicon.clipboard:before {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .faicon.folder:before,
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .faicon.clipboard:before {
   font-weight: 400;
   color: #D3D3D3;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item.active {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item.active {
   border-color: #1E88E5;
   background-color: #F8F8F8;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item.active .faicon.folder:before,
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item.active .faicon.clipboard:before {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item.active .faicon.folder:before,
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item.active .faicon.clipboard:before {
   font-weight: 600;
   color: #1E88E5;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item.open .faicon.arrow:before {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item.open .faicon.arrow:before {
   content: "";
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item.no_arrow .faicon.arrow:before {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item.no_arrow .faicon.arrow:before {
   display: none;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item.droppable_folder.drag-hover {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item.mySurvey_droppable.folderhover {
   background-color: #E5E5E5;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item:hover {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item:hover {
   background-color: #F8F8F8;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item:hover .dots_ver {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item:hover .dots_ver {
   display: block;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item span {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item span {
   margin-right: 8px;
   font-size: 14px;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_child_count {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_child_count {
   margin-left: 8px;
   font-size: 12px;
   color: #777777;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .dots_ver {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .dots_ver {
   display: none;
   position: absolute;
   right: 0;
   padding: 7px 8px;
   margin-right: 0;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .dots_ver.active {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .dots_ver.active {
   display: block !important;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings {
   padding: 16px;
   color: #333333;
   font-weight: 400;
@@ -11177,35 +11182,35 @@ body.eng #survey_list .filters #folderSwitch {
   top: 38px;
   border-radius: 2px;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings a {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings a {
   text-decoration: none;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li {
   margin-bottom: 16px;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li:last-of-type {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li:last-of-type {
   margin-bottom: 0;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li span {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li span {
   cursor: pointer;
   color: #333333;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li span:hover {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li span:hover {
   color: #1E88E5;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li {
   color: #1E88E5;
   transition: 0.2s;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li:hover {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li:hover {
   color: #0059ab;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content #mySurvey_additional_popup {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content #mySurvey_additional_popup {
   display: none;
   z-index: 9999;
   position: absolute !important;
@@ -11215,59 +11220,60 @@ body.eng #survey_list .filters #folderSwitch {
   border: 1px solid #C4C4C4;
   box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.07);
 }
-.moje_ankete_folders #survey_list .survey_list_folders .left_content #mySurvey_additional_popup input[type=text] {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content #mySurvey_additional_popup input[type=text] {
   width: 100%;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .right_content {
-  width: auto;
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .right_content {
+  width: 100%;
   padding: 32px 16px;
+  height: calc(100vh - 210px);
+  overflow-y: auto;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .right_content .folder_title {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .right_content .folder_title {
   margin-bottom: 24px;
   font-weight: 600;
   font-size: 16px;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .right_content .folder_title .faicon.folder:before {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .right_content .folder_title .faicon.folder:before {
   margin-right: 8px;
   font-weight: 600;
   color: #1E88E5;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .right_content .second_line {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .right_content .second_line {
   display: flex;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .right_content .second_line .create_buttons {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .right_content .second_line .create_buttons {
   display: flex;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .right_content .second_line .filters {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .right_content .second_line .filters {
   width: auto;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .right_content .second_line .filters #searchMySurveys {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .right_content .second_line .filters #searchMySurveys {
   width: auto;
   margin-left: 16px;
 }
-.moje_ankete_folders #survey_list .survey_list_folders .right_content .second_line .filters #searchMySurveys #searchMySurvey,
-.moje_ankete_folders #survey_list .survey_list_folders .right_content .second_line .filters #searchMySurveys button {
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .right_content .second_line .filters #searchMySurveys #searchMySurvey,
+body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .right_content .second_line .filters #searchMySurveys button {
   height: 40px;
 }
-
-#survey_list .div_sl_new.folders table#surveyList_new tr.sl_header_new td {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders table#surveyList_new tr.sl_header_new td {
   background-color: #FFFFFF;
 }
-#survey_list .div_sl_new.folders .folder_add_first a {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_add_first a {
   font-size: 16px;
   font-weight: 600;
   text-decoration: none;
 }
-#survey_list .div_sl_new.folders .folder_add_first a .faicon {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_add_first a .faicon {
   margin-right: 8px;
 }
-#survey_list .div_sl_new.folders > .folder_holder .folder_holder {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders > .folder_holder .folder_holder {
   margin-left: 36px;
 }
-#survey_list .div_sl_new.folders .folder_holder {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder {
   margin-top: 16px;
 }
-#survey_list .div_sl_new.folders .folder_holder .folder_title {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title {
   display: flex;
   justify-content: flex-start;
   align-items: center;
@@ -11278,101 +11284,101 @@ body.eng #survey_list .filters #folderSwitch {
   border: 1px solid #D3D3D3;
   border-radius: 4px;
 }
-#survey_list .div_sl_new.folders .folder_holder .folder_title .folder_arrow_icon {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title .folder_arrow_icon {
   cursor: pointer;
 }
-#survey_list .div_sl_new.folders .folder_holder .folder_title .folder_arrow_icon::before {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title .folder_arrow_icon::before {
   content: "";
   font-size: 14px;
   color: #333333;
   margin-right: 8px;
 }
-#survey_list .div_sl_new.folders .folder_holder .folder_title .folder_icon::before {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title .folder_icon::before {
   content: "";
   font-size: 16px;
   font-weight: 400;
   color: #1E88E5;
   margin-right: 8px;
 }
-#survey_list .div_sl_new.folders .folder_holder .folder_title.open {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title.open {
   background-color: #F8F8F8;
 }
-#survey_list .div_sl_new.folders .folder_holder .folder_title.open .folder_arrow_icon::before {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title.open .folder_arrow_icon::before {
   content: "";
 }
-#survey_list .div_sl_new.folders .folder_holder .folder_title.open .folder_icon::before {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title.open .folder_icon::before {
   font-weight: 600;
 }
-#survey_list .div_sl_new.folders .folder_holder .folder_title .folder_title_text {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title .folder_title_text {
   margin-right: 8px;
 }
-#survey_list .div_sl_new.folders .folder_holder .folder_title .folder_title_text a {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title .folder_title_text a {
   cursor: text;
   text-decoration: none;
   color: #333333;
 }
-#survey_list .div_sl_new.folders .folder_holder .folder_title .folder_title_text input[type=text] {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title .folder_title_text input[type=text] {
   font-size: 16px;
   padding: 2px 3px;
 }
-#survey_list .div_sl_new.folders .folder_holder .folder_title .folder_title_edit {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title .folder_title_edit {
   margin: 0;
 }
-#survey_list .div_sl_new.folders .folder_holder .folder_title .map_holder_control {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title .map_holder_control {
   display: none;
 }
-#survey_list .div_sl_new.folders .folder_holder .folder_title .map_holder_control .faicon::before {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title .map_holder_control .faicon::before {
   font-size: 16px;
 }
-#survey_list .div_sl_new.folders .folder_holder .folder_title .folder_clickable {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title .folder_clickable {
   cursor: pointer;
   flex-grow: 1;
   height: 100%;
 }
-#survey_list .div_sl_new.folders .folder_holder .folder_title:hover .map_holder_control {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title:hover .map_holder_control {
   display: flex;
 }
-#survey_list .div_sl_new.folders .folder_holder .folder_title:hover .map_holder_control a {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title:hover .map_holder_control a {
   margin-left: 8px;
 }
-#survey_list .div_sl_new.folders .folder_holder .folder_title span.folder_blue {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title span.folder_blue {
   cursor: move;
 }
-#survey_list .div_sl_new.folders .folder_holder .folder_content.closed {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_content.closed {
   display: none;
 }
-#survey_list .div_sl_new.folders .folder_holder .folder_content.subfolder {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_content.subfolder {
   margin-bottom: 5px;
 }
-#survey_list .div_sl_new.folders .folder_holder table#surveyList_new {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder table#surveyList_new {
   margin-bottom: 20px;
 }
-#survey_list .div_sl_new.folders .folder_holder table#surveyList_new tr.anketa_list td.col3 {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder table#surveyList_new tr.anketa_list td.col3 {
   cursor: move;
 }
-#survey_list .div_sl_new.folders .folderhover {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .folderhover {
   background-color: #E5E5E5 !important;
   border: 1px solid #E5E5E5 !important;
   border-radius: 5px 5px 5px 5px;
 }
-#survey_list .div_sl_new.folders .mySurvey_draggable_helper {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .mySurvey_draggable_helper {
   cursor: move;
 }
-#survey_list .div_sl_new.folders .mySurvey_draggable_helper .map_holder_control {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .mySurvey_draggable_helper .map_holder_control {
   display: none;
 }
-#survey_list .div_sl_new.folders .mySurvey_draggable_helper td {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .mySurvey_draggable_helper td {
   display: none;
   border: 0;
 }
-#survey_list .div_sl_new.folders .mySurvey_draggable_helper td.col3 {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .mySurvey_draggable_helper td.col3 {
   display: inline-block;
   border: 0 !important;
 }
-#survey_list .div_sl_new.folders .mySurvey_draggable_helper span.minus {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .mySurvey_draggable_helper span.minus {
   display: none !important;
 }
-#survey_list .div_sl_new.folders .mySurvey_draggable_helper span.map_holder_control {
+body.body_mySurveys_folders #survey_list .div_sl_new.folders .mySurvey_draggable_helper span.map_holder_control {
   display: none !important;
 }
 
diff --git a/resources/sass/admin_new/pages/my_surveys/survey_list_folders.scss b/resources/sass/admin_new/pages/my_surveys/survey_list_folders.scss
index 0c8845523..3b6a6ebc4 100644
--- a/resources/sass/admin_new/pages/my_surveys/survey_list_folders.scss
+++ b/resources/sass/admin_new/pages/my_surveys/survey_list_folders.scss
@@ -2,384 +2,393 @@
     Seznam anket pri mojih anketah z vklopljenimi mapami
 */
 
-.moje_ankete_folders{
-    margin-top: -64px !important;
-    padding: 0 !important;
+body.body_mySurveys_folders{
+    overflow-y: hidden;
 
-    max-width: 100% !important;
+    .moje_ankete_folders{
+        margin-top: -64px !important;
+        padding: 0 !important;
 
-    #survey_list .survey_list_folders{
-        display: flex;
+        max-width: 100% !important;
+        overflow-y: hidden;
+
+        #survey_list .survey_list_folders{
+            display: flex;
 
 
-        // Meni na levi
-        .left_content{
-            flex-shrink: 0;
+            // Meni na levi
+            .left_content{
+                flex-shrink: 0;
 
-            width: 320px;
-            height: 100vh;
+                width: 320px;
+                height: calc(100vh - 210px);
+                overflow-y: auto;
 
-            padding: 32px 16px;
+                padding: 32px 16px;
 
-            border-right: 1px $gray solid;
+                border-right: 1px $gray solid;
 
-            .title{
-                margin-bottom: 16px;
+                .title{
+                    margin-bottom: 16px;
 
-                font-weight: 600;
-                font-size: 14px;
-                text-transform: uppercase;
-            }
+                    font-weight: 600;
+                    font-size: 14px;
+                    text-transform: uppercase;
+                }
 
-            > ul {
-                margin-left: 0 !important;
-            }
-    
-            ul{
-                margin: 0 0 0 16px;
-                padding: 0;
-    
-                li.folder_item{
-                    cursor: pointer;
-                    position: relative;
+                > ul {
+                    margin-left: 0 !important;
+                }
         
-                    display: flex;
-                    align-items: center;
-                    justify-content: flex-start;
+                ul{
+                    margin: 0 0 0 16px;
+                    padding: 0;
         
-                    box-sizing: border-box;
-                    height: 40px;
-                    width: 100%;
-                    padding: 0 8px;
-                    margin-bottom: 8px;
-        
-                    border: 1px solid $gray;
-                    border-radius: 2px;
-        
-                    transition: 0.2s;
-        
-                    .faicon.arrow:before{
-                        content: "\f078";
-                    }
-                    .faicon.folder:before,
-                    .faicon.clipboard:before{
-                        font-weight: 400;
-                        color: $dark-gray2;
-                    }
-                    &.active{
-                        border-color: $blue;
-                        background-color: $light-gray;
-    
+                    li.folder_item{
+                        cursor: pointer;
+                        position: relative;
+            
+                        display: flex;
+                        align-items: center;
+                        justify-content: flex-start;
+            
+                        box-sizing: border-box;
+                        height: 40px;
+                        width: 100%;
+                        padding: 0 8px;
+                        margin-bottom: 8px;
+            
+                        border: 1px solid $gray;
+                        border-radius: 2px;
+            
+                        transition: 0.2s;
+            
+                        .faicon.arrow:before{
+                            content: "\f078";
+                        }
                         .faicon.folder:before,
                         .faicon.clipboard:before{
-                            font-weight: 600;
-                            color: $blue;
+                            font-weight: 400;
+                            color: $dark-gray2;
                         }
-                    }
-                    &.open{
-                        .faicon.arrow:before{
-                            content: "\f077";
-                        }
-                    }
-    
-                    &.no_arrow .faicon.arrow:before{
-                        display: none;
-                    }
-    
-                    &.droppable_folder.drag-hover{
-                        //border-color: $blue;
-                        background-color: $gray;
-                    }
-                    
-                    &:hover{
-                        background-color: $light-gray;
-    
-                        .dots_ver{
-                            display: block;
-                        }
-                    }
-        
-                    span{
-                        margin-right: 8px;
-                        font-size: 14px;
-                    }
-    
-                    .folder_item_child_count{
-                        margin-left: 8px;
-                        font-size: 12px;
-                        color: $very-dark-gray;
-                    }
-    
-                    .dots_ver{
-                        display: none;
-    
-                        position: absolute;
-                        right: 0;
-                        padding: 7px 8px;
-                        margin-right: 0;
-    
                         &.active{
-                            display: block !important;
+                            border-color: $blue;
+                            background-color: $light-gray;
+        
+                            .faicon.folder:before,
+                            .faicon.clipboard:before{
+                                font-weight: 600;
+                                color: $blue;
+                            }
                         }
-                    }
-    
-                    .folder_item_settings{
-                        @include hover_basic();
-    
-                        position: absolute;
-                        z-index: 9999;
-                        right: 0;
-                        top: 38px;
-    
-                        border-radius: 2px;
-    
-                        ul li{
-                            color: $blue;
-    
-                            transition: 0.2s;
-    
-                            &:hover{
-                                color: $dark-blue;
+                        &.open{
+                            .faicon.arrow:before{
+                                content: "\f077";
+                            }
+                        }
+        
+                        &.no_arrow .faicon.arrow:before{
+                            display: none;
+                        }
+        
+                        &.mySurvey_droppable.folderhover{
+                            //border-color: $blue;
+                            background-color: $gray;
+                        }
+                        
+                        &:hover{
+                            background-color: $light-gray;
+        
+                            .dots_ver{
+                                display: block;
+                            }
+                        }
+            
+                        span{
+                            margin-right: 8px;
+                            font-size: 14px;
+                        }
+        
+                        .folder_item_child_count{
+                            margin-left: 8px;
+                            font-size: 12px;
+                            color: $very-dark-gray;
+                        }
+        
+                        .dots_ver{
+                            display: none;
+        
+                            position: absolute;
+                            right: 0;
+                            padding: 7px 8px;
+                            margin-right: 0;
+        
+                            &.active{
+                                display: block !important;
+                            }
+                        }
+        
+                        .folder_item_settings{
+                            @include hover_basic();
+        
+                            position: absolute;
+                            z-index: 9999;
+                            right: 0;
+                            top: 38px;
+        
+                            border-radius: 2px;
+        
+                            ul li{
+                                color: $blue;
+        
+                                transition: 0.2s;
+        
+                                &:hover{
+                                    color: $dark-blue;
+                                }
                             }
                         }
                     }
                 }
+
+                // Dodaten popup za rename, dodajanje folderja
+                #mySurvey_additional_popup{
+                    display: none;
+
+                    z-index: 9999;
+                    position: absolute !important;
+                    top: 40%;
+                    left: calc(50% - 200px);
+                
+                    width: 400px;
+                
+                    border: 1px solid $dark-gray;
+                    box-shadow: 0px 4px 7px rgba(0,0,0,.07);
+                
+                    input[type="text"]{
+                        width: 100%;
+                    }
+                }
             }
 
-            // Dodaten popup za rename, dodajanje folderja
-            #mySurvey_additional_popup{
-                display: none;
 
-                z-index: 9999;
-                position: absolute !important;
-                top: 40%;
-                left: calc(50% - 200px);
-            
-                width: 400px;
-            
-                border: 1px solid $dark-gray;
-                box-shadow: 0px 4px 7px rgba(0,0,0,.07);
-            
-                input[type="text"]{
-                    width: 100%;
+            // Vsebina na desni
+            .right_content{
+                width: 100%;
+                padding: 32px 16px;
+
+                height: calc(100vh - 210px);
+                overflow-y: auto;
+
+                .folder_title{
+                    margin-bottom: 24px;
+
+                    font-weight: 600;
+                    font-size: 16px;
+
+                    .faicon.folder:before{
+                        margin-right: 8px;
+
+                        font-weight: 600;
+                        color: $blue;
+                    }
+                }
+
+                .second_line{
+                    display: flex;
+
+                    .create_buttons{
+                        display: flex;
+                    }
+
+                    .filters{
+                        width: auto;
+
+                        #searchMySurveys{
+                            width: auto;
+                            margin-left: 16px;
+
+                            #searchMySurvey,
+                            button{
+                                height: 40px;
+                            }
+                        }
+                    }
+                }       
+            }
+        }
+    }
+
+
+    #survey_list .div_sl_new.folders{
+
+        table#surveyList_new{
+
+            tr.sl_header_new td{
+                background-color: $white;
+            }
+
+        }
+
+        .folder_add_first{
+
+            a{
+                font-size: 16px;
+                font-weight: 600;
+                text-decoration: none;
+
+                .faicon{
+                    margin-right: 8px;
                 }
             }
         }
 
+        >.folder_holder .folder_holder{
+            margin-left: 36px;
+        }
 
-        // Vsebina na desni
-        .right_content{
-            width: auto;
-            padding: 32px 16px;
+        .folder_holder {
+            margin-top: 16px;
 
-            .folder_title{
-                margin-bottom: 24px;
+            .folder_title {
+                display: flex;
+                justify-content: flex-start;
+                align-items: center;
 
-                font-weight: 600;
-                font-size: 16px;
+                box-sizing: border-box;
+                padding: 0 16px;
+                height: 40px;
+                
+                background-color: $white;
+                border: 1px solid $dark-gray2;
+                
+                border-radius: 4px;
 
-                .faicon.folder:before{
+                .folder_arrow_icon{
+                    cursor: pointer;
+                }
+                .folder_arrow_icon::before{
+                    content: "\f078";
+                    font-size: 14px;
+                    color: $black;
+
+                    margin-right: 8px;
+                }
+                .folder_icon::before{
+                    content: "\f07b";
+                    font-size: 16px;
+                    font-weight: 400;
+                    color: $blue;
+
+                    margin-right: 8px;
+                }
+
+                &.open{
+                    background-color: $light-gray;
+
+                    .folder_arrow_icon::before{
+                        content: "\f077";
+                    }
+                    .folder_icon::before{
+                        font-weight: 600;
+                    }
+                }
+
+                .folder_title_text {
                     margin-right: 8px;
 
-                    font-weight: 600;
-                    color: $blue;
-                }
-            }
+                    a {
+                        cursor: text;
 
-            .second_line{
-                display: flex;
+                        text-decoration: none;
+                        color: $black;
+                    }
 
-                .create_buttons{
-                    display: flex;
+                    input[type="text"] {
+                        font-size: 16px;
+                        padding: 2px 3px;
+                    }
                 }
 
-                .filters{
-                    width: auto;
+                .folder_title_edit{
+                    margin: 0;
+                }
 
-                    #searchMySurveys{
-                        width: auto;
-                        margin-left: 16px;
+                .map_holder_control {
+                    display: none;
 
-                        #searchMySurvey,
-                        button{
-                            height: 40px;
+                    .faicon::before{
+                        font-size: 16px;
+                    }
+                }
+
+                .folder_clickable{
+                    cursor: pointer;
+                    flex-grow: 1;
+                    height: 100%;
+                }
+
+                &:hover {
+                    .map_holder_control {
+                        display: flex;
+
+                        a{
+                            margin-left: 8px;
                         }
                     }
                 }
-            }       
-        }
-    }
-}
 
-
-#survey_list .div_sl_new.folders{
-
-    table#surveyList_new{
-
-        tr.sl_header_new td{
-            background-color: $white;
-        }
-
-    }
-
-    .folder_add_first{
-
-        a{
-            font-size: 16px;
-            font-weight: 600;
-            text-decoration: none;
-
-            .faicon{
-                margin-right: 8px;
-            }
-        }
-    }
-
-    >.folder_holder .folder_holder{
-        margin-left: 36px;
-    }
-
-    .folder_holder {
-        margin-top: 16px;
-
-        .folder_title {
-            display: flex;
-            justify-content: flex-start;
-            align-items: center;
-
-            box-sizing: border-box;
-            padding: 0 16px;
-            height: 40px;
-            
-            background-color: $white;
-            border: 1px solid $dark-gray2;
-            
-            border-radius: 4px;
-
-            .folder_arrow_icon{
-                cursor: pointer;
-            }
-            .folder_arrow_icon::before{
-                content: "\f078";
-                font-size: 14px;
-                color: $black;
-
-                margin-right: 8px;
-            }
-            .folder_icon::before{
-                content: "\f07b";
-                font-size: 16px;
-                font-weight: 400;
-                color: $blue;
-
-                margin-right: 8px;
-            }
-
-            &.open{
-                background-color: $light-gray;
-
-                .folder_arrow_icon::before{
-                    content: "\f077";
-                }
-                .folder_icon::before{
-                    font-weight: 600;
-                }
-            }
-
-            .folder_title_text {
-                margin-right: 8px;
-
-                a {
-                    cursor: text;
-
-                    text-decoration: none;
-                    color: $black;
-                }
-
-                input[type="text"] {
-                    font-size: 16px;
-                    padding: 2px 3px;
-                }
-            }
-
-            .folder_title_edit{
-                margin: 0;
-            }
-
-            .map_holder_control {
-                display: none;
-
-                .faicon::before{
-                    font-size: 16px;
-                }
-            }
-
-            .folder_clickable{
-                cursor: pointer;
-                flex-grow: 1;
-                height: 100%;
-            }
-
-            &:hover {
-                .map_holder_control {
-                    display: flex;
-
-                    a{
-                        margin-left: 8px;
-                    }
-                }
-            }
-
-            span.folder_blue {
-                cursor: move;
-            }
-        }
-
-        .folder_content {
-
-            &.closed {
-                display: none;
-            }
-    
-            &.subfolder {
-                margin-bottom: 5px;
-            }
-        }
-
-        table#surveyList_new {
-            margin-bottom: 20px;
-            tr.anketa_list {
-                td.col3 {
+                span.folder_blue {
                     cursor: move;
                 }
             }
-        }
-    }
 
-    .folderhover{
-        background-color: $gray !important;
-        border: 1px solid $gray !important;
-        border-radius: 5px 5px 5px 5px;
-    }
+            .folder_content {
 
-    .mySurvey_draggable_helper {
-        .map_holder_control {
-            display: none;
+                &.closed {
+                    display: none;
+                }
+        
+                &.subfolder {
+                    margin-bottom: 5px;
+                }
+            }
+
+            table#surveyList_new {
+                margin-bottom: 20px;
+                tr.anketa_list {
+                    td.col3 {
+                        cursor: move;
+                    }
+                }
+            }
         }
-        cursor: move;
-        td {
-            display: none;
-            border: 0;
+
+        .folderhover{
+            background-color: $gray !important;
+            border: 1px solid $gray !important;
+            border-radius: 5px 5px 5px 5px;
         }
-        td.col3 {
-            display: inline-block;
-            border: 0 !important;
-        }
-        span.minus {
-            display: none !important;
-        }
-        span.map_holder_control {
-            display: none !important;
+
+        .mySurvey_draggable_helper {
+            .map_holder_control {
+                display: none;
+            }
+            cursor: move;
+            td {
+                display: none;
+                border: 0;
+            }
+            td.col3 {
+                display: inline-block;
+                border: 0 !important;
+            }
+            span.minus {
+                display: none !important;
+            }
+            span.map_holder_control {
+                display: none !important;
+            }
         }
     }
-}
\ No newline at end of file
+}

From 21d9f751e17224ae7af16a8e0b35f651a9a8ff7d Mon Sep 17 00:00:00 2001
From: pero1203 <peter.hrvatin@gmail.com>
Date: Tue, 11 Oct 2022 12:40:47 +0200
Subject: [PATCH 11/17] Moje ankete direktoriji - popravek css razreda

---
 admin/survey/SurveyAdmin.php                  |  2 +-
 admin/survey/script/surveyList.js             |  1 -
 public/css/admin_new.css                      | 84 +++++++++----------
 .../pages/my_surveys/survey_list_folders.scss |  2 +-
 4 files changed, 44 insertions(+), 45 deletions(-)

diff --git a/admin/survey/SurveyAdmin.php b/admin/survey/SurveyAdmin.php
index 09d6c5ac9..2f6167553 100644
--- a/admin/survey/SurveyAdmin.php
+++ b/admin/survey/SurveyAdmin.php
@@ -3551,7 +3551,7 @@ class SurveyAdmin
 
 
         // VSEBINA POSAMEZNEGA TABA PRI MOJIH ANKETAH 
-        echo '<div id="moje_ankete_edit" class="page_'.$_GET['a'].' subpage_'.$_GET['t'].' '.(isset($_GET['b']) ? 'subpage_b_'.$_GET['b'] : '').' '.($SLCount == 0 ? 'page_ustvari_anketo' : '').' '.($SLCount > 0 && $has_folders ? 'moje_ankete_folders' : '').' '.$this->layout_width.' '.$this->layout_menu.'">';
+        echo '<div id="moje_ankete_edit" class="page_'.$_GET['a'].' subpage_'.$_GET['t'].' '.(isset($_GET['b']) ? 'subpage_b_'.$_GET['b'] : '').' '.($SLCount == 0 ? 'page_ustvari_anketo' : '').' '.$this->layout_width.' '.$this->layout_menu.'">';
 
         // izpis pregledovanja
         if ((!isset($_GET['a']) && !isset($_GET['anketa'])) || ($_GET['a'] == 'pregledovanje')) { 
diff --git a/admin/survey/script/surveyList.js b/admin/survey/script/surveyList.js
index e1247c5d1..40f91c235 100644
--- a/admin/survey/script/surveyList.js
+++ b/admin/survey/script/surveyList.js
@@ -74,7 +74,6 @@ function switchFolder(show){
 		var show_folders = 1;
 
 	$('#survey_list').load('ajax.php?a=surveyList_folders', {show_folders:show_folders}, function(){
-        $('#moje_ankete_edit').toggleClass('moje_ankete_folders');
         $('body').toggleClass('body_mySurveys_folders');
         $('body').toggleClass('body_mySurveys');
     });
diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index 7fa901a1f..dcd2db652 100644
--- a/public/css/admin_new.css
+++ b/public/css/admin_new.css
@@ -11070,16 +11070,16 @@ body.eng #survey_list .filters #folderSwitch {
 body.body_mySurveys_folders {
   overflow-y: hidden;
 }
-body.body_mySurveys_folders .moje_ankete_folders {
+body.body_mySurveys_folders #moje_ankete_edit {
   margin-top: -64px !important;
   padding: 0 !important;
   max-width: 100% !important;
   overflow-y: hidden;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders {
   display: flex;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content {
   flex-shrink: 0;
   width: 320px;
   height: calc(100vh - 210px);
@@ -11087,20 +11087,20 @@ body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folde
   padding: 32px 16px;
   border-right: 1px #E5E5E5 solid;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content .title {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content .title {
   margin-bottom: 16px;
   font-weight: 600;
   font-size: 14px;
   text-transform: uppercase;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content > ul {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content > ul {
   margin-left: 0 !important;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul {
   margin: 0 0 0 16px;
   padding: 0;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item {
   cursor: pointer;
   position: relative;
   display: flex;
@@ -11115,58 +11115,58 @@ body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folde
   border-radius: 2px;
   transition: 0.2s;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .faicon.arrow:before {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item .faicon.arrow:before {
   content: "";
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .faicon.folder:before,
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .faicon.clipboard:before {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item .faicon.folder:before,
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item .faicon.clipboard:before {
   font-weight: 400;
   color: #D3D3D3;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item.active {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item.active {
   border-color: #1E88E5;
   background-color: #F8F8F8;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item.active .faicon.folder:before,
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item.active .faicon.clipboard:before {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item.active .faicon.folder:before,
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item.active .faicon.clipboard:before {
   font-weight: 600;
   color: #1E88E5;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item.open .faicon.arrow:before {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item.open .faicon.arrow:before {
   content: "";
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item.no_arrow .faicon.arrow:before {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item.no_arrow .faicon.arrow:before {
   display: none;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item.mySurvey_droppable.folderhover {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item.mySurvey_droppable.folderhover {
   background-color: #E5E5E5;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item:hover {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item:hover {
   background-color: #F8F8F8;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item:hover .dots_ver {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item:hover .dots_ver {
   display: block;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item span {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item span {
   margin-right: 8px;
   font-size: 14px;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_child_count {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_child_count {
   margin-left: 8px;
   font-size: 12px;
   color: #777777;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .dots_ver {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item .dots_ver {
   display: none;
   position: absolute;
   right: 0;
   padding: 7px 8px;
   margin-right: 0;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .dots_ver.active {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item .dots_ver.active {
   display: block !important;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings {
   padding: 16px;
   color: #333333;
   font-weight: 400;
@@ -11182,35 +11182,35 @@ body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folde
   top: 38px;
   border-radius: 2px;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings a {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings a {
   text-decoration: none;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li {
   margin-bottom: 16px;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li:last-of-type {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li:last-of-type {
   margin-bottom: 0;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li span {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li span {
   cursor: pointer;
   color: #333333;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li span:hover {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li span:hover {
   color: #1E88E5;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li {
   color: #1E88E5;
   transition: 0.2s;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li:hover {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul li:hover {
   color: #0059ab;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content #mySurvey_additional_popup {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content #mySurvey_additional_popup {
   display: none;
   z-index: 9999;
   position: absolute !important;
@@ -11220,40 +11220,40 @@ body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folde
   border: 1px solid #C4C4C4;
   box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.07);
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .left_content #mySurvey_additional_popup input[type=text] {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content #mySurvey_additional_popup input[type=text] {
   width: 100%;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .right_content {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .right_content {
   width: 100%;
   padding: 32px 16px;
   height: calc(100vh - 210px);
   overflow-y: auto;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .right_content .folder_title {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .right_content .folder_title {
   margin-bottom: 24px;
   font-weight: 600;
   font-size: 16px;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .right_content .folder_title .faicon.folder:before {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .right_content .folder_title .faicon.folder:before {
   margin-right: 8px;
   font-weight: 600;
   color: #1E88E5;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .right_content .second_line {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .right_content .second_line {
   display: flex;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .right_content .second_line .create_buttons {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .right_content .second_line .create_buttons {
   display: flex;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .right_content .second_line .filters {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .right_content .second_line .filters {
   width: auto;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .right_content .second_line .filters #searchMySurveys {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .right_content .second_line .filters #searchMySurveys {
   width: auto;
   margin-left: 16px;
 }
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .right_content .second_line .filters #searchMySurveys #searchMySurvey,
-body.body_mySurveys_folders .moje_ankete_folders #survey_list .survey_list_folders .right_content .second_line .filters #searchMySurveys button {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .right_content .second_line .filters #searchMySurveys #searchMySurvey,
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .right_content .second_line .filters #searchMySurveys button {
   height: 40px;
 }
 body.body_mySurveys_folders #survey_list .div_sl_new.folders table#surveyList_new tr.sl_header_new td {
diff --git a/resources/sass/admin_new/pages/my_surveys/survey_list_folders.scss b/resources/sass/admin_new/pages/my_surveys/survey_list_folders.scss
index 3b6a6ebc4..b44b854b6 100644
--- a/resources/sass/admin_new/pages/my_surveys/survey_list_folders.scss
+++ b/resources/sass/admin_new/pages/my_surveys/survey_list_folders.scss
@@ -5,7 +5,7 @@
 body.body_mySurveys_folders{
     overflow-y: hidden;
 
-    .moje_ankete_folders{
+    #moje_ankete_edit{
         margin-top: -64px !important;
         padding: 0 !important;
 

From 33ac1684a19c4e6a9fcd174af8416c9c327c1539 Mon Sep 17 00:00:00 2001
From: pero1203 <peter.hrvatin@gmail.com>
Date: Wed, 12 Oct 2022 10:57:11 +0200
Subject: [PATCH 12/17] Moje ankete direktoriji - v grobem dokoncano

---
 .../classes/class.SurveyListFolders.php       |  74 ++++++-
 admin/survey/script/surveyList.js             |  25 ++-
 public/css/admin_new.css                      | 139 ++----------
 .../pages/my_surveys/survey_list_folders.scss | 206 ++++--------------
 4 files changed, 152 insertions(+), 292 deletions(-)

diff --git a/admin/survey/classes/class.SurveyListFolders.php b/admin/survey/classes/class.SurveyListFolders.php
index 4101b95c2..b7c0cfe35 100644
--- a/admin/survey/classes/class.SurveyListFolders.php
+++ b/admin/survey/classes/class.SurveyListFolders.php
@@ -86,10 +86,10 @@ class SurveyListFolders extends SurveyList{
         global $global_user_id;
         
         // Izpisemo folder box
-        $this->displayFolder($folder_id);
+        $folder_open = $this->displayFolder($folder_id);
 
         // Izpisemo se vse subfolderje
-        echo '<ul id="folder_list_'.$folder_id.'" class="folder_list">';
+        echo '<ul id="folder_list_'.$folder_id.'" class="folder_list" '.($folder_open ? '' : 'style="display:none;"').'">';
 
         $sqlChildren = sisplet_query("SELECT id FROM srv_mysurvey_folder WHERE usr_id='".$global_user_id."' AND parent='".$folder_id."' ORDER BY naslov ASC");
         while($rowChildren = mysqli_fetch_array($sqlChildren)){
@@ -102,10 +102,20 @@ class SurveyListFolders extends SurveyList{
     // Izpisemo posamezen folder
     private function displayFolder($folder_id){
         global $lang;
+        global $global_user_id;
 
         // Ce gre za root folder dobimo stevilo anket brez folderja
         if($folder_id == '0'){
 
+            // Prestejemo ankete, ki niso v nobenem notranjem folderju - so v rootu
+
+
+            // Preverimo, ce ni noben drug folder aktiviran - potem je aktiviran root
+            $sql = sisplet_query("SELECT COUNT(id) AS active_count FROM srv_mysurvey_folder WHERE active='1' AND usr_id='".$global_user_id."'");
+            $row = mysqli_fetch_array($sql);
+
+            $folder_active = ($row['active_count'] == 0) ? 'active' : '';
+            $folder_open = 'open';
         }
         // Ce ne gre za root folder dobimo podatke o folderju
         else{
@@ -126,23 +136,25 @@ class SurveyListFolders extends SurveyList{
             // Nastavimo, ce je to trenutno odprt folder
             if($row['active'] == '1')
                 $this->current_folder = $row;
+
+            $folder_active = ($row['active'] == '1') ? 'active' : '';
+            $folder_open = ($row['open'] == '1') ? 'open' : '';
         }
 
 
         // Izrisemo folder box
         // Ce je root
         if($folder_id == '0'){
-            echo '<li id="folder_item_'.$folder_id.'" class="folder_item mySurvey_droppable" folder_id="'.$folder_id.'" onClick="mySurvey_folder_activate(\''.$folder_id.'\');">';
+            echo '<li id="folder_item_'.$folder_id.'" class="folder_item '.$folder_open.' '.$folder_active.' mySurvey_droppable" folder_id="'.$folder_id.'" onClick="mySurvey_folder_activate(\''.$folder_id.'\');">';
         
-            echo '<span class="faicon arrow"></span>';
             echo '<span class="faicon folder"></span>';
 
             echo $lang['srv_mySurvey_all_surveys'];  
         }
         else{            
-            echo '<li id="folder_item_'.$folder_id.'" class="folder_item mySurvey_draggable mySurvey_droppable" folder_id="'.$folder_id.'" onClick="mySurvey_folder_activate(\''.$folder_id.'\');">';
+            echo '<li id="folder_item_'.$folder_id.'" class="folder_item '.$folder_open.' '.$folder_active.' mySurvey_draggable mySurvey_droppable" folder_id="'.$folder_id.'" onClick="mySurvey_folder_activate(\''.$folder_id.'\');">';
         
-            echo '<span class="faicon arrow"></span>';
+            echo '<span class="faicon arrow" onClick="mySurvey_folder_toggle(\''.$folder_id.'\');"></span>';
             echo '<span class="faicon folder"></span>';
 
             echo $row['naslov'];
@@ -163,6 +175,13 @@ class SurveyListFolders extends SurveyList{
         }
 
         echo '</li>';
+
+
+        // Vrnemo, ce je folder odprt ali ne
+        if($folder_open == 'open')
+            return true;
+        else
+            return false;
     }
 
     // Dodaten popup za ime direktorija pri dodajanju
@@ -861,6 +880,16 @@ class SurveyListFolders extends SurveyList{
             echo '<script type="text/javascript">mySurvey_folder_init();</script>';
 		}
 
+        // Razsirimo/skrcimo folder
+		if($_GET['a'] == 'mysurvey_folder_toggle'){
+
+			$folder_id = isset($_POST['folder_id']) ? $_POST['folder_id'] : '0';
+			$open = isset($_POST['open']) ? $_POST['open'] : '0';
+
+            // Nastavimo izbran folder na odprtega
+            $sql = sisplet_query("UPDATE srv_mysurvey_folder SET open='".$open."' WHERE usr_id='".$global_user_id."' AND id='".$folder_id."'");
+		}
+
 
         // Pokazemo popup za poimenovanje novega subfolderja
 		if($_GET['a'] == 'mysurvey_folder_add_popup'){
@@ -949,11 +978,18 @@ class SurveyListFolders extends SurveyList{
 
             $drag_folder_id = isset($_POST['drag_folder_id']) ? $_POST['drag_folder_id'] : 0;
             $parent_folder_id = isset($_POST['parent_folder_id']) ? $_POST['parent_folder_id'] : 0;
-
+            
             if($drag_folder_id > 0){
 
-                // Nastavimo folderju novega parenta
-                $sql = sisplet_query("UPDATE srv_mysurvey_folder SET parent='".$parent_folder_id."' WHERE id='".$drag_folder_id."' AND usr_id='".$global_user_id."'");
+                // Preverimo, ce nismo droppali folder v svojega childa - tega nikoli ne pustimo, ker potem vse izgine
+                if(!$this->checkFolderIsChild($parent_folder_id, $drag_folder_id)){
+
+                    // Nastavimo folderju novega parenta
+                    $sql = sisplet_query("UPDATE srv_mysurvey_folder SET parent='".$parent_folder_id."' WHERE id='".$drag_folder_id."' AND usr_id='".$global_user_id."'");
+                
+                    // Parenta razpremo
+                    $sql = sisplet_query("UPDATE srv_mysurvey_folder SET open='1' WHERE id='".$parent_folder_id."' AND usr_id='".$global_user_id."'");
+                }
             }
 
             $this->getSurveys();
@@ -980,5 +1016,25 @@ class SurveyListFolders extends SurveyList{
 		}
     }
 
+    // Rekurzivno preverimo, ce je nek folder child drugega folderja
+    private function checkFolderIsChild($folder_id, $parent_folder_id){
+
+        // Ce je parent 0, je root in koncamo - folder ni child
+        if($folder_id == '0')
+            return false;
+
+        $sql = sisplet_query("SELECT parent FROM srv_mysurvey_folder WHERE id='".$folder_id."'");
+        $row = mysqli_fetch_array($sql);
+
+        if($row['parent'] == $parent_folder_id){
+            return true;
+        }
+        else{
+            return $this->checkFolderIsChild($row['parent'], $parent_folder_id);
+        }
+    }
+
+
+
 }
 ?>
\ No newline at end of file
diff --git a/admin/survey/script/surveyList.js b/admin/survey/script/surveyList.js
index 40f91c235..c1a4c6aa8 100644
--- a/admin/survey/script/surveyList.js
+++ b/admin/survey/script/surveyList.js
@@ -110,7 +110,7 @@ function mySurvey_folder_init() {
 	
 	$('#survey_list .mySurvey_draggable').draggable({
 		revert: 'invalid', 
-		opacitiy: '0.7', 
+		opacitiy: '0.9', 
 		helper: 'clone',
 		cursor: 'move',
 		cursorAt: { left: 20 },
@@ -120,6 +120,29 @@ function mySurvey_folder_init() {
 	});
 }
 
+// Razpremo/skrcimo folder
+function mySurvey_folder_toggle(folder_id){
+
+    if($('#folder_item_'+folder_id).hasClass('open'))
+        var open = 0;
+    else
+        var open = 1;
+
+    $.post('ajax.php?t=surveyListFolders&a=mysurvey_folder_toggle', {folder_id: folder_id, open: open}, function(){
+
+        if($('#folder_item_'+folder_id).hasClass('open')){
+            $('#folder_item_'+folder_id).removeClass('open');
+            $('#folder_list_'+folder_id).slideUp();
+        }
+        else{
+            $('#folder_item_'+folder_id).addClass('open');
+            $('#folder_list_'+folder_id).slideDown();
+        }
+    });
+
+    event.stopPropagation();
+}
+
 // Aktiviramo folder
 function mySurvey_folder_activate(folder_id){
 
diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index dcd2db652..2bdc1916b 100644
--- a/public/css/admin_new.css
+++ b/public/css/admin_new.css
@@ -11113,7 +11113,7 @@ body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders
   margin-bottom: 8px;
   border: 1px solid #E5E5E5;
   border-radius: 2px;
-  transition: 0.2s;
+  transition: background-color 0.2s;
 }
 body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item .faicon.arrow:before {
   content: "";
@@ -11256,130 +11256,37 @@ body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders
 body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .right_content .second_line .filters #searchMySurveys button {
   height: 40px;
 }
-body.body_mySurveys_folders #survey_list .div_sl_new.folders table#surveyList_new tr.sl_header_new td {
-  background-color: #FFFFFF;
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .right_content footer {
+  width: calc(100% + 32px);
+  margin-left: -16px;
 }
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_add_first a {
-  font-size: 16px;
-  font-weight: 600;
-  text-decoration: none;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_add_first a .faicon {
-  margin-right: 8px;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders > .folder_holder .folder_holder {
-  margin-left: 36px;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder {
-  margin-top: 16px;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title {
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  box-sizing: border-box;
-  padding: 0 16px;
-  height: 40px;
-  background-color: #FFFFFF;
-  border: 1px solid #D3D3D3;
-  border-radius: 4px;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title .folder_arrow_icon {
-  cursor: pointer;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title .folder_arrow_icon::before {
-  content: "";
-  font-size: 14px;
-  color: #333333;
-  margin-right: 8px;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title .folder_icon::before {
-  content: "";
-  font-size: 16px;
-  font-weight: 400;
-  color: #1E88E5;
-  margin-right: 8px;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title.open {
-  background-color: #F8F8F8;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title.open .folder_arrow_icon::before {
-  content: "";
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title.open .folder_icon::before {
-  font-weight: 600;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title .folder_title_text {
-  margin-right: 8px;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title .folder_title_text a {
-  cursor: text;
-  text-decoration: none;
-  color: #333333;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title .folder_title_text input[type=text] {
-  font-size: 16px;
-  padding: 2px 3px;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title .folder_title_edit {
-  margin: 0;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title .map_holder_control {
-  display: none;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title .map_holder_control .faicon::before {
-  font-size: 16px;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title .folder_clickable {
-  cursor: pointer;
-  flex-grow: 1;
-  height: 100%;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title:hover .map_holder_control {
-  display: flex;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title:hover .map_holder_control a {
-  margin-left: 8px;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_title span.folder_blue {
-  cursor: move;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_content.closed {
-  display: none;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder .folder_content.subfolder {
-  margin-bottom: 5px;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder table#surveyList_new {
-  margin-bottom: 20px;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .folder_holder table#surveyList_new tr.anketa_list td.col3 {
-  cursor: move;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .folderhover {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .folderhover {
   background-color: #E5E5E5 !important;
   border: 1px solid #E5E5E5 !important;
   border-radius: 5px 5px 5px 5px;
 }
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .mySurvey_draggable_helper {
-  cursor: move;
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .mySurvey_draggable_helper {
+  width: 300px !important;
+  height: 40px !important;
 }
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .mySurvey_draggable_helper .map_holder_control {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .mySurvey_draggable_helper.folder_item .dots_ver,
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .mySurvey_draggable_helper.folder_item .arrow {
   display: none;
 }
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .mySurvey_draggable_helper td {
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .mySurvey_draggable_helper.anketa_list .col1 {
+  display: block;
+  box-sizing: border-box;
+  padding: 0 8px;
+  background-color: #F8F8F8;
+  border: 1px solid #E5E5E5;
+  border-radius: 2px;
+}
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .mySurvey_draggable_helper.anketa_list .col2,
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .mySurvey_draggable_helper.anketa_list .col3,
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .mySurvey_draggable_helper.anketa_list .col4,
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .mySurvey_draggable_helper.anketa_list .col5,
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .mySurvey_draggable_helper.anketa_list .col6 {
   display: none;
-  border: 0;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .mySurvey_draggable_helper td.col3 {
-  display: inline-block;
-  border: 0 !important;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .mySurvey_draggable_helper span.minus {
-  display: none !important;
-}
-body.body_mySurveys_folders #survey_list .div_sl_new.folders .mySurvey_draggable_helper span.map_holder_control {
-  display: none !important;
 }
 
 div.izvoz_nad_tabelo {
diff --git a/resources/sass/admin_new/pages/my_surveys/survey_list_folders.scss b/resources/sass/admin_new/pages/my_surveys/survey_list_folders.scss
index b44b854b6..39808127b 100644
--- a/resources/sass/admin_new/pages/my_surveys/survey_list_folders.scss
+++ b/resources/sass/admin_new/pages/my_surveys/survey_list_folders.scss
@@ -61,7 +61,7 @@ body.body_mySurveys_folders{
                         border: 1px solid $gray;
                         border-radius: 2px;
             
-                        transition: 0.2s;
+                        transition: background-color 0.2s;
             
                         .faicon.arrow:before{
                             content: "\f078";
@@ -214,180 +214,54 @@ body.body_mySurveys_folders{
                             }
                         }
                     }
-                }       
-            }
-        }
-    }
-
-
-    #survey_list .div_sl_new.folders{
-
-        table#surveyList_new{
-
-            tr.sl_header_new td{
-                background-color: $white;
-            }
-
-        }
-
-        .folder_add_first{
-
-            a{
-                font-size: 16px;
-                font-weight: 600;
-                text-decoration: none;
-
-                .faicon{
-                    margin-right: 8px;
                 }
-            }
-        }
-
-        >.folder_holder .folder_holder{
-            margin-left: 36px;
-        }
-
-        .folder_holder {
-            margin-top: 16px;
-
-            .folder_title {
-                display: flex;
-                justify-content: flex-start;
-                align-items: center;
-
-                box-sizing: border-box;
-                padding: 0 16px;
-                height: 40px;
                 
-                background-color: $white;
-                border: 1px solid $dark-gray2;
+                footer{
+                    width: calc(100% + 32px);
+                    margin-left: -16px;
+                }
+            }
+
+
+            .folderhover{
+                background-color: $gray !important;
+                border: 1px solid $gray !important;
+                border-radius: 5px 5px 5px 5px;
+            }
+    
+            .mySurvey_draggable_helper {
+                width: 300px !important;
+                height: 40px !important;
+
+                &.folder_item{
+
+                    .dots_ver,
+                    .arrow{
+                        display: none;
+                    }
+                }
                 
-                border-radius: 4px;
+                &.anketa_list{
 
-                .folder_arrow_icon{
-                    cursor: pointer;
-                }
-                .folder_arrow_icon::before{
-                    content: "\f078";
-                    font-size: 14px;
-                    color: $black;
+                    .col1{
+                        display: block;
+                        
+                        box-sizing: border-box;
+                        padding: 0 8px;
 
-                    margin-right: 8px;
-                }
-                .folder_icon::before{
-                    content: "\f07b";
-                    font-size: 16px;
-                    font-weight: 400;
-                    color: $blue;
-
-                    margin-right: 8px;
-                }
-
-                &.open{
-                    background-color: $light-gray;
-
-                    .folder_arrow_icon::before{
-                        content: "\f077";
-                    }
-                    .folder_icon::before{
-                        font-weight: 600;
-                    }
-                }
-
-                .folder_title_text {
-                    margin-right: 8px;
-
-                    a {
-                        cursor: text;
-
-                        text-decoration: none;
-                        color: $black;
+                        background-color: $light-gray;
+                        border: 1px solid $gray;
+                        border-radius: 2px;
                     }
 
-                    input[type="text"] {
-                        font-size: 16px;
-                        padding: 2px 3px;
+                    .col2,
+                    .col3,
+                    .col4,
+                    .col5,
+                    .col6{
+                        display: none;
                     }
                 }
-
-                .folder_title_edit{
-                    margin: 0;
-                }
-
-                .map_holder_control {
-                    display: none;
-
-                    .faicon::before{
-                        font-size: 16px;
-                    }
-                }
-
-                .folder_clickable{
-                    cursor: pointer;
-                    flex-grow: 1;
-                    height: 100%;
-                }
-
-                &:hover {
-                    .map_holder_control {
-                        display: flex;
-
-                        a{
-                            margin-left: 8px;
-                        }
-                    }
-                }
-
-                span.folder_blue {
-                    cursor: move;
-                }
-            }
-
-            .folder_content {
-
-                &.closed {
-                    display: none;
-                }
-        
-                &.subfolder {
-                    margin-bottom: 5px;
-                }
-            }
-
-            table#surveyList_new {
-                margin-bottom: 20px;
-                tr.anketa_list {
-                    td.col3 {
-                        cursor: move;
-                    }
-                }
-            }
-        }
-
-        .folderhover{
-            background-color: $gray !important;
-            border: 1px solid $gray !important;
-            border-radius: 5px 5px 5px 5px;
-        }
-
-        .mySurvey_draggable_helper {
-            .map_holder_control {
-                display: none;
-            }
-            cursor: move;
-            td {
-                display: none;
-                border: 0;
-            }
-            td.col3 {
-                display: inline-block;
-                border: 0 !important;
-            }
-            span.minus {
-                display: none !important;
-            }
-            span.map_holder_control {
-                display: none !important;
             }
         }
     }

From fc0a41a3d8f1b116461d63e630d5c261adbe1e73 Mon Sep 17 00:00:00 2001
From: pero1203 <peter.hrvatin@gmail.com>
Date: Wed, 12 Oct 2022 11:40:50 +0200
Subject: [PATCH 13/17] Moje ankete direktoriji - popravek paginacije, stevila
 anket

---
 .../classes/class.SurveyListFolders.php       | 42 +++++++++++++++++--
 1 file changed, 39 insertions(+), 3 deletions(-)

diff --git a/admin/survey/classes/class.SurveyListFolders.php b/admin/survey/classes/class.SurveyListFolders.php
index b7c0cfe35..c39aaa635 100644
--- a/admin/survey/classes/class.SurveyListFolders.php
+++ b/admin/survey/classes/class.SurveyListFolders.php
@@ -108,6 +108,15 @@ class SurveyListFolders extends SurveyList{
         if($folder_id == '0'){
 
             // Prestejemo ankete, ki niso v nobenem notranjem folderju - so v rootu
+            // Poiscemo vse ankete v custom folderjih
+            $sql = sisplet_query("SELECT ank_id FROM srv_mysurvey_anketa WHERE usr_id='$global_user_id'");
+                    
+            // Vrnemo razliko v stevilu anket (odstejemo ankete v custom folderjih)
+            $survey_count = count($this->surveys_ids);
+            if(mysqli_num_rows($sql) > 0)
+                $survey_count -= mysqli_num_rows($sql);
+
+            $this->current_folder['survey_count'] = $survey_count;
 
 
             // Preverimo, ce ni noben drug folder aktiviran - potem je aktiviran root
@@ -133,6 +142,9 @@ class SurveyListFolders extends SurveyList{
 
             $row = mysqli_fetch_array($sql);
 
+            $survey_count = $row['survey_count'];
+
+
             // Nastavimo, ce je to trenutno odprt folder
             if($row['active'] == '1')
                 $this->current_folder = $row;
@@ -150,6 +162,7 @@ class SurveyListFolders extends SurveyList{
             echo '<span class="faicon folder"></span>';
 
             echo $lang['srv_mySurvey_all_surveys'];  
+            echo '<span class="folder_item_child_count">'.$survey_count.'</span>';
         }
         else{            
             echo '<li id="folder_item_'.$folder_id.'" class="folder_item '.$folder_open.' '.$folder_active.' mySurvey_draggable mySurvey_droppable" folder_id="'.$folder_id.'" onClick="mySurvey_folder_activate(\''.$folder_id.'\');">';
@@ -158,7 +171,7 @@ class SurveyListFolders extends SurveyList{
             echo '<span class="faicon folder"></span>';
 
             echo $row['naslov'];
-            echo '<span class="folder_item_child_count">'.$row['survey_count'].'</span>';
+            echo '<span class="folder_item_child_count">'.$survey_count.'</span>';
 
             // Urejanje folderja
             // Tri pikice za prikaz urejanja folderja
@@ -220,7 +233,7 @@ class SurveyListFolders extends SurveyList{
 
     // Izpisemo desnostran - vsebino odprtega folderja
     private function displayRightContent(){
-        
+
         // Naslov trenutnega folderja
         echo '<div class="folder_title">';
         $this->displayFolderTitle();
@@ -242,6 +255,16 @@ class SurveyListFolders extends SurveyList{
         
         echo '</div>';
         
+
+        # koliko imamo strani
+        $this->max_pages = (int)$this->rec_per_page > 0 ? ceil($this->current_folder['survey_count'] / $this->rec_per_page) : 1;
+                                
+        # katera je trenutna stran
+        if (isset($_GET['pageno']) && (int)$_GET['pageno'] > 0) {
+            # izbrana stran ne more biti večja, kot pa imamo vseh strani
+            $this->pageno = min((int)$_GET['pageno'], $this->max_pages);
+        }
+
         
 		// Izris seznama anket      
         echo '<div class="div_sl_new folders">';
@@ -249,7 +272,7 @@ class SurveyListFolders extends SurveyList{
         echo '</div>';
 
         // Paginacija - se na dnu - ni prikazana pri searchu
-        if($this->isSearch != 1){
+        if($this->isSearch != 1){            
             echo '<div class="pagination_bottom_holder">';
             echo '  <div class="pagination bottom">';
             $this->displayPagiantion();
@@ -850,10 +873,23 @@ class SurveyListFolders extends SurveyList{
 
             // Nastavimo current folder
             if($folder_id == '0'){
+
+                // Prestejemo ankete, ki niso v nobenem notranjem folderju - so v rootu
+                // Poiscemo vse ankete v custom folderjih
+                $sql = sisplet_query("SELECT ank_id FROM srv_mysurvey_anketa WHERE usr_id='$global_user_id'");
+                        
+                // Vrnemo razliko v stevilu anket (odstejemo ankete v custom folderjih)
+                $survey_count = count($this->surveys_ids);
+                if(mysqli_num_rows($sql) > 0)
+                    $survey_count -= mysqli_num_rows($sql);
+    
+                    
                 $this->current_folder = array(
                     'id'        => 0,
                     'naslov'    => $lang['srv_mySurvey_all_surveys']
                 );
+                
+                $this->current_folder['survey_count'] = $survey_count;
             }
             else{
                 // Dobimo podatke folderja

From 0c8838b7e173034cca9021172242622a02440db1 Mon Sep 17 00:00:00 2001
From: pero1203 <peter.hrvatin@gmail.com>
Date: Wed, 12 Oct 2022 11:48:37 +0200
Subject: [PATCH 14/17] Moje ankete direktoriji - popravek prestavljanja ankete
 v root folder

---
 admin/survey/classes/class.SurveyListFolders.php | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/admin/survey/classes/class.SurveyListFolders.php b/admin/survey/classes/class.SurveyListFolders.php
index c39aaa635..5392f763a 100644
--- a/admin/survey/classes/class.SurveyListFolders.php
+++ b/admin/survey/classes/class.SurveyListFolders.php
@@ -1039,13 +1039,19 @@ class SurveyListFolders extends SurveyList{
 
             if($drag_survey_id > 0){
 
-                // Prestavimo anketo v folder
-                $sql = sisplet_query("INSERT INTO srv_mysurvey_anketa 
+                // Ce prestavimo v root, samo pobrisemo anketo iz srv_mysurvey_anketa
+                if($parent_folder_id == '0'){
+                    $sql = sisplet_query("DELETE FROM srv_mysurvey_anketa WHERE ank_id='".$drag_survey_id."' AND usr_id='".$global_user_id."'");
+                }
+                // Prestavimo anketo v subfolder
+                else{
+                    $sql = sisplet_query("INSERT INTO srv_mysurvey_anketa 
                                         (ank_id, usr_id, folder) 
                                         VALUES 
                                         ('".$drag_survey_id."', '".$global_user_id."', '".$parent_folder_id."') 
                                         ON DUPLICATE KEY UPDATE 
                                             folder='".$parent_folder_id."'");
+                }
             }
 
             $this->getSurveys();

From 9326b770db482cafb6e559945cd502406c4a863f Mon Sep 17 00:00:00 2001
From: pero1203 <peter.hrvatin@gmail.com>
Date: Thu, 13 Oct 2022 08:35:11 +0200
Subject: [PATCH 15/17] Predogled ankete - popravek okna z nastavitvami

---
 public/css/main.css                 | 4 ++--
 resources/sass/main/main/admin.scss | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/css/main.css b/public/css/main.css
index 9d99a6ad2..805a98b25 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -7304,8 +7304,8 @@ button.ui-datepicker-trigger::before {
   transition: 0.5s all;
 }
 #preview-window.closed {
-  /*background-color: transparent;
-  border: 0;*/
+  border: 0;
+  box-shadow: none;
 }
 #preview-window.closed #preview_switch {
   padding-bottom: 0;
diff --git a/resources/sass/main/main/admin.scss b/resources/sass/main/main/admin.scss
index fb3e10bd7..ca3fbcc85 100644
--- a/resources/sass/main/main/admin.scss
+++ b/resources/sass/main/main/admin.scss
@@ -137,8 +137,8 @@
     transition: 0.5s all;
 
     &.closed{
-        /*background-color: transparent;
-        border: 0;*/
+        border: 0;
+        box-shadow: none;
 
         #preview_switch{
             padding-bottom: 0;

From 871b7be5a2ef75fe4dc548548e6ce24b6e503907 Mon Sep 17 00:00:00 2001
From: pero1203 <peter.hrvatin@gmail.com>
Date: Thu, 13 Oct 2022 09:21:30 +0200
Subject: [PATCH 16/17] Moje ankete direktoriji - popravki, dodani filtri

---
 admin/survey/classes/class.SurveyList.php     |   3 +-
 .../classes/class.SurveyListFolders.php       | 103 ++++++++++-
 public/css/admin_new.css                      | 160 +++++++++++++-----
 .../sass/admin_new/basic/icons/standard.scss  |   4 +
 .../admin_new/components/header/icons.scss    |   2 +-
 .../admin_new/components/hover/hover.scss     |  11 +-
 .../pages/my_surveys/survey_list.scss         |   4 +
 .../pages/my_surveys/survey_list_folders.scss |  38 ++++-
 .../pages/my_surveys/top_filters.scss         |  17 +-
 9 files changed, 283 insertions(+), 59 deletions(-)

diff --git a/admin/survey/classes/class.SurveyList.php b/admin/survey/classes/class.SurveyList.php
index 2444245a2..a3d2a1614 100644
--- a/admin/survey/classes/class.SurveyList.php
+++ b/admin/survey/classes/class.SurveyList.php
@@ -1758,7 +1758,8 @@ class SurveyList {
         echo '<input id="searchMySurvey" type="text" value="" placeholder="'.$lang['s_search_mySurvey'].'" name="search" />';
 		
 		echo '	<button class="medium white-black" onclick="$(\'#1kasmysurvey\').submit(); return false;">';
-		echo $lang['s_search2'];
+		//echo $lang['s_search2'];
+		echo '      <span class="faicon search"></span>';
 		echo '	</button>';
           		
 		echo '</form>';
diff --git a/admin/survey/classes/class.SurveyListFolders.php b/admin/survey/classes/class.SurveyListFolders.php
index 5392f763a..4b06436fa 100644
--- a/admin/survey/classes/class.SurveyListFolders.php
+++ b/admin/survey/classes/class.SurveyListFolders.php
@@ -161,7 +161,7 @@ class SurveyListFolders extends SurveyList{
         
             echo '<span class="faicon folder"></span>';
 
-            echo $lang['srv_mySurvey_all_surveys'];  
+            echo '<div class="folder_item_title">'.$lang['srv_mySurvey_all_surveys'].'</div>';  
             echo '<span class="folder_item_child_count">'.$survey_count.'</span>';
         }
         else{            
@@ -170,7 +170,7 @@ class SurveyListFolders extends SurveyList{
             echo '<span class="faicon arrow" onClick="mySurvey_folder_toggle(\''.$folder_id.'\');"></span>';
             echo '<span class="faicon folder"></span>';
 
-            echo $row['naslov'];
+            echo '<div class="folder_item_title">'.$row['naslov'].'</div>';
             echo '<span class="folder_item_child_count">'.$survey_count.'</span>';
 
             // Urejanje folderja
@@ -311,12 +311,6 @@ class SurveyListFolders extends SurveyList{
         $this->displayFolderSwitch();
         //echo '</div>';
 
-        // Okno za search po mojeih anketah
-        echo '  <div id="searchMySurveys">';
-        $this->displaySearch();	
-        echo '  </div>';
-        
-        /*
         // Gumb za filtriranje
         //echo '<div id="filterButton">';
         $this->displayFilterButton();
@@ -326,11 +320,102 @@ class SurveyListFolders extends SurveyList{
         echo '  <div id="sortButton">';
         $this->displaySortButton();
         echo '  </div>';
-        */
 
+        // Okno za search po mojeih anketah
+        echo '  <div id="searchMySurveys">';
+        $this->displaySearch();	
+        echo '  </div>';
+        
         echo '</div>';
     }
 
+    // Prikazemo gumb za sortiranje seznama anket
+	protected function displaySortButton(){
+		global $lang, $site_url;
+		
+        echo '<span class="faicon sort"></span>';
+				
+		echo '<div id="sortSettings">';
+		
+		echo '<ul>';
+		
+		if($this->sorttype == 2){
+			$sort = 1;
+			$img_src = 'sort_ascending';
+		} 
+		else{
+			$sort = 2;
+			$img_src = 'sort_descending';
+		}
+		
+		echo '<li '.($this->sortby == 1 ? ' class="active"' : '').'><a href="#" onClick="surveyList_goTo(\'1\',\''.($this->sortby != 1 ? '1' : $sort).'\')">'.$lang['sort_by_title'].' <span class="faicon '.($this->sortby != 1 ? 'sort_unsorted' : $img_src).'"></span></a></li>';
+		echo '<li '.($this->sortby == 6 ? ' class="active"' : '').'><a href="#" onClick="surveyList_goTo(\'6\',\''.($this->sortby != 6 ? '1' : $sort).'\')">'.$lang['sort_by_qcount'].' <span class="faicon '.($this->sortby != 6 ? 'sort_unsorted' : $img_src).'"></span></a></li>';
+		echo '<li '.($this->sortby == 5 ? ' class="active"' : '').'><a href="#" onClick="surveyList_goTo(\'5\',\''.($this->sortby != 5 ? '1' : $sort).'\')">'.$lang['sort_by_answercount'].' <span class="faicon '.($this->sortby != 5 ? 'sort_unsorted' : $img_src).'"></span></a></li>';
+		echo '<li '.($this->sortby == 16 ? ' class="active"' : '').'><a href="#" onClick="surveyList_goTo(\'16\',\''.($this->sortby != 16 ? '1' : $sort).'\')">'.$lang['sort_by_insert'].' <span class="faicon '.($this->sortby != 16 ? 'sort_unsorted' : $img_src).'"></span></a></li>';
+		echo '<li '.($this->sortby == 14 ? ' class="active"' : '').'><a href="#" onClick="surveyList_goTo(\'14\',\''.($this->sortby != 14 ? '1' : $sort).'\')">'.$lang['sort_by_edit'].' <span class="faicon '.($this->sortby != 14 ? 'sort_unsorted' : $img_src).'"></span></a></li>';
+		echo '<li '.($this->sortby == 18 ? ' class="active"' : '').'><a href="#" onClick="surveyList_goTo(\'18\',\''.($this->sortby != 18 ? '1' : $sort).'\')">Status <span class="faicon '.($this->sortby != 18 ? 'sort_unsorted' : $img_src).'"></span></a></li>';
+		echo '<li '.($this->sortby == 7 ? ' class="active"' : '').'><a href="#" onClick="surveyList_goTo(\'7\',\''.($this->sortby != 7 ? '1' : $sort).'\')"><li '.($this->sortby == 7 ? ' class="active"' : '').'>'.$lang['sort_by_author'].' <span class="faicon '.($this->sortby != 7 ? 'sort_unsorted' : $img_src).'"></span></a></li>';
+		echo '<li '.($this->sortby == 11 ? ' class="active"' : '').' style="border:0;"><a href="#" onClick="surveyList_goTo(\'11\',\''.($this->sortby != 11 ? '1' : $sort).'\')">'.$lang['sort_by_editor'].' <span class="faicon '.($this->sortby != 11 ? 'sort_unsorted' : $img_src).'"></span></a></li>';
+		
+		echo '</ul>';
+		
+		echo '</div>';
+	}
+	
+	// Prikazemo gumb za filtriranje seznama anket
+	protected function displayFilterButton(){
+		global $lang, $site_url, $admin_languages;
+		
+		echo '<div id="filterButton" '.(($this->user_id || $this->lang_id != 0 || $this->gdpr != 0) ? 'class="active"' : '').'>';
+		
+		echo '<span class="faicon filter"></span>';
+		
+		echo '<div id="filterSettings">';		
+		echo '<ul>';
+               
+		# filter po uporabniku
+		echo '<li>';
+		
+		echo '<span class="filter_title">'.$lang['srv_list_author'].'</span>';
+		
+		// Ce preklapljamo v searchu moramo refreshati celo stran (druga js funkcija)
+		$reload = ($this->isSearch == 1) ? '_reload' : '';
+		
+		echo '<span class="filter_line"><input type="radio" name="filter_mySurveys" id="filter_mySurveys_0" value="0" '.(!$this->user_id ? 'checked="checked"' : '').' onclick="surveyList_user'.$reload.'(\'clr\',\'0\');"> <label for="filter_mySurveys_0">'.$lang['srv_list_all_surveys'].'</label></span>';
+		echo '<span class="filter_line"><input type="radio" name="filter_mySurveys" id="filter_mySurveys_1" value="1" '.($this->user_id ? 'checked="checked"' : '').' onclick="surveyList_user'.$reload.'(\'uid\',\''.$this->g_uid.'\');"> <label for="filter_mySurveys_1">'.$lang['srv_list_my_surveys'].'</label></span>';
+				
+		echo '</li>';
+        
+        
+		# filter po jeziku
+		echo '<li>';	
+		
+		echo '<span class="filter_title">'.$lang['srv_sl_set_language'].'</span>';
+		
+		echo '<span class="filter_line"><input type="radio" name="filter_language" id="filter_language_0" value="0" '.((int)$this->lang_id == 0 ? 'checked="checked"' : '').' onclick="surveyList_language'.$reload.'(\'0\');"> <label for="filter_language_0">'.$lang['srv_sl_set_language_all'].'</label></span>';
+		echo '<span class="filter_line"><input type="radio" name="filter_language" id="filter_language_1" value="1" '.((int)$this->lang_id == 1 ? 'checked="checked"' : '').' onclick="surveyList_language'.$reload.'(\'1\');"> <label for="filter_language_1">'.$admin_languages['1'].'</label></span>';
+		echo '<span class="filter_line"><input type="radio" name="filter_language" id="filter_language_2" value="2" '.((int)$this->lang_id == 2 ? 'checked="checked"' : '').' onclick="surveyList_language'.$reload.'(\'2\');"> <label for="filter_language_2">'.$admin_languages['2'].'</label></span>';
+		
+        echo '</li>';	
+
+
+        # filter po GDPR anketah
+		echo '<li>';	
+		
+		echo '<span class="filter_title">'.$lang['srv_gdpr'].'</span>';
+		
+		echo '<span class="filter_line"><input type="radio" name="filter_gdpr" id="filter_gdpr_0" value="0" '.((int)$this->gdpr == 0 ? 'checked="checked"' : '').' onclick="surveyList_gdpr'.$reload.'(\'0\');"> <label for="filter_gdpr_0">'.$lang['srv_list_all_surveys'].'</label></span>';
+		echo '<span class="filter_line"><input type="radio" name="filter_gdpr" id="filter_gdpr_1" value="1" '.((int)$this->gdpr == 1 ? 'checked="checked"' : '').' onclick="surveyList_gdpr'.$reload.'(\'1\');"> <label for="filter_gdpr_1">'.$lang['srv_list_gdpr_gdpr'].'</label></span>';
+		
+        echo '</li>';	
+        
+		
+		echo '</ul>';			
+		echo '</div>';
+		
+		echo '</div>';
+	}
+
     // Izpisemo footer
     private function displayFooter(){
         global $lang;
diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index 2bdc1916b..e51fd72a9 100644
--- a/public/css/admin_new.css
+++ b/public/css/admin_new.css
@@ -5558,6 +5558,10 @@ span.faicon.filter::before {
   content: "";
 }
 
+span.faicon.sort::before {
+  content: "";
+}
+
 span.faicon.grip::before {
   content: "";
 }
@@ -6940,12 +6944,12 @@ a.read-more .faicon:before {
   padding: 16px;
   color: #333333;
   font-weight: 400;
-  font-size: 16px;
+  font-size: 14px;
   line-height: 20px;
   text-align: left;
   background: #FFFFFF;
-  border: 1px solid #C4C4C4;
-  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.07);
+  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 0px 2px;
   cursor: auto;
   margin-top: 14px;
   padding: 12px;
@@ -6955,6 +6959,9 @@ a.read-more .faicon:before {
 .tooltip .expanded-tooltip .expanded-tooltip-box a {
   text-decoration: none;
 }
+.tooltip .expanded-tooltip .expanded-tooltip-box label {
+  font-size: 14px;
+}
 .tooltip .expanded-tooltip .expanded-tooltip-box ul {
   margin: 0;
   padding: 0;
@@ -8790,12 +8797,12 @@ header #top_line #xtradiv #xtradivSettings {
   padding: 16px;
   color: #333333;
   font-weight: 400;
-  font-size: 16px;
+  font-size: 14px;
   line-height: 20px;
   text-align: left;
   background: #FFFFFF;
-  border: 1px solid #C4C4C4;
-  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.07);
+  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 0px 2px;
   display: none;
   position: absolute;
   z-index: 99999;
@@ -8806,6 +8813,9 @@ header #top_line #xtradiv #xtradivSettings {
 header #top_line #xtradiv #xtradivSettings a {
   text-decoration: none;
 }
+header #top_line #xtradiv #xtradivSettings label {
+  font-size: 14px;
+}
 header #top_line #xtradiv #xtradivSettings ul {
   margin: 0;
   padding: 0;
@@ -9211,12 +9221,12 @@ header #topSettingsHolder .right_options_holder#analiza_right_options_holder #di
   padding: 16px;
   color: #333333;
   font-weight: 400;
-  font-size: 16px;
+  font-size: 14px;
   line-height: 20px;
   text-align: left;
   background: #FFFFFF;
-  border: 1px solid #C4C4C4;
-  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.07);
+  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 0px 2px;
   display: none;
   position: absolute;
   z-index: 78;
@@ -9227,6 +9237,10 @@ header #topSettingsHolder .right_options_holder#analiza_right_options_holder #di
 header #topSettingsHolder .right_options_holder#analiza_right_options_holder #div_analiza_filtri_right2 a {
   text-decoration: none;
 }
+header #topSettingsHolder .right_options_holder#analiza_right_options_holder #div_analiza_filtri_right label,
+header #topSettingsHolder .right_options_holder#analiza_right_options_holder #div_analiza_filtri_right2 label {
+  font-size: 14px;
+}
 header #topSettingsHolder .right_options_holder#analiza_right_options_holder #div_analiza_filtri_right ul,
 header #topSettingsHolder .right_options_holder#analiza_right_options_holder #div_analiza_filtri_right2 ul {
   margin: 0;
@@ -9306,12 +9320,12 @@ div.breadcrumbs {
   padding: 16px;
   color: #333333;
   font-weight: 400;
-  font-size: 16px;
+  font-size: 14px;
   line-height: 20px;
   text-align: left;
   background: #FFFFFF;
-  border: 1px solid #C4C4C4;
-  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.07);
+  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 0px 2px;
   display: none;
   position: absolute;
   z-index: 99999;
@@ -9322,6 +9336,9 @@ div.breadcrumbs {
 #hover_export a {
   text-decoration: none;
 }
+#hover_export label {
+  font-size: 14px;
+}
 #hover_export ul {
   margin: 0;
   padding: 0;
@@ -9345,7 +9362,7 @@ div.breadcrumbs {
   padding: 6px 0;
   margin: 0 !important;
   text-decoration: none;
-  font-size: 16px;
+  font-size: 14px;
   transition: 0.2s;
 }
 #hover_export a:hover {
@@ -10545,6 +10562,7 @@ span.cke_toolgroup .cke_button {
   box-sizing: border-box;
   padding: 12px 14px;
   margin: 0;
+  height: 40px;
   font-size: 16px;
   background: #FFFFFF;
   border: 1px solid #C4C4C4;
@@ -10552,7 +10570,13 @@ span.cke_toolgroup .cke_button {
   border-radius: 2px 0 0 2px;
 }
 #survey_list .second_line #searchMySurveys form button {
-  min-width: 100px;
+  height: 40px;
+  width: 40px;
+  min-width: auto;
+  padding: 10px 0;
+}
+#survey_list .second_line #searchMySurveys form button .faicon:before {
+  font-size: 16px;
 }
 #survey_list .second_line #searchSettings,
 #survey_list .second_line #searchLibrarySettings {
@@ -10771,12 +10795,12 @@ span.cke_toolgroup .cke_button {
   padding: 16px;
   color: #333333;
   font-weight: 400;
-  font-size: 16px;
+  font-size: 14px;
   line-height: 20px;
   text-align: left;
   background: #FFFFFF;
-  border: 1px solid #C4C4C4;
-  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.07);
+  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 0px 2px;
   visibility: hidden;
   opacity: 0;
   position: absolute;
@@ -10792,6 +10816,12 @@ span.cke_toolgroup .cke_button {
 #survey_list .second_line .filters #sortButton #sortSettings a {
   text-decoration: none;
 }
+#survey_list .second_line .filters #filterButton #filterSettings label,
+#survey_list .second_line .filters #filterButton #sortSettings label,
+#survey_list .second_line .filters #sortButton #filterSettings label,
+#survey_list .second_line .filters #sortButton #sortSettings label {
+  font-size: 14px;
+}
 #survey_list .second_line .filters #filterButton #filterSettings ul,
 #survey_list .second_line .filters #filterButton #sortSettings ul,
 #survey_list .second_line .filters #sortButton #filterSettings ul,
@@ -10843,6 +10873,7 @@ span.cke_toolgroup .cke_button {
 }
 #survey_list .second_line .filters #filterButton #filterSettings ul li .filter_title,
 #survey_list .second_line .filters #sortButton #filterSettings ul li .filter_title {
+  font-size: 14px;
   font-weight: 600;
 }
 #survey_list .second_line .filters #filterButton #filterSettings ul li .filter_line,
@@ -10998,12 +11029,12 @@ body.eng #survey_list .filters #folderSwitch {
   padding: 16px;
   color: #333333;
   font-weight: 400;
-  font-size: 16px;
+  font-size: 14px;
   line-height: 20px;
   text-align: left;
   background: #FFFFFF;
-  border: 1px solid #C4C4C4;
-  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.07);
+  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 0px 2px;
   display: flex;
   flex-direction: column;
   position: absolute;
@@ -11015,6 +11046,9 @@ body.eng #survey_list .filters #folderSwitch {
 #survey_list .div_sl_new table#surveyList_new tr td.other_link .survey_other_box_holder .survey_other_box a {
   text-decoration: none;
 }
+#survey_list .div_sl_new table#surveyList_new tr td.other_link .survey_other_box_holder .survey_other_box label {
+  font-size: 14px;
+}
 #survey_list .div_sl_new table#surveyList_new tr td.other_link .survey_other_box_holder .survey_other_box ul {
   margin: 0;
   padding: 0;
@@ -11043,6 +11077,9 @@ body.eng #survey_list .filters #folderSwitch {
   margin-right: 8px;
   color: #1E88E5;
 }
+#survey_list .div_sl_new table#surveyList_new tr td.other_link .survey_other_box_holder .survey_other_box label {
+  font-size: 14px;
+}
 #survey_list .div_sl_new table#surveyList_new tr.sl_header_new td {
   height: 62px;
   padding: 0 16px;
@@ -11111,6 +11148,7 @@ body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders
   width: 100%;
   padding: 0 8px;
   margin-bottom: 8px;
+  font-size: 14px;
   border: 1px solid #E5E5E5;
   border-radius: 2px;
   transition: background-color 0.2s;
@@ -11151,6 +11189,11 @@ body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders
   margin-right: 8px;
   font-size: 14px;
 }
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_title {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_child_count {
   margin-left: 8px;
   font-size: 12px;
@@ -11170,12 +11213,12 @@ body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders
   padding: 16px;
   color: #333333;
   font-weight: 400;
-  font-size: 16px;
+  font-size: 14px;
   line-height: 20px;
   text-align: left;
   background: #FFFFFF;
-  border: 1px solid #C4C4C4;
-  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.07);
+  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 0px 2px;
   position: absolute;
   z-index: 9999;
   right: 0;
@@ -11185,6 +11228,9 @@ body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders
 body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings a {
   text-decoration: none;
 }
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings label {
+  font-size: 14px;
+}
 body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .left_content ul li.folder_item .folder_item_settings ul {
   margin: 0;
   padding: 0;
@@ -11252,11 +11298,33 @@ body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders
   width: auto;
   margin-left: 16px;
 }
-body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .right_content .second_line .filters #searchMySurveys #searchMySurvey,
-body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .right_content .second_line .filters #searchMySurveys button {
-  height: 40px;
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .right_content .second_line .filters #filterButton,
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .right_content .second_line .filters #sortButton {
+  width: 40px;
+  padding: 10px 0;
+  text-align: center;
+}
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .right_content .second_line .filters #filterButton:after,
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .right_content .second_line .filters #sortButton:after {
+  content: "";
+}
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .right_content .second_line .filters #filterButton .faicon.filter:before,
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .right_content .second_line .filters #sortButton .faicon.filter:before {
+  font-size: 14px;
+  color: #1E88E5;
+}
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .right_content .second_line .filters #filterButton .faicon.sort,
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .right_content .second_line .filters #sortButton .faicon.sort {
+  line-height: 20px;
+}
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .right_content .second_line .filters #filterButton .faicon.sort:before,
+body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .right_content .second_line .filters #sortButton .faicon.sort:before {
+  font-size: 18px;
+  color: #1E88E5;
 }
 body.body_mySurveys_folders #moje_ankete_edit #survey_list .survey_list_folders .right_content footer {
+  /*position: fixed;
+  bottom: 0;*/
   width: calc(100% + 32px);
   margin-left: -16px;
 }
@@ -11754,12 +11822,12 @@ div.page_diagnostics .data_table_top_holder #dataSettingsCheckboxes_Date {
   padding: 16px;
   color: #333333;
   font-weight: 400;
-  font-size: 16px;
+  font-size: 14px;
   line-height: 20px;
   text-align: left;
   background: #FFFFFF;
-  border: 1px solid #C4C4C4;
-  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.07);
+  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 0px 2px;
   z-index: 998;
   position: absolute;
   top: 41px;
@@ -11769,6 +11837,10 @@ div.page_diagnostics .data_table_top_holder #dataSettingsCheckboxes a,
 div.page_diagnostics .data_table_top_holder #dataSettingsCheckboxes_Date a {
   text-decoration: none;
 }
+div.page_diagnostics .data_table_top_holder #dataSettingsCheckboxes label,
+div.page_diagnostics .data_table_top_holder #dataSettingsCheckboxes_Date label {
+  font-size: 14px;
+}
 div.page_diagnostics .data_table_top_holder #dataSettingsCheckboxes ul,
 div.page_diagnostics .data_table_top_holder #dataSettingsCheckboxes_Date ul {
   margin: 0;
@@ -20350,12 +20422,12 @@ and open the template in the editor.
   padding: 16px;
   color: #333333;
   font-weight: 400;
-  font-size: 16px;
+  font-size: 14px;
   line-height: 20px;
   text-align: left;
   background: #FFFFFF;
-  border: 1px solid #C4C4C4;
-  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.07);
+  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 0px 2px;
   position: absolute;
   z-index: 9999;
   right: 0;
@@ -20365,6 +20437,9 @@ and open the template in the editor.
 .tab_content .content_left ul li.folder_item .folder_item_settings a {
   text-decoration: none;
 }
+.tab_content .content_left ul li.folder_item .folder_item_settings label {
+  font-size: 14px;
+}
 .tab_content .content_left ul li.folder_item .folder_item_settings ul {
   margin: 0;
   padding: 0;
@@ -20586,12 +20661,12 @@ and open the template in the editor.
   padding: 16px;
   color: #333333;
   font-weight: 400;
-  font-size: 16px;
+  font-size: 14px;
   line-height: 20px;
   text-align: left;
   background: #FFFFFF;
-  border: 1px solid #C4C4C4;
-  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.07);
+  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 0px 2px;
   position: absolute;
   z-index: 9999;
   right: 0;
@@ -20607,6 +20682,12 @@ and open the template in the editor.
 .tab_content .content_right .question_list .folder_item_holder .folder_item_info .item_settings a {
   text-decoration: none;
 }
+.tab_content .content_right .question_list .question_item_holder .question_item_info .item_settings label,
+.tab_content .content_right .question_list .question_item_holder .folder_item_info .item_settings label,
+.tab_content .content_right .question_list .folder_item_holder .question_item_info .item_settings label,
+.tab_content .content_right .question_list .folder_item_holder .folder_item_info .item_settings label {
+  font-size: 14px;
+}
 .tab_content .content_right .question_list .question_item_holder .question_item_info .item_settings ul,
 .tab_content .content_right .question_list .question_item_holder .folder_item_info .item_settings ul,
 .tab_content .content_right .question_list .folder_item_holder .question_item_info .item_settings ul,
@@ -27135,12 +27216,12 @@ body #main_holder #main .page_invitations .invitation_lists .right_holder .info_
   padding: 16px;
   color: #333333;
   font-weight: 400;
-  font-size: 16px;
+  font-size: 14px;
   line-height: 20px;
   text-align: left;
   background: #FFFFFF;
-  border: 1px solid #C4C4C4;
-  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.07);
+  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 0px 2px;
   z-index: 99999;
   position: absolute;
   top: 41px;
@@ -27150,6 +27231,9 @@ body #main_holder #main .page_invitations .invitation_lists .right_holder .info_
 .data_table_top_holder #dataSettingsCheckboxes a {
   text-decoration: none;
 }
+.data_table_top_holder #dataSettingsCheckboxes label {
+  font-size: 14px;
+}
 .data_table_top_holder #dataSettingsCheckboxes ul {
   margin: 0;
   padding: 0;
diff --git a/resources/sass/admin_new/basic/icons/standard.scss b/resources/sass/admin_new/basic/icons/standard.scss
index a4f62e43c..20ddfd8cb 100644
--- a/resources/sass/admin_new/basic/icons/standard.scss
+++ b/resources/sass/admin_new/basic/icons/standard.scss
@@ -152,6 +152,10 @@ span.faicon.filter::before{
         content: "\f0b0";
 }
 
+span.faicon.sort::before{
+    content: "\f0dc";
+}
+
 span.faicon.grip::before{
     content: "\f58e";
 }
diff --git a/resources/sass/admin_new/components/header/icons.scss b/resources/sass/admin_new/components/header/icons.scss
index b2677da00..e67851772 100644
--- a/resources/sass/admin_new/components/header/icons.scss
+++ b/resources/sass/admin_new/components/header/icons.scss
@@ -53,7 +53,7 @@
         margin: 0 !important;
 
         text-decoration: none;
-        font-size: 16px;
+        font-size: 14px;
         
         transition: 0.2s;
 
diff --git a/resources/sass/admin_new/components/hover/hover.scss b/resources/sass/admin_new/components/hover/hover.scss
index 7d742222a..1784eed4d 100644
--- a/resources/sass/admin_new/components/hover/hover.scss
+++ b/resources/sass/admin_new/components/hover/hover.scss
@@ -3,18 +3,23 @@
 
     color: $black;
     font-weight: 400;
-    font-size: 16px;
+    font-size: 14px;
     line-height: 20px;
     text-align: left;
 
     background: $white;
-    border: 1px solid $dark-gray;
-    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.07);
+    //border: 1px solid $dark-gray;
+    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12);
+    border-radius: 2px 2px 0px 2px;
 
     a{
         text-decoration: none;
     }
 
+    label{
+        font-size: 14px;
+    }
+
     ul{
         margin: 0;
         padding: 0;
diff --git a/resources/sass/admin_new/pages/my_surveys/survey_list.scss b/resources/sass/admin_new/pages/my_surveys/survey_list.scss
index bbcb13939..fc15098eb 100644
--- a/resources/sass/admin_new/pages/my_surveys/survey_list.scss
+++ b/resources/sass/admin_new/pages/my_surveys/survey_list.scss
@@ -118,6 +118,10 @@
                                 margin-right: 8px;
                                 color: $blue;
                             }
+
+                            label{
+                                font-size: 14px;
+                            }
                         }
                     }
                 }
diff --git a/resources/sass/admin_new/pages/my_surveys/survey_list_folders.scss b/resources/sass/admin_new/pages/my_surveys/survey_list_folders.scss
index 39808127b..c2ab22fe4 100644
--- a/resources/sass/admin_new/pages/my_surveys/survey_list_folders.scss
+++ b/resources/sass/admin_new/pages/my_surveys/survey_list_folders.scss
@@ -57,6 +57,8 @@ body.body_mySurveys_folders{
                         width: 100%;
                         padding: 0 8px;
                         margin-bottom: 8px;
+
+                        font-size: 14px;
             
                         border: 1px solid $gray;
                         border-radius: 2px;
@@ -109,6 +111,12 @@ body.body_mySurveys_folders{
                             font-size: 14px;
                         }
         
+                        .folder_item_title{
+                            white-space: nowrap;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                        }
+
                         .folder_item_child_count{
                             margin-left: 8px;
                             font-size: 12px;
@@ -207,16 +215,40 @@ body.body_mySurveys_folders{
                         #searchMySurveys{
                             width: auto;
                             margin-left: 16px;
+                        }
 
-                            #searchMySurvey,
-                            button{
-                                height: 40px;
+                        #filterButton,
+                        #sortButton{
+                            width: 40px;
+                            padding: 10px 0;
+
+                            text-align: center;
+
+                            &:after{
+                                content: "";
+                            }
+
+                            .faicon.filter:before{
+                                font-size: 14px;
+                                color: $blue;
+                            }
+
+                            .faicon.sort{
+                                line-height: 20px;
+
+                                &:before{
+                                    font-size: 18px;
+                                    color: $blue;
+                                }
                             }
                         }
                     }
                 }
                 
                 footer{
+                    /*position: fixed;
+                    bottom: 0;*/
+
                     width: calc(100% + 32px);
                     margin-left: -16px;
                 }
diff --git a/resources/sass/admin_new/pages/my_surveys/top_filters.scss b/resources/sass/admin_new/pages/my_surveys/top_filters.scss
index 692861bf2..f3557bf64 100644
--- a/resources/sass/admin_new/pages/my_surveys/top_filters.scss
+++ b/resources/sass/admin_new/pages/my_surveys/top_filters.scss
@@ -22,6 +22,7 @@
                     box-sizing: border-box;
                     padding: 12px 14px;
                     margin: 0;
+                    height: 40px;
 
                     font-size: 16px;
 
@@ -32,8 +33,15 @@
                 }
 
                 button{
-                    // width: 100px;
-                    min-width: 100px;
+                    height: 40px;
+                    width: 40px;
+                    min-width: auto;
+
+                    padding: 10px 0;
+
+                    .faicon:before{
+                        font-size: 16px;
+                    }
                 }
             }
         }
@@ -295,7 +303,7 @@
 
                     width: 200px;
                     top: 40px;
-                    
+
                     border-radius: 2px;
                 }
 
@@ -316,7 +324,8 @@
                             display: flex;
                             flex-direction: column;
 
-                            .filter_title{        
+                            .filter_title{       
+                                font-size: 14px; 
                                 font-weight: 600;
                             }
         

From 4edbd7556fb3eaddbee89b301ad5d47db3956501 Mon Sep 17 00:00:00 2001
From: pero1203 <peter.hrvatin@gmail.com>
Date: Thu, 13 Oct 2022 09:43:54 +0200
Subject: [PATCH 17/17] Moje ankete direktoriji - popravek brisanja
 direktorija, dodana moznost dodajanja mape v root

---
 .../classes/class.SurveyListFolders.php       | 28 +++++++++++++++----
 admin/survey/script/surveyList.js             |  2 +-
 2 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/admin/survey/classes/class.SurveyListFolders.php b/admin/survey/classes/class.SurveyListFolders.php
index 4b06436fa..eb930b747 100644
--- a/admin/survey/classes/class.SurveyListFolders.php
+++ b/admin/survey/classes/class.SurveyListFolders.php
@@ -163,6 +163,17 @@ class SurveyListFolders extends SurveyList{
 
             echo '<div class="folder_item_title">'.$lang['srv_mySurvey_all_surveys'].'</div>';  
             echo '<span class="folder_item_child_count">'.$survey_count.'</span>';
+
+            // Urejanje folderja
+            // Tri pikice za prikaz urejanja folderja
+            echo '  <span class="faicon dots_ver dots_ver_folder" onClick="mySurvey_folder_show_edit(this);"></span>';
+
+            // Skrit div za urejanje folderja
+            echo '  <div class="folder_item_settings displayNone">';
+            echo '      <ul>';
+            echo '          <li onClick="mySurvey_folder_add_popup(\''.$folder_id.'\');">'.$lang['srv_mySurvey_create_subfolder'].'</li>';
+            echo '      </ul>';
+            echo '  </div>';
         }
         else{            
             echo '<li id="folder_item_'.$folder_id.'" class="folder_item '.$folder_open.' '.$folder_active.' mySurvey_draggable mySurvey_droppable" folder_id="'.$folder_id.'" onClick="mySurvey_folder_activate(\''.$folder_id.'\');">';
@@ -1071,7 +1082,7 @@ class SurveyListFolders extends SurveyList{
             if($folder_id > 0){
 
                 // Dobimo parent folderja
-                $sqlParent = sisplet_query("SELECT parent FROM srv_mysurvey_folder WHERE id='".$folder_id."' AND usr_id='".$global_user_id."'");
+                $sqlParent = sisplet_query("SELECT parent, active FROM srv_mysurvey_folder WHERE id='".$folder_id."' AND usr_id='".$global_user_id."'");
                 $rowParent = mysqli_fetch_array($sqlParent);
 
                 // Ce je parent root, pobrisemo ankete ki so bile znotraj folderja
@@ -1081,16 +1092,21 @@ class SurveyListFolders extends SurveyList{
                 // Drugace jih prestavimo v parenta
                 else{
                     $sql = sisplet_query("UPDATE srv_mysurvey_anketa SET folder='".$rowParent['parent']."' WHERE folder='".$folder_id."' AND usr_id='".$global_user_id."'");
+
+                    // Ce je bil active, nastavimo parenta za active
+                    if($rowParent['active'] == '1'){
+                        $sql2 = sisplet_query("UPDATE srv_mysurvey_folder SET active='1' WHERE id='".$rowParent['parent']."' AND usr_id='".$global_user_id."'");
+                    }
                 }  
 
                 // Nastavimo subfolderjem novega parenta
-                $sql = sisplet_query("UPDATE srv_mysurvey_folder SET parent='".$rowParent['parent']."' WHERE parent='".$folder_id."' AND usr_id='".$global_user_id."'");
-                
+                $sql3 = sisplet_query("UPDATE srv_mysurvey_folder SET parent='".$rowParent['parent']."' WHERE parent='".$folder_id."' AND usr_id='".$global_user_id."'");
+                       
                 // Na koncu se pobrisemo prazen folder
-                $sql = sisplet_query("DELETE FROM srv_mysurvey_folder WHERE id='".$folder_id."' AND usr_id='".$global_user_id."'");
-                
-                // Rekurzivno pobrisemo vse poddirektorije z anketami - TODO!!!
+                $sql4 = sisplet_query("DELETE FROM srv_mysurvey_folder WHERE id='".$folder_id."' AND usr_id='".$global_user_id."'");
             }
+
+            $this->getSurveys();
 		}
 
 
diff --git a/admin/survey/script/surveyList.js b/admin/survey/script/surveyList.js
index c1a4c6aa8..bd6126b91 100644
--- a/admin/survey/script/surveyList.js
+++ b/admin/survey/script/surveyList.js
@@ -221,7 +221,7 @@ function mySurvey_folder_rename(folder_id){
 // Pobrisemo obstojeci folder
 function mySurvey_folder_delete(folder_id){
 
-    $("#left_content").load('ajax.php?t=surveyListFolders&a=mysurvey_folder_delete', {folder_id: folder_id});
+    $("#survey_list").load('ajax.php?t=surveyListFolders&a=mysurvey_folder_delete', {folder_id: folder_id});
 }