jekyll-theme-glueckkanja 1.0.2 → 1.1.0

data/assets/css/app.scss

@@ -3,10 +3,9 @@
 @charset "utf-8";
 @import "variables";
 @import "bootstrap";
-@import "font-awesome/scss/fontawesome";
-@import "font-awesome/scss/solid";
-@import "font-awesome/scss/brands";
-@import "font-awesome/scss/regular";
+
+@import "font-awesome";
+
 @import "rangeslider";
 
 @import "hc-elements";
@@ -16,6 +15,9 @@
 @import "docs-mixins";
 @import "docs-layout";
 
+@import "unify/unify";
+@import "_cubeportfolio";
+
 html {
     width: 100%;
     height: 100%;
@@ -23,6 +25,7 @@ html {
 
 body {
     width: 100%;
+    font-size: 16px;
     font-family: "Open Sans", sans-serif;
     color: $font-color;
     height: 100%;
@@ -38,8 +41,12 @@ body {
 
 /* ------------ LOGO ------------ */
 
+header {
+    background: transparent;
+}
+
 .logo {
-    background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwLjEgMjAxLjgiPjxkZWZzPjxzdHlsZT4gICAgLmNscy0xe2ZpbGw6bm9uZTt9LmNscy0ye2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aCk7fS5jbHMtM3tmaWxsOiMwMDEzMWQ7fS5jbHMtNHtmaWxsOiMyZjUyYTA7fTwvc3R5bGU+PGNsaXBQYXRoPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjEwMDAuMSIgaGVpZ2h0PSIyMDEuOCIvPjwvY2xpcFBhdGg+PC9kZWZzPjx0aXRsZT4gICAgRWxlbWVudCAxPC90aXRsZT48ZyBkYXRhLW5hbWU9IkViZW5lIDIiPjxnIGRhdGEtbmFtZT0iRWJlbmUgMSI+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xNy43IDE1NS43QzE3LjEgMTU1LjIgMCAxNTMuMSAwIDEzMy4zYzAtOSA4LjItMTUuNiAxNy4xLTE5LjZDMTEgMTA3LjQgNyA5OS42IDcgODkuN1Y3OFM3IDQ2LjggMzguMyA0Ni44aDQzVjU3LjVMNjQuNyA2My4yQzgxLjMgNjMuMiA4MS4zIDc4IDgxLjMgNzhWODkuN3MwIDMxLjItMzEuNiAzMS4ySDM4LjNhNDQuMiA0NC4yIDAgMCAxLTE3LjktNC44Yy0zLjYgMi4zLTYuMyA1LjktNi4zIDEwLjUgMCAxMi42IDEyLjYgMTIuNiAxMi42IDEyLjZINTYuOVM4OCAxMzkuMiA4OCAxNzAuNmMwIDAgMCAzMS4yLTMxLjIgMzEuMmgtMjhTMCAyMDEuOCAwIDE3NS4zYzAtMTkuNiAxNy4xLTE5LjYgMTcuNy0xOS42bTExLjIgMGMtMi45IDAtMTQuNyAxLjktMTQuNyAxNSAwIDE0LjcgMTQuNyAxNC43IDE0LjcgMTQuN2gyOHMxNC43IDAgMTQuNy0xNC43YzAgMCAwLTE1LTE0LjctMTVaTTY0LjcgNzhzMC0xNC43LTE1LTE0LjdIMzguM3MtMTUgMC0xNSAxNC43Vjg5LjdzMCAxNC43IDE1IDE0LjdINDkuN3MxNSAwIDE1LTE0LjdaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTUzLjcgNDYuOGgxNi42djc3LjVjMCAxNSAxNC43IDE1IDE0LjcgMTVoMTEuNmMxNC43IDAgMTQuNy0xNSAxNC43LTE1VjQ2LjhoMTYuNlYxNTUuN2gtNi43bC0xNi40LTE2LjRjMCAxNi40LTguMiAxNi40LTguMiAxNi40SDE4NS4xcy0zMS40IDAtMzEuNC0zMS40Wk0xODEuMyA3LjRIMTYyLjhWMjUuN2gxOC41Wm0zOC44IDBIMjAxLjZWMjUuN2gxOC41WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTI1Mi4yIDc4czAtMzEuMiAzMS42LTMxLjJoMTEuNHMzMS44IDAgMzEuNiAyOEgzMDkuN3MtMC4yLTExLjYtMTQuNS0xMS42SDI4My44cy0xNSAwLTE1IDE0Ljd2NDYuM3MwIDE1IDE1IDE1aDExLjRzMTQuNyAwIDE0LjctMTEuOGgxNi42czAgMjguMi0zMS40IDI4LjJIMjgzLjhzLTMxLjYgMC0zMS42LTMxLjRaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNNDA1LjYgMTU1LjcgMzc1LjEgMTAybC0xMi44IDE5LjJ2MzQuNUgzNDUuOFYwLjVoMTYuNHY5OS4yQzM3My40IDg0LjkgMzkwLjcgNjIuMiA0MDIgNDYuOEg0MjIuOUwzODguNiA5Mi4zYzExLjggMjAuOSAyNC4yIDQyLjMgMzYuMiA2My40WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTY1NC4zIDE1NS43IDYyMy43IDEwMmwtMTIuOCAxOS4ydjM0LjVINTk0LjRWMC41aDE2LjR2OTkuMkM2MjIgODQuOSA2MzkuMyA2Mi4yIDY1MC43IDQ2LjhoMjAuOUw2MzcuMiA5Mi4zYzExLjggMjAuOSAyNC4yIDQyLjMgMzYuMiA2My40WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTc1OS41IDc4djc3LjdoLTdsLTE2LjItMTYuNGMwIDE2LjQtOC40IDE2LjQtOC40IDE2LjRINzE2LjVzLTMxLjYgMC0zMS42LTMxLjRTNzE2LjUgOTIuOSA3MTYuNSA5Mi45aDI2LjNWNzhjMC0xNC43LTE1LTE0LjctMTUtMTQuN2gtMzUuOFY0Ni44aDM1LjhzMzEuNiAwIDMxLjYgMzEuMm0tMTYuNiAzMS42SDcxNi41cy0xNSAwLTE1IDE0LjdjMCAxNSAxNSAxNSAxNSAxNWgxMS40czE1IDAgMTUtMTVaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNODU5LjIgMTU1LjdIODQyLjVWNzguMmMwLTE1LTE1LTE1LTE1LTE1SDgxNi4yYy0xNSAwLTE1IDE1LTE1IDE1djc3LjVINzg0LjZWNDYuOGg3bDE2LjIgMTYuNGMwLTE2LjQgOC40LTE2LjQgOC40LTE2LjRoMTEuNHMzMS42LTAuNCAzMS42IDMwLjhaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNOTAxLjQgNDcuMlYxNzAuNmMwIDI0LjktMTkuOCAyOS45LTI4IDMxVjE4NS4yYzExLjYgMCAxMS42LTE0LjUgMTEuNi0xNC41VjQ3LjJabTAtMzAuMUg4ODVWMC41aDE2LjRaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTAwMC4xIDc4djc3LjdoLTdsLTE2LjItMTYuNGMwIDE2LjQtOC40IDE2LjQtOC40IDE2LjRIOTU3LjFzLTMxLjYgMC0zMS42LTMxLjRTOTU3LjEgOTIuOSA5NTcuMSA5Mi45aDI2LjNWNzhjMC0xNC43LTE1LTE0LjctMTUtMTQuN2gtMzUuOFY0Ni44aDM1LjhzMzEuNiAwIDMxLjYgMzEuMm0tMTYuNiAzMS42SDk1Ny4xcy0xNSAwLTE1IDE0LjdjMCAxNSAxNSAxNSAxNSAxNWgxMS40czE1IDAgMTUtMTVaIi8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSI1MDAuOCIgeT0iOTQuMSIgd2lkdGg9IjYxLjciIGhlaWdodD0iNjEuNyIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iNDU0LjgiIHk9IjQ2LjciIHdpZHRoPSIzOS4zIiBoZWlnaHQ9IjM5LjMiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xMjMgMFYxMjMuNHMwIDE0LjUgMTEuNiAxNC41djE2LjRjLTguMi0xLTI4LTYuMS0yOC0zMVYwWiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==') 0 0 no-repeat;
+    background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwLjA2IDIwMS43OSI+PGRlZnM+PGNsaXBQYXRoIGlkPSJBIj48cGF0aCBkPSJNMCAwaDEwMDAuMDZ2MjAxLjhIMHoiIGZpbGw9Im5vbmUiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjQSkiPjxwYXRoIGQ9Ik0xNy43IDE1NS42NmMtLjYzLS40Mi0xNy43LTIuNTItMTcuNy0yMi4zMiAwLTkuMDUgOC4yMi0xNS41OCAxNy4wNi0xOS42QzExIDEwNy40NCA3IDk5LjY0IDcgODkuNzRWNzhzMC0zMS4yMiAzMS4zMy0zMS4yMmg0M3YxMC43NGwtMTYuNjcgNS43QzgxLjMgNjMuMiA4MS4zIDc4IDgxLjMgNzh2MTEuNzRzMCAzMS4xNy0zMS42IDMxLjE3SDM4LjMzYTQ0LjE3IDQ0LjE3IDAgMCAxLTE3LjktNC44NGMtMy41OCAyLjMyLTYuMzIgNS45LTYuMzIgMTAuNTMgMCAxMi42NCAxMi42NCAxMi42NCAxMi42NCAxMi42NGgzMC4xczMxLjE0IDAgMzEuMTQgMzEuMzhjMCAwIDAgMzEuMTctMzEuMTcgMzEuMTdoLTI4UzAgMjAxLjggMCAxNzUuMjVjMC0xOS42IDE3LjA2LTE5LjYgMTcuNy0xOS42bTExLjE2IDBjLTIuOTUgMC0xNC43NCAxLjktMTQuNzQgMTUgMCAxNC43NCAxNC43NCAxNC43NCAxNC43NCAxNC43NGgyOHMxNC43NCAwIDE0Ljc0LTE0Ljc0YzAgMCAwLTE1LTE0Ljc0LTE1ek02NC42NiA3OHMwLTE0Ljc0LTE1LTE0Ljc0SDM4LjMzcy0xNSAwLTE1IDE0Ljc0djExLjc0czAgMTQuNzQgMTUgMTQuNzRINDkuN3MxNSAwIDE1LTE0Ljc0em04OS4wOC0zMS4yMmgxNi42NHY3Ny41YzAgMTUgMTQuNzQgMTUgMTQuNzQgMTVoMTEuNThjMTQuNzQgMCAxNC43NC0xNSAxNC43NC0xNXYtNzcuNWgxNi42NHYxMDguODhoLTYuNzRsLTE2LjQzLTE2LjQzYzAgMTYuNDMtOC4yIDE2LjQzLTguMiAxNi40M2gtMTEuNThzLTMxLjM4IDAtMzEuMzgtMzEuMzh6bTI3LjYtMzkuMzhIMTYyLjh2MTguMzJoMTguNTN6bTM4Ljc1IDBoLTE4LjUzdjE4LjMyaDE4LjUzek0yNTIuMiA3OHMwLTMxLjE3IDMxLjYtMzEuMTdoMTEuMzdzMzEuOCAwIDMxLjYgMjhIMzA5LjdzLS4yLTExLjU4LTE0LjUzLTExLjU4SDI4My44cy0xNSAwLTE1IDE0Ljc0djQ2LjMzczAgMTUgMTUgMTVoMTEuMzdzMTQuNzQgMCAxNC43NC0xMS44aDE2LjY0czAgMjguMjItMzEuMzggMjguMjJIMjgzLjhzLTMxLjYgMC0zMS42LTMxLjM4em0xNTMuNDMgNzcuNjZMMzc1LjEgMTAybC0xMi44NSAxOS4xN3YzNC41NGgtMTYuNDJWLjQ1aDE2LjQzdjk5LjJMNDAyIDQ2Ljc4aDIwLjlsLTM0LjMzIDQ1LjUgMzYuMjIgNjMuNHptMjQ4LjYyIDBMNjIzLjcgMTAybC0xMi44NSAxOS4xN3YzNC41NGgtMTYuNDNWLjQ1aDE2LjQzdjk5LjJsMzkuOC01Mi44N2gyMC44NWwtMzQuMzMgNDUuNSAzNi4yMiA2My40ek03NTkuNDUgNzh2NzcuN2gtN2wtMTYuMjItMTYuNDNjMCAxNi40My04LjQyIDE2LjQzLTguNDIgMTYuNDNoLTExLjMzcy0zMS42IDAtMzEuNi0zMS4zOCAzMS42LTMxLjQzIDMxLjYtMzEuNDNoMjYuMzJWNzhjMC0xNC43NC0xNS0xNC43NC0xNS0xNC43NEg2OTJWNDYuNzhoMzUuOHMzMS42IDAgMzEuNiAzMS4xN20tMTYuNjQgMzEuNkg3MTYuNXMtMTUgMC0xNSAxNC43NGMwIDE1IDE1IDE1IDE1IDE1aDExLjM3czE1IDAgMTUtMTV6bTExNi40IDQ2LjFoLTE2LjY0di03Ny41YzAtMTUtMTUtMTUtMTUtMTVIODE2LjJjLTE1IDAtMTUgMTUtMTUgMTV2NzcuNWgtMTYuNlY0Ni43OGg3bDE2LjIgMTYuNDNjMC0xNi40MyA4LjQzLTE2LjQzIDguNDMtMTYuNDNoMTEuMzdzMzEuNi0uNDIgMzEuNiAzMC43NXpNOTAxLjQgNDcuMnYxMjMuNDJjMCAyNC44NS0xOS44IDI5LjktMjggMzF2LTE2LjQ3YzExLjU4IDAgMTEuNTgtMTQuNTMgMTEuNTgtMTQuNTNWNDcuMnptMC0zMC4xMkg4ODVWLjQ1aDE2LjQzek0xMDAwLjA2IDc4djc3LjdoLTdsLTE2LjIyLTE2LjQzYzAgMTYuNDMtOC40MiAxNi40My04LjQyIDE2LjQzSDk1Ny4xcy0zMS42IDAtMzEuNi0zMS4zOCAzMS42LTMxLjQzIDMxLjYtMzEuNDNoMjYuMzNWNzhjMC0xNC43NC0xNS0xNC43NC0xNS0xNC43NGgtMzUuOFY0Ni43OGgzNS44czMxLjYgMCAzMS42IDMxLjE3bS0xNi42NCAzMS42aC0yNi4zcy0xNSAwLTE1IDE0Ljc0YzAgMTUgMTUgMTUgMTUgMTVoMTEuMzdzMTUgMCAxNS0xNXoiIGZpbGw9IiMwMDEzMWQiLz48cGF0aCBkPSJNNTAwLjgzIDk0LjFoNjEuNjV2NjEuNjVoLTYxLjY1em0tNDYtNDcuMzZoMzkuM3YzOS4yOGgtMzkuM3oiIGZpbGw9IiMyZjUyYTAiLz48cGF0aCBkPSJNMTIzIDB2MTIzLjRzMCAxNC41MyAxMS41OCAxNC41M3YxNi40M2MtOC4yLTEuMDUtMjgtNi4xLTI4LTMxVjB6IiBmaWxsPSIjMDAxMzFkIi8+PC9nPjwvc3ZnPg==') 0 0 no-repeat;
     background-size: 100% auto;
     width: 120px;
     height: 40px;
@@ -51,18 +58,19 @@ body {
     overflow:hidden;
 }
 
+/* --- transplogo->white, transp.black->normal --- */
+
 @media(min-width:768px) {
     .transparent .logo {
-        background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwLjEgMjAxLjgiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+ICAKCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT48dGl0bGU+ICBFbGVtZW50IDE8L3RpdGxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNy43IDE1NS43QzE3LjEgMTU1LjIgMCAxNTMuMSAwIDEzMy4zYzAtOS4xIDguMi0xNS42IDE3LjEtMTkuNkMxMSAxMDcuNCA3IDk5LjYgNyA4OS43Vjc4YzAgMCAwLTMxLjIgMzEuMy0zMS4yaDQzdjEwLjdsLTE2LjcgNS43QzgxLjMgNjMuMiA4MS4zIDc4IDgxLjMgNzh2MTEuN2MwIDAgMCAzMS4yLTMxLjYgMzEuMkgzOC4zYy02LjItMC4zLTEyLjMtMi0xNy45LTQuOCAtMy42IDIuMy02LjMgNS45LTYuMyAxMC41IDAgMTIuNiAxMi42IDEyLjYgMTIuNiAxMi42aDMwLjFjMCAwIDMxLjEgMCAzMS4xIDMxLjQgMCAwIDAgMzEuMi0zMS4yIDMxLjJoLTI4YzAgMC0yOC44IDAtMjguOC0yNi41QzAgMTU1LjcgMTcuMSAxNTUuNyAxNy43IDE1NS43TTI4LjkgMTU1LjdjLTMgMC0xNC43IDEuOS0xNC43IDE1IDAgMTQuNyAxNC43IDE0LjcgMTQuNyAxNC43aDI4YzAgMCAxNC43IDAgMTQuNy0xNC43IDAgMCAwLTE1LTE0LjctMTVIMjguOXpNNjQuNyA3OGMwIDAgMC0xNC43LTE1LTE0LjdIMzguM2MwIDAtMTUgMC0xNSAxNC43djExLjdjMCAwIDAgMTQuNyAxNSAxNC43aDExLjRjMCAwIDE1IDAgMTUtMTQuN0w2NC43IDc4eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNTMuNyA0Ni44aDE2LjZ2NzcuNWMwIDE1IDE0LjcgMTUgMTQuNyAxNWgxMS42YzE0LjcgMCAxNC43LTE1IDE0LjctMTVWNDYuOGgxNi42djEwOC45aC02LjdsLTE2LjQtMTYuNGMwIDE2LjQtOC4yIDE2LjQtOC4yIDE2LjRoLTExLjZjMCAwLTMxLjQgMC0zMS40LTMxLjRMMTUzLjcgNDYuOHpNMTgxLjMgNy40aC0xOC41djE4LjNoMTguNVY3LjR6TTIyMC4xIDcuNGgtMTguNXYxOC4zaDE4LjVWNy40eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNTIuMiA3OGMwIDAgMC0zMS4yIDMxLjYtMzEuMmgxMS40YzAgMCAzMS44IDAgMzEuNiAyOGgtMTdjMCAwLTAuMi0xMS42LTE0LjUtMTEuNmgtMTEuNGMwIDAtMTUgMC0xNSAxNC43djQ2LjNjMCAwIDAgMTUgMTUgMTVoMTEuNGMwIDAgMTQuNyAwIDE0LjctMTEuOGgxNi42YzAgMCAwIDI4LjItMzEuNCAyOC4yaC0xMS40YzAgMC0zMS42IDAtMzEuNi0zMS40TDI1Mi4yIDc4eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MDUuNiAxNTUuN0wzNzUuMSAxMDJsLTEyLjkgMTkuMnYzNC41aC0xNi40VjAuNGgxNi40djk5LjJjMTEuMS0xNC43IDI4LjQtMzcuNSAzOS44LTUyLjloMjAuOWwtMzQuMyA0NS41YzExLjggMjAuOCAyNC4yIDQyLjMgMzYuMiA2My40SDQwNS42eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02NTQuMiAxNTUuN0w2MjMuNyAxMDJsLTEyLjggMTkuMnYzNC41aC0xNi40VjAuNGgxNi40djk5LjJjMTEuMS0xNC43IDI4LjQtMzcuNSAzOS44LTUyLjloMjAuOGwtMzQuMyA0NS41YzExLjggMjAuOCAyNC4yIDQyLjMgMzYuMiA2My40SDY1NC4yeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03NTkuNSA3OHY3Ny43aC03bC0xNi4yLTE2LjRjMCAxNi40LTguNCAxNi40LTguNCAxNi40aC0xMS4zYzAgMC0zMS42IDAtMzEuNi0zMS40czMxLjYtMzEuNCAzMS42LTMxLjRoMjYuM1Y3OGMwLTE0LjctMTUtMTQuNy0xNS0xNC43SDY5MlY0Ni44aDM1LjhDNzI3LjggNDYuOCA3NTkuNCA0Ni44IDc1OS41IDc4TTc0Mi44IDEwOS41aC0yNi4zYzAgMC0xNSAwLTE1IDE0LjcgMCAxNSAxNSAxNSAxNSAxNWgxMS40YzAgMCAxNSAwIDE1LTE1TDc0Mi44IDEwOS41eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04NTkuMiAxNTUuN2gtMTYuNlY3OC4yYzAtMTUtMTUtMTUtMTUtMTVoLTExLjNjLTE1IDAtMTUgMTUtMTUgMTV2NzcuNWgtMTYuNlY0Ni44aDdsMTYuMiAxNi40YzAtMTYuNCA4LjQtMTYuNCA4LjQtMTYuNGgxMS40YzAgMCAzMS42LTAuNCAzMS42IDMwLjhMODU5LjIgMTU1Ljd6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTkwMS40IDQ3LjJ2MTIzLjRjMCAyNC45LTE5LjggMjkuOS0yOCAzMXYtMTYuNWMxMS42IDAgMTEuNi0xNC41IDExLjYtMTQuNVY0Ny4ySDkwMS40ek05MDEuNCAxNy4xSDg4NVYwLjRoMTYuNEw5MDEuNCAxNy4xeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMDAwLjEgNzh2NzcuN2gtN2wtMTYuMi0xNi40YzAgMTYuNC04LjQgMTYuNC04LjQgMTYuNGgtMTEuM2MwIDAtMzEuNiAwLTMxLjYtMzEuNHMzMS42LTMxLjQgMzEuNi0zMS40aDI2LjNWNzhjMC0xNC43LTE1LTE0LjctMTUtMTQuN2gtMzUuOFY0Ni44aDM1LjhDOTY4LjQgNDYuOCAxMDAwIDQ2LjggMTAwMC4xIDc4TTk4My40IDEwOS41aC0yNi4zYzAgMC0xNSAwLTE1IDE0LjcgMCAxNSAxNSAxNSAxNSAxNWgxMS40YzAgMCAxNSAwIDE1LTE1TDk4My40IDEwOS41eiIvPjxyZWN0IHg9IjUwMC44IiB5PSI5NC4xIiBjbGFzcz0ic3QwIiB3aWR0aD0iNjEuNiIgaGVpZ2h0PSI2MS43Ii8+PHJlY3QgeD0iNDU0LjgiIHk9IjQ2LjciIGNsYXNzPSJzdDAiIHdpZHRoPSIzOS4zIiBoZWlnaHQ9IjM5LjMiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIzIDB2MTIzLjRjMCAwIDAgMTQuNSAxMS42IDE0LjV2MTYuNGMtOC4yLTEuMS0yOC02LjEtMjgtMzFWMEgxMjN6Ii8+PC9zdmc+') 0 0 no-repeat;
+        background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwLjEgMjAxLjgiIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0xNy43IDE1NS43Yy0uNi0uNS0xNy43LTIuNi0xNy43LTIyLjQgMC05LjEgOC4yLTE1LjYgMTcuMS0xOS42QzExIDEwNy40IDcgOTkuNiA3IDg5LjdWNzhzMC0zMS4yIDMxLjMtMzEuMmg0M3YxMC43bC0xNi43IDUuN0M4MS4zIDYzLjIgODEuMyA3OCA4MS4zIDc4djExLjdzMCAzMS4yLTMxLjYgMzEuMkgzOC4zYy02LjItLjMtMTIuMy0yLTE3LjktNC44LTMuNiAyLjMtNi4zIDUuOS02LjMgMTAuNSAwIDEyLjYgMTIuNiAxMi42IDEyLjYgMTIuNmgzMC4xczMxLjEgMCAzMS4xIDMxLjRjMCAwIDAgMzEuMi0zMS4yIDMxLjJoLTI4cy0yOC44IDAtMjguOC0yNi41Yy4xLTE5LjYgMTcuMi0xOS42IDE3LjgtMTkuNm0xMS4yIDBjLTMgMC0xNC43IDEuOS0xNC43IDE1IDAgMTQuNyAxNC43IDE0LjcgMTQuNyAxNC43aDI4czE0LjcgMCAxNC43LTE0LjdjMCAwIDAtMTUtMTQuNy0xNWgtMjh6TTY0LjcgNzhzMC0xNC43LTE1LTE0LjdIMzguM3MtMTUgMC0xNSAxNC43djExLjdzMCAxNC43IDE1IDE0LjdoMTEuNHMxNSAwIDE1LTE0LjdWNzh6bTg5LTMxLjJoMTYuNnY3Ny41YzAgMTUgMTQuNyAxNSAxNC43IDE1aDExLjZjMTQuNyAwIDE0LjctMTUgMTQuNy0xNVY0Ni44aDE2LjZ2MTA4LjloLTYuN2wtMTYuNC0xNi40YzAgMTYuNC04LjIgMTYuNC04LjIgMTYuNEgxODVzLTMxLjQgMC0zMS40LTMxLjRsLjEtNzcuNXptMjcuNi0zOS40aC0xOC41djE4LjNoMTguNVY3LjR6bTM4LjggMGgtMTguNXYxOC4zaDE4LjVWNy40ek0yNTIuMiA3OHMwLTMxLjIgMzEuNi0zMS4yaDExLjRzMzEuOCAwIDMxLjYgMjhoLTE3cy0uMi0xMS42LTE0LjUtMTEuNmgtMTEuNHMtMTUgMC0xNSAxNC43djQ2LjNzMCAxNSAxNSAxNWgxMS40czE0LjcgMCAxNC43LTExLjhoMTYuNnMwIDI4LjItMzEuNCAyOC4yaC0xMS40cy0zMS42IDAtMzEuNi0zMS40Vjc4em0xNTMuNCA3Ny43TDM3NS4xIDEwMmwtMTIuOSAxOS4ydjM0LjVoLTE2LjRWLjRoMTYuNHY5OS4yTDQwMiA0Ni43aDIwLjlsLTM0LjMgNDUuNSAzNi4yIDYzLjRoLTE5LjJ6bTI0OC42IDBMNjIzLjcgMTAybC0xMi44IDE5LjJ2MzQuNWgtMTYuNFYuNGgxNi40djk5LjJsMzkuOC01Mi45aDIwLjhsLTM0LjMgNDUuNSAzNi4yIDYzLjRoLTE5LjJ6TTc1OS41IDc4djc3LjdoLTdsLTE2LjItMTYuNGMwIDE2LjQtOC40IDE2LjQtOC40IDE2LjRoLTExLjNzLTMxLjYgMC0zMS42LTMxLjQgMzEuNi0zMS40IDMxLjYtMzEuNGgyNi4zVjc4YzAtMTQuNy0xNS0xNC43LTE1LTE0LjdINjkyVjQ2LjhoMzUuOHMzMS42IDAgMzEuNyAzMS4ybS0xNi43IDMxLjVoLTI2LjNzLTE1IDAtMTUgMTQuN2MwIDE1IDE1IDE1IDE1IDE1aDExLjRzMTUgMCAxNS0xNWwtLjEtMTQuN3ptMTE2LjQgNDYuMmgtMTYuNlY3OC4yYzAtMTUtMTUtMTUtMTUtMTVoLTExLjNjLTE1IDAtMTUgMTUtMTUgMTV2NzcuNWgtMTYuNlY0Ni44aDdsMTYuMiAxNi40YzAtMTYuNCA4LjQtMTYuNCA4LjQtMTYuNGgxMS40czMxLjYtLjQgMzEuNiAzMC44bC0uMSA3OC4xem00Mi4yLTEwOC41djEyMy40YzAgMjQuOS0xOS44IDI5LjktMjggMzF2LTE2LjVjMTEuNiAwIDExLjYtMTQuNSAxMS42LTE0LjVWNDcuMmgxNi40em0wLTMwLjFIODg1Vi40aDE2LjR2MTYuN3ptOTguNyA2MC45djc3LjdoLTdsLTE2LjItMTYuNGMwIDE2LjQtOC40IDE2LjQtOC40IDE2LjRoLTExLjNzLTMxLjYgMC0zMS42LTMxLjQgMzEuNi0zMS40IDMxLjYtMzEuNGgyNi4zVjc4YzAtMTQuNy0xNS0xNC43LTE1LTE0LjdoLTM1LjhWNDYuOGgzNS44Yy0uMSAwIDMxLjUgMCAzMS42IDMxLjJtLTE2LjcgMzEuNWgtMjYuM3MtMTUgMC0xNSAxNC43YzAgMTUgMTUgMTUgMTUgMTVoMTEuNHMxNSAwIDE1LTE1bC0uMS0xNC43ek01MDAuOCA5NC4xaDYxLjZ2NjEuN2gtNjEuNnptLTQ2LTQ3LjRoMzkuM1Y4NmgtMzkuM3pNMTIzIDB2MTIzLjRzMCAxNC41IDExLjYgMTQuNXYxNi40Yy04LjItMS4xLTI4LTYuMS0yOC0zMVYwSDEyM3oiLz48L3N2Zz4=') 0 0 no-repeat;
     }
     .transparent.black .logo {
-        background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000.1 201.8"><defs><style>  .cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}.cls-3{fill:#00131d;}.cls-4{fill:#2f52a0;}</style><clipPath><rect class="cls-1" width="1000.1" height="201.8"/></clipPath></defs><title>  Element 1</title><g data-name="Ebene 2"><g data-name="Ebene 1"><g class="cls-2"><path class="cls-3" d="M17.7 155.7C17.1 155.2 0 153.1 0 133.3c0-9 8.2-15.6 17.1-19.6C11 107.4 7 99.6 7 89.7V78S7 46.8 38.3 46.8h43V57.5L64.7 63.2C81.3 63.2 81.3 78 81.3 78V89.7s0 31.2-31.6 31.2H38.3a44.2 44.2 0 0 1-17.9-4.8c-3.6 2.3-6.3 5.9-6.3 10.5 0 12.6 12.6 12.6 12.6 12.6H56.9S88 139.2 88 170.6c0 0 0 31.2-31.2 31.2h-28S0 201.8 0 175.3c0-19.6 17.1-19.6 17.7-19.6m11.2 0c-2.9 0-14.7 1.9-14.7 15 0 14.7 14.7 14.7 14.7 14.7h28s14.7 0 14.7-14.7c0 0 0-15-14.7-15ZM64.7 78s0-14.7-15-14.7H38.3s-15 0-15 14.7V89.7s0 14.7 15 14.7H49.7s15 0 15-14.7Z"/><path class="cls-3" d="M153.7 46.8h16.6v77.5c0 15 14.7 15 14.7 15h11.6c14.7 0 14.7-15 14.7-15V46.8h16.6V155.7h-6.7l-16.4-16.4c0 16.4-8.2 16.4-8.2 16.4H185.1s-31.4 0-31.4-31.4ZM181.3 7.4H162.8V25.7h18.5Zm38.8 0H201.6V25.7h18.5Z"/><path class="cls-3" d="M252.2 78s0-31.2 31.6-31.2h11.4s31.8 0 31.6 28H309.7s-0.2-11.6-14.5-11.6H283.8s-15 0-15 14.7v46.3s0 15 15 15h11.4s14.7 0 14.7-11.8h16.6s0 28.2-31.4 28.2H283.8s-31.6 0-31.6-31.4Z"/><path class="cls-3" d="M405.6 155.7 375.1 102l-12.8 19.2v34.5H345.8V0.5h16.4v99.2C373.4 84.9 390.7 62.2 402 46.8H422.9L388.6 92.3c11.8 20.9 24.2 42.3 36.2 63.4Z"/><path class="cls-3" d="M654.3 155.7 623.7 102l-12.8 19.2v34.5H594.4V0.5h16.4v99.2C622 84.9 639.3 62.2 650.7 46.8h20.9L637.2 92.3c11.8 20.9 24.2 42.3 36.2 63.4Z"/><path class="cls-3" d="M759.5 78v77.7h-7l-16.2-16.4c0 16.4-8.4 16.4-8.4 16.4H716.5s-31.6 0-31.6-31.4S716.5 92.9 716.5 92.9h26.3V78c0-14.7-15-14.7-15-14.7h-35.8V46.8h35.8s31.6 0 31.6 31.2m-16.6 31.6H716.5s-15 0-15 14.7c0 15 15 15 15 15h11.4s15 0 15-15Z"/><path class="cls-3" d="M859.2 155.7H842.5V78.2c0-15-15-15-15-15H816.2c-15 0-15 15-15 15v77.5H784.6V46.8h7l16.2 16.4c0-16.4 8.4-16.4 8.4-16.4h11.4s31.6-0.4 31.6 30.8Z"/><path class="cls-3" d="M901.4 47.2V170.6c0 24.9-19.8 29.9-28 31V185.2c11.6 0 11.6-14.5 11.6-14.5V47.2Zm0-30.1H885V0.5h16.4Z"/><path class="cls-3" d="M1000.1 78v77.7h-7l-16.2-16.4c0 16.4-8.4 16.4-8.4 16.4H957.1s-31.6 0-31.6-31.4S957.1 92.9 957.1 92.9h26.3V78c0-14.7-15-14.7-15-14.7h-35.8V46.8h35.8s31.6 0 31.6 31.2m-16.6 31.6H957.1s-15 0-15 14.7c0 15 15 15 15 15h11.4s15 0 15-15Z"/><rect class="cls-4" x="500.8" y="94.1" width="61.7" height="61.7"/><rect class="cls-4" x="454.8" y="46.7" width="39.3" height="39.3"/><path class="cls-3" d="M123 0V123.4s0 14.5 11.6 14.5v16.4c-8.2-1-28-6.1-28-31V0Z"/></g></g></g></svg>') 0 0 no-repeat;
+        background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwLjA2IDIwMS43OSI+PGRlZnM+PGNsaXBQYXRoIGlkPSJBIj48cGF0aCBkPSJNMCAwaDEwMDAuMDZ2MjAxLjhIMHoiIGZpbGw9Im5vbmUiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjQSkiPjxwYXRoIGQ9Ik0xNy43IDE1NS42NmMtLjYzLS40Mi0xNy43LTIuNTItMTcuNy0yMi4zMiAwLTkuMDUgOC4yMi0xNS41OCAxNy4wNi0xOS42QzExIDEwNy40NCA3IDk5LjY0IDcgODkuNzRWNzhzMC0zMS4yMiAzMS4zMy0zMS4yMmg0M3YxMC43NGwtMTYuNjcgNS43QzgxLjMgNjMuMiA4MS4zIDc4IDgxLjMgNzh2MTEuNzRzMCAzMS4xNy0zMS42IDMxLjE3SDM4LjMzYTQ0LjE3IDQ0LjE3IDAgMCAxLTE3LjktNC44NGMtMy41OCAyLjMyLTYuMzIgNS45LTYuMzIgMTAuNTMgMCAxMi42NCAxMi42NCAxMi42NCAxMi42NCAxMi42NGgzMC4xczMxLjE0IDAgMzEuMTQgMzEuMzhjMCAwIDAgMzEuMTctMzEuMTcgMzEuMTdoLTI4UzAgMjAxLjggMCAxNzUuMjVjMC0xOS42IDE3LjA2LTE5LjYgMTcuNy0xOS42bTExLjE2IDBjLTIuOTUgMC0xNC43NCAxLjktMTQuNzQgMTUgMCAxNC43NCAxNC43NCAxNC43NCAxNC43NCAxNC43NGgyOHMxNC43NCAwIDE0Ljc0LTE0Ljc0YzAgMCAwLTE1LTE0Ljc0LTE1ek02NC42NiA3OHMwLTE0Ljc0LTE1LTE0Ljc0SDM4LjMzcy0xNSAwLTE1IDE0Ljc0djExLjc0czAgMTQuNzQgMTUgMTQuNzRINDkuN3MxNSAwIDE1LTE0Ljc0em04OS4wOC0zMS4yMmgxNi42NHY3Ny41YzAgMTUgMTQuNzQgMTUgMTQuNzQgMTVoMTEuNThjMTQuNzQgMCAxNC43NC0xNSAxNC43NC0xNXYtNzcuNWgxNi42NHYxMDguODhoLTYuNzRsLTE2LjQzLTE2LjQzYzAgMTYuNDMtOC4yIDE2LjQzLTguMiAxNi40M2gtMTEuNThzLTMxLjM4IDAtMzEuMzgtMzEuMzh6bTI3LjYtMzkuMzhIMTYyLjh2MTguMzJoMTguNTN6bTM4Ljc1IDBoLTE4LjUzdjE4LjMyaDE4LjUzek0yNTIuMiA3OHMwLTMxLjE3IDMxLjYtMzEuMTdoMTEuMzdzMzEuOCAwIDMxLjYgMjhIMzA5LjdzLS4yLTExLjU4LTE0LjUzLTExLjU4SDI4My44cy0xNSAwLTE1IDE0Ljc0djQ2LjMzczAgMTUgMTUgMTVoMTEuMzdzMTQuNzQgMCAxNC43NC0xMS44aDE2LjY0czAgMjguMjItMzEuMzggMjguMjJIMjgzLjhzLTMxLjYgMC0zMS42LTMxLjM4em0xNTMuNDMgNzcuNjZMMzc1LjEgMTAybC0xMi44NSAxOS4xN3YzNC41NGgtMTYuNDJWLjQ1aDE2LjQzdjk5LjJMNDAyIDQ2Ljc4aDIwLjlsLTM0LjMzIDQ1LjUgMzYuMjIgNjMuNHptMjQ4LjYyIDBMNjIzLjcgMTAybC0xMi44NSAxOS4xN3YzNC41NGgtMTYuNDNWLjQ1aDE2LjQzdjk5LjJsMzkuOC01Mi44N2gyMC44NWwtMzQuMzMgNDUuNSAzNi4yMiA2My40ek03NTkuNDUgNzh2NzcuN2gtN2wtMTYuMjItMTYuNDNjMCAxNi40My04LjQyIDE2LjQzLTguNDIgMTYuNDNoLTExLjMzcy0zMS42IDAtMzEuNi0zMS4zOCAzMS42LTMxLjQzIDMxLjYtMzEuNDNoMjYuMzJWNzhjMC0xNC43NC0xNS0xNC43NC0xNS0xNC43NEg2OTJWNDYuNzhoMzUuOHMzMS42IDAgMzEuNiAzMS4xN20tMTYuNjQgMzEuNkg3MTYuNXMtMTUgMC0xNSAxNC43NGMwIDE1IDE1IDE1IDE1IDE1aDExLjM3czE1IDAgMTUtMTV6bTExNi40IDQ2LjFoLTE2LjY0di03Ny41YzAtMTUtMTUtMTUtMTUtMTVIODE2LjJjLTE1IDAtMTUgMTUtMTUgMTV2NzcuNWgtMTYuNlY0Ni43OGg3bDE2LjIgMTYuNDNjMC0xNi40MyA4LjQzLTE2LjQzIDguNDMtMTYuNDNoMTEuMzdzMzEuNi0uNDIgMzEuNiAzMC43NXpNOTAxLjQgNDcuMnYxMjMuNDJjMCAyNC44NS0xOS44IDI5LjktMjggMzF2LTE2LjQ3YzExLjU4IDAgMTEuNTgtMTQuNTMgMTEuNTgtMTQuNTNWNDcuMnptMC0zMC4xMkg4ODVWLjQ1aDE2LjQzek0xMDAwLjA2IDc4djc3LjdoLTdsLTE2LjIyLTE2LjQzYzAgMTYuNDMtOC40MiAxNi40My04LjQyIDE2LjQzSDk1Ny4xcy0zMS42IDAtMzEuNi0zMS4zOCAzMS42LTMxLjQzIDMxLjYtMzEuNDNoMjYuMzNWNzhjMC0xNC43NC0xNS0xNC43NC0xNS0xNC43NGgtMzUuOFY0Ni43OGgzNS44czMxLjYgMCAzMS42IDMxLjE3bS0xNi42NCAzMS42aC0yNi4zcy0xNSAwLTE1IDE0Ljc0YzAgMTUgMTUgMTUgMTUgMTVoMTEuMzdzMTUgMCAxNS0xNXoiIGZpbGw9IiMwMDEzMWQiLz48cGF0aCBkPSJNNTAwLjgzIDk0LjFoNjEuNjV2NjEuNjVoLTYxLjY1em0tNDYtNDcuMzZoMzkuM3YzOS4yOGgtMzkuM3oiIGZpbGw9IiMyZjUyYTAiLz48cGF0aCBkPSJNMTIzIDB2MTIzLjRzMCAxNC41MyAxMS41OCAxNC41M3YxNi40M2MtOC4yLTEuMDUtMjgtNi4xLTI4LTMxVjB6IiBmaWxsPSIjMDAxMzFkIi8+PC9nPjwvc3ZnPg==') 0 0 no-repeat;
     }
 }
 
 /* ------------ LOGO END ------------ */
 
-
 /* ------------ KEYVISUAL ------------ */
 
 .keyvisual {
@@ -92,10 +100,8 @@ body {
     }
 }
 
-
 /* ------------ KEYVISUAL END ------------ */
 
-
 /* ------------ MAIN NAVIGATION ------------ */
 
 $nav-col-width-sm: 630px;
@@ -424,7 +430,7 @@ $nav-col-width-lg: 1050px;
                     @media(min-width:768px) {
                         display: block;
                         a.firstlevelanchor::before {
-                            background:url(/assets/nav/arrow-up.png) 0 0 no-repeat;
+                            background:url({{site.baseurl}}/assets/nav/arrow-up.png) 0 0 no-repeat;
                             padding: 0;
                             position: absolute;
                             width: 21px;
@@ -492,31 +498,26 @@ $nav-col-width-lg: 1050px;
     }
 }
 
-
 /* ------------ MAIN NAVIGATION END ------------ */
 
-
 /* ------------ HEADINGS ------------ */
 
 h1 {
     text-transform: uppercase;
-}
-
-h1,
-h2 {
     margin: 2rem 0 2rem;
     @media(min-width: 768px) {
-        margin: 2.7rem 0 2.7rem;
+        margin: 2.7rem 0 1.7rem;
     }
 }
 
+h2,
 h3,
 h4,
 h5,
 h6 {
     margin: 2rem 0 2rem;
     @media(min-width: 768px) {
-        margin: 1.7rem 0 0.7rem;
+        margin: 0.7rem 0 0.7rem;
     }
 }
 
@@ -527,20 +528,20 @@ h3 {
 }
 
 h1 {
-    @media(max-width: 1024px) {
+    @media(max-width: 768px) {
         font-size: 26px;
     }
     span {
         font-weight: 300;
     }
-    --line-height:36px;
+    line-height:26px;
 }
 
 h1.condensed-light {
     font-weight: 300;
-    margin-bottom: -1em;
+    margin-bottom: -1.3em;
     @media(max-width: 768px) {
-        margin-bottom: -0.8em;
+        margin-bottom: -1.2em;
     }
 }
 
@@ -551,10 +552,8 @@ h2 {
     --line-height:26px;
 }
 
-
 /* ------------ HEADINGS END ------------ */
 
-
 /* ------------ GENERAL STYLES ------------ */
 
 p {
@@ -562,7 +561,7 @@ p {
     -webkit-hyphens: auto;
     -moz-hyphens: auto;
     color: $font-color;
-    margin: 0 0 2.8rem;
+    margin: 0 0 1.8rem;
     @media(min-width: 768px) {
         hyphens: none;
     }
@@ -586,6 +585,13 @@ a {
     }
 }
 
+a.anchor {
+    display: block;
+    position: relative;
+    top: -150px;
+    visibility: hidden;
+}
+
 blockquote {
     font-size: 18px;
 }
@@ -607,13 +613,170 @@ tfoot td {
 }
 
 .vertical-center {
-    display: flex;
-    align-items: center;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.row.vertical-center::before {display: flex;} 
+
+.no-padding {
+    padding: 0 !important;
+}
+
+.padding-15 {
+    padding: 15px;
+}
+.font-blue {
+    color: $gk-blue;
+    font-weight: bold;
 }
 
+.abstract{
+    margin-bottom: 0px;
+}
 
+hr {
+    border: 0;
+    clear:both;
+    display:block;
+    background-color:#ddd;
+    height: 1px;
+  }
+  
 /* ------------ GENERAL STYLES END ------------ */
 
+/* Bubble with an isoceles triangle
+------------------------------------------ */
+
+/* ============================================================================================================================
+== BUBBLE WITH AN ISOCELES TRIANGLE
+** ============================================================================================================================ */
+
+/* THE SPEECH BUBBLE
+------------------------------------------------------------------------------------------------------------------------------- */
+
+.triangle-isosceles {
+    position:relative;
+    padding:15px;
+    margin:1em 0 3em;
+    color:#fff;
+    background:#0061aa; /* default background for browsers without gradient support */
+    /* css3 */
+    background:-webkit-gradient(linear, 0 0, 0 100%, from(#8bc2ec), to(#0061aa));
+    background:-moz-linear-gradient(#8bc2ec, #0061aa);
+    background:-o-linear-gradient(#8bc2ec, #0061aa);
+    background:linear-gradient(#8bc2ec, #0061aa);
+    -webkit-border-radius:10px;
+    -moz-border-radius:10px;
+    border-radius:10px;
+  }
+  
+  /* Variant : for top positioned triangle
+  ------------------------------------------ */
+  
+  .triangle-isosceles.top {
+    background:-webkit-gradient(linear, 0 0, 0 100%, from(#f3961c), to(#0061aa));
+    background:-moz-linear-gradient(#8bc2ec, #0061aa);
+    background:-o-linear-gradient(#8bc2ec, #0061aa);
+    background:linear-gradient(#8bc2ec, #0061aa);
+  }
+  
+  /* Variant : for left/right positioned triangle
+  ------------------------------------------ */
+  
+  .triangle-isosceles.left {
+    margin-left:20px;
+    background:$gk-lightblue;
+    width: 60%;
+    color: #000;
+  }
+  
+  /* Variant : for right positioned triangle
+  ------------------------------------------ */
+  
+  .triangle-isosceles.right {
+    margin-left:300px;
+    background:#0061aa;
+    width: 60%;
+  }
+  
+  /* THE TRIANGLE
+  ------------------------------------------------------------------------------------------------------------------------------- */
+  
+  /* creates triangle */
+  .triangle-isosceles:after {
+    content:"";
+    position:absolute;
+    bottom:-15px; /* value = - border-top-width - border-bottom-width */
+    left:50px; /* controls horizontal position */
+    border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
+    border-style:solid;
+    border-color:#0061aa transparent;
+    /* reduce the damage in FF3.0 */
+    display:block;
+    width:0;
+  }
+  
+  /* Variant : top
+  ------------------------------------------ */
+  
+  .triangle-isosceles.top:after {
+    top:-15px; /* value = - border-top-width - border-bottom-width */
+    right:50px; /* controls horizontal position */
+    bottom:auto;
+    left:auto;
+    border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
+    border-color:#0061aa transparent;
+  }
+  
+  /* Variant : left
+  ------------------------------------------ */
+  
+  .triangle-isosceles.left:after {
+    top:16px; /* controls vertical position */
+    left:-20px; /* value = - border-left-width - border-right-width */
+    bottom:auto;
+    border-width:10px 20px 10px 0;
+    border-color:transparent $gk-lightblue;;
+  }
+  
+  /* Variant : right
+  ------------------------------------------ */
+  
+  .triangle-isosceles.right:after {
+    top:16px; /* controls vertical position */
+    right:-20px; /* value = - border-left-width - border-right-width */
+    bottom:auto;
+    left:auto;
+    border-width:10px 0 10px 20px;
+    border-color:transparent #0061aa;
+  }
+  
+  
+
+/* END BUBBLES */
+
+/* ------------ ALTERNATE STYLES ------------ */
+.alert {
+    margin-right: 25px;
+    font-family: "Open Sans Condensed", sans-serif;
+    font-weight: 700;
+    font-size: 20px;
+    @media(min-width: 768px) and (max-width: 991px) {
+        margin-top: 7px;
+        margin-right: 20px;
+        font-size: 14px;
+    }
+}
+
+.alert-info {
+    background-color:$gk-lightblue;
+    border-color:$gk-midblue;
+    color:$gk-blue;
+}  
+
+/* ------------ ALTERNATE STYLES END ------------ */
 
 /* ------------ SPACER ------------ */
 
@@ -737,74 +900,25 @@ tfoot td {
     display: block;
 }
 
-.margin-bottom-5 {
-    margin-bottom: 5px;
-}
-
-.margin-bottom-10 {
-    margin-bottom: 10px;
-}
-
-.margin-bottom-15 {
-    margin-bottom: 15px;
-}
-
-.margin-bottom-20 {
-    margin-bottom: 20px;
-}
-
-.margin-bottom-25 {
-    margin-bottom: 25px;
-}
-
-.margin-bottom-30 {
-    margin-bottom: 30px;
-}
-
-.margin-bottom-35 {
-    margin-bottom: 35px;
-}
-
-.margin-bottom-40 {
-    margin-bottom: 40px;
-}
-
-.margin-bottom-45 {
-    margin-bottom: 45px;
-}
-
-.margin-bottom-50 {
-    margin-bottom: 50px;
-}
-
-.margin-bottom-55 {
-    margin-bottom: 55px;
-}
-
-.margin-bottom-60 {
-    margin-bottom: 60px;
-}
-
-.margin-bottom-70 {
-    margin-bottom: 70px;
-}
-
-.margin-bottom-80 {
-    margin-bottom: 80px;
-}
-
-.margin-bottom-90 {
-    margin-bottom: 90px;
-}
-
-.margin-bottom-100 {
-    margin-bottom: 100px;
-}
-
+.margin-bottom-5  { margin-bottom:5px;}
+.margin-bottom-10 { margin-bottom:10px;}
+.margin-bottom-15 { margin-bottom:15px;}
+.margin-bottom-20 { margin-bottom:20px;}
+.margin-bottom-25 { margin-bottom:25px;}
+.margin-bottom-30 { margin-bottom:30px;}
+.margin-bottom-35 { margin-bottom:35px;}
+.margin-bottom-40 { margin-bottom:40px;}
+.margin-bottom-45 { margin-bottom:45px;}
+.margin-bottom-50 { margin-bottom:50px;}
+.margin-bottom-55 { margin-bottom:55px;}
+.margin-bottom-60 { margin-bottom:60px;}
+.margin-bottom-70 { margin-bottom:70px;}
+.margin-bottom-80 { margin-bottom:80px;}
+.margin-bottom-90 { margin-bottom:90px;}
+.margin-bottom-100 { margin-bottom:100px;}
 
 /* ------------ SPACER END ------------ */
 
-
 /* ------------ CUSTOM TABLES ------------ */
 
 table.guk thead {
@@ -881,25 +995,41 @@ table.table.guk tfoot {
 
 .float {
     float: left;
-    padding-right: 15px;
+    padding-right: 10px;
 }
 
 .vertical-align-middle {
     padding-top: 30px;
 }
 
-
 /* ------------ MATERIAL DESIGN ICONS END ------------ */
 
-
 /* ------------ FEATURES ------------ */
 
 .features {
-    background-color: $gk-lightergrey;
-    padding: 30px 0;
+  background-color: $gk-lightergrey;
+  padding: 30px 0;
+  }
+
+.features .fa {
+    color: $gk-blue;
+    font-size: 2em;
+    float: left;
+    padding-top: 5px;
+    padding-left: 5px;
+    padding-right: 15px;
+}
+
+.features .fab {
+    color: $gk-blue;
+    font-size: 2em;
+    float: left;
+    padding-top: 5px;
+    padding-left: 5px;
+    padding-right: 15px;
 }
 
-.features .fa, .features .fab, .features .fas {
+.features .fas {
     color: $gk-blue;
     font-size: 2em;
     float: left;
@@ -908,25 +1038,26 @@ table.table.guk tfoot {
     padding-right: 15px;
 }
 
+.trainings {
+    background-color: $gk-lightergrey;
+    padding: 30px 0;
+    }
 
 /* ------------ FEATURES END ------------ */
 
-
 /* ------------ SPECIALS ------------ */
 
 .specials {
-    background-color: $gk-lightblue;
-    padding: 30px 0;
-}
+  background-color: $gk-lightblue;
+  padding: 30px 0;
+  }
 
 .specials p {
     margin-bottom: 10px;
 }
 
-
 /* ------------ SPECIALS END ------------ */
 
-
 /* ------------ VIDEOS ------------ */
 
 .videos .videos-in {
@@ -934,26 +1065,26 @@ table.table.guk tfoot {
 }
 
 .videos h3 {
-    margin-bottom: 0;
-    padding: 10px 15px 15px;
+  margin-bottom: 0;
+  padding: 10px 15px 15px;
 }
 
 .videos p {
-    padding: 0 15px;
-    margin-bottom: 20px;
+  padding: 0 15px;
+  margin-bottom: 20px;
 }
 
 .videos .videos-info {
-    margin-left: 0;
-    margin-top: 30px;
-    overflow: hidden;
-    padding: 8px 10px;
-    border-top: solid 1px #eee;
+  margin-left: 0;
+  margin-top: 30px;
+  overflow: hidden;
+  padding: 8px 10px;
+  border-top: solid 1px #eee;
 }
 
 .videos .videos-info li {
-    font-size: 12px;
-    list-style: none;
+  font-size: 12px;
+  list-style: none;
 }
 
 .videos .videos-desc {
@@ -961,7 +1092,7 @@ table.table.guk tfoot {
     background: #fff;
 }
 
-.videos .fa, .videos .fas, .videos .fab {
+.videos .fa {
     color: $gk-darkgrey;
     font-size: 14px;
     float: left;
@@ -970,21 +1101,17 @@ table.table.guk tfoot {
     padding-right: 10px;
 }
 
-
 /* ------------ VIDEOS END ------------ */
 
-
 /* ------------ BESTPRACTICE ------------ */
 
 .bestpractice {
-    background-color: $gk-lightblue;
-    padding: 30px 0;
-}
-
+  background-color: $gk-lightblue;
+  padding: 30px 0;
+  }
 
 /* ------------ BESTPRACTICE END------------ */
 
-
 /* ------------ PROJECTDETAIL ------------ */
 
 .projectdetail h2 {
@@ -1003,16 +1130,20 @@ table.table.guk tfoot {
     background: $gk-lightblue;
 }
 
-.projectdetail .fa, .projectdetail .fas, .projectdetail .fab {
+.projectdetail .fa {
     padding-right: 10px;
 }
 
-
 /* ------------ PROJECTDETAIL END ------------ */
 
-
 /* ------------ CALL-ACTION ------------ */
 
+.tag-box {
+    // background: #fafafa;
+    // border: solid 1px #eee;
+    border-left: solid 10px $gk-blue;
+}
+
 .call-action-box {
     border: dashed 1px #bbb;
     // background-color: $gk-blue;
@@ -1021,224 +1152,1040 @@ table.table.guk tfoot {
 .call-action .call-action-box {
     width: 100%;
     display: table;
-    padding: 30px 10px;
+    padding: 30px 5px;
     vertical-align: middle;
 }
 
+.call-action-v1.call-action-v1-boxed {
+  padding: 0 15px;
+}
 
-/* ------------ CALL-ACTION END ------------ */
+.call-action-v1 .call-action-v1-box {
+  width: 100%;
+  display: table;
+//   padding: 30px 0;
+  vertical-align: middle;
+}
 
+.call-action-v1 .call-action-v1-in {
+  display: table-cell;
+  vertical-align: middle;
+}
 
-/* ------------ QUOTE ------------ */
+.call-action-v1 .call-action-v1-in.inner-btn {
+  padding-top: 1px;
+  min-width: 250px;
+  text-align: right;
+}
 
-.quote {
-    padding: 50px 0 50px;
+@media (max-width: 992px) {
+  .call-action-v1 .call-action-v1-in,
+  .call-action-v1 .call-action-v1-in.inner-btn {
+    display: block;
     text-align: center;
-}
+  }
 
-.quote p {
-    font-family: $headings-font-family;
-    font-size: 30px;
-    font-style: italic;
-    font-weight: 700;
-    line-height: 36px;
-    color: $gk-lightergrey;
-    padding: 0 100px;
-    position: relative;
+  .call-action-v1 .call-action-v1-in p {
     margin-bottom: 20px;
+  }
 }
 
-.quote p:before {
-    color: $gk-lightergrey;
-    font-size: 80px;
-    content: "\201C";
-    position: absolute;
-    margin: 5px 0 0 -60px;
-    font-family: Georgia, serif;
-}
+/* ------------ CALL-ACTION END ------------ */
 
-.quote span {
-    color: $gk-lightergrey;
-    font-size: 18px;
+/* ------------ TIMELINE ------------ */
+[class*="u-triangle-inclusive-v1"]:not([class*="__front"]):not([class*="__back"]),
+[class*="u-triangle-inclusive-v2"]:not([class*="__front"]):not([class*="__back"]) {
+  position: absolute;
 }
 
-@media (max-width: 768px) {
-    .quote p {
-        font-size: 18px;
-        padding: 0 50px;
-    }
+.d-block {
+    display: block!important;
 }
 
+.rounded-circle {
+    border-radius: 50%;
+}
+/* ------------ TIMELINE END ------------ */
 
-/* ------------ QUOTE END ------------ */
-
-
-/* ------------ SERVICE BOX ------------ */
+/* ------------ TESTIMONIALS ------------ */
 
-.service-box .service-block {
-    background: #fff;
-    padding-top: 30px;
-    padding-bottom: 20px;
+.testimonials {
+    padding: 50px 0;
+    background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/collage-faces.jpg) 50% 0 repeat fixed;    
 }
 
-.service-box p {
+.testimonials-bg-image {
+    width: 100%;
+    height: 400px;
     position: relative;
-    margin-bottom: 50px;
+    background-position: -34px;
 }
 
-.service-box p:after {
+.testimonials-bg-image:before {
+    top: 0;
+    width: 100%;
+    height: 400px;
     content: " ";
-    left: 50%;
-    height: 1px;
-    width: 50px;
-    bottom: -15px;
     position: absolute;
-    margin-left: -25px;
-    background: #0061aa;
+    background: rgba(0,0,0,0.8);
 }
 
-.service-box ul {
-    padding: 0 20px;
+.testimonials .carousel-inner {
+    height: 250px;
 }
 
-.service-box li {
-    margin: 8px 0;
-    font-size: 15px;
-    padding-top: 8px;
-    border-top: dotted 1px #0061aa;
+.testimonials .carousel-arrow {
+    text-align: center;
 }
 
-.service-box li:hover {
-    color: #0061aa;
-}
+.testimonials .fa {
+    color: $gk-lightergrey;
+    font-size: 2em;
+    }
 
-.service-box li:first-child {
-    padding-top: 0;
-    border-top: none;
+/* ------------ TESTIMONIALS END------------ */
+
+/* ------------ TESTIMONIALS MA------------ */
+
+.testimonials-ma {
+    padding: 50px 0;
+    background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/testimonials-ma.jpg) 50% 0 repeat fixed;    
 }
 
-.service-block {
-    margin-top: 20px;
-    text-align: center;
+.testimonials-ma-bg-image {
+    width: 100%;
+    height: 600px;
     position: relative;
-    padding: 45px 20px 20px;
-    border: 1px solid #f2f2f2;
+    background-position: -34px;
 }
 
-.service-block i {
-    left: 50%;
-    top: -30px;
-    color: #fff;
-    width: 60px;
-    height: 60px;
-    font-size: 26px;
-    line-height: 62px;
-    margin-left: -30px;
-    text-align: center;
+.testimonials-ma-bg-image:before {
+    top: 0;
+    width: 100%;
+    height: 600px;
+    content: " ";
     position: absolute;
-    background: #72c02c;
-    display: inline-block;
+    background: rgba(0,0,0,0.4);
 }
 
+.testimonials-ma .carousel-inner {
+    height: 500px;
+}
 
-/* ------------ SERVICE BOX END ------------ */
+.testimonials-ma .carousel-arrow {
+    text-align: center;
+}
 
+.testimonials-ma .fa {
+    color: $gk-lightergrey;
+    font-size: 2em;
+    }
 
-/* ------------ SPECIAL ------------ */
+/* ------------ TESTIMONIALS MA END------------ */
 
-.bg-color-light {
-    background-color: #f7f7f7 !important;
+/* ------------ BACKGROUNDS ------------ */
+.backgrounds {
+    padding: 50px 0;
+    width: 100%;
+    height: 400px;
+    position: center center;
 }
 
-.content-sm {
-    padding-top: 60px;
-    padding-bottom: 60px;
+.yammer-bg-image {
+    background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/woman-on-laptop.jpg) 50% 0 repeat fixed;    
 }
 
-.special-block .fa, .special-block .fas, .special-block .fab {
-    color: $gk-blue;
-    float: left;
-    padding-top: 1px;
-    padding-right: 10px;
+.mfa-bg-image {
+    background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/mfa-woman-jumping.jpg) 50% 0 repeat fixed;    
 }
 
+.pki-bg-image {
+    background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/pki-keys.jpg) 50% 0 repeat fixed;    
+}
 
-/* ------------ SPECIAL END ------------ */
+.webcasts-bg-image {
+    background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/broadcast.jpg) 50% 0 repeat fixed;    
+}
 
+.facts-bg-image {
+    background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/kaiserpalais-offenbach.jpg) 50% 0 repeat fixed;    
+}
 
-/* ------------ PANEL ------------ */
+.o365-bg-image {
+    background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/PeopleCoffeeTeaMeeting.jpg) 50% 0 repeat fixed;    
+}
 
-.panel-default>.panel-heading {
-    background-color: white;
+.itoperations-bg-image {
+    background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/it-operations.jpg) 50% 0 repeat fixed;    
 }
 
-.panel-title {
-    background-color: white !important;
+.contact-bg-image {
+    background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/kaiserpalais-offenbach.jpg) 50% 0 repeat fixed;    
 }
 
+.cloud-bg-image {
+    background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/clouds.jpg) 50% 0 repeat fixed;    
+}
 
-/* ------------ PANEL END ------------ */
+.ai-bg-image {
+    background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/artifical-intelligence.jpg) 50% 0 repeat fixed;    
+}
+.teams-bg-image {
+    background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/phone-booth.jpg) 50% 0 repeat fixed;    
+}
 
+.packaging-bg-image {
+    background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/packaging.jpg) 50% 0 repeat fixed;    
+}
 
-/* ------------ THUMBNAILS ------------ */
+.sfb-bg-image {
+    background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/skype-for-business.jpg) 50% 0 repeat fixed;    
+}
 
-.thumbnails p {
-    margin-bottom: 10px;
+.fwtrainings-bg-image {
+    background: url(/static/blogheads/head-future-workplace-trainings.jpg) 50% 0 repeat fixed;    
 }
 
-a.thumbnail {
-    padding: 0;
-    border: none;
-    margin-bottom: 15px;
+.trainings-bg-image {
+    background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/gk-Atari.jpg) 50%;    
 }
 
-.thumbnail-style {
-    padding: 7px;
-    margin-bottom: 20px;
+.ebc-bg-image {
+    background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/audience-in-conference-hall.jpg) 50% 0 repeat fixed;    
 }
 
-.thumbnail-style:hover {
-    box-shadow: 0 0 8px #ddd;
-    transition: box-shadow 0.2s ease-in-out;
+/* ------------ BACKGROUNDS END ------------ */
+
+/* ------------ PARALLAX ------------ */
+.bg-image-v2 {
+  width: 100%;
+  height: auto;
+  padding: 50px 0;
+  position: relative;
+  background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/apple-iphone-books-desk.jpg) repeat fixed;
 }
 
-.thumbnail h3,
-.thumbnail-style h3 {
-    margin: 6px 0 8px 0;
+.bg-image-v2:before {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  content: " ";
+  position: absolute;
+  background: rgba(255,255,255,0.7);
 }
 
-.thumbnail h3 a:hover,
-.thumbnail-style h3 a:hover {
-    color: $gk-blue;
-    text-decoration: none;
+/*Background Dark Cover*/
+.bg-image-v2-dark:before {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  content: " ";
+  position: absolute;
+  background: rgba(0,0,0,0.5);
 }
 
-.thumbnail-style .thumbnail-img {
-    position: relative;
-    margin-bottom: 11px;
+.btn,
+.parallaxBg1 h2, p, img {
+	position: relative;
 }
 
-.thumbnail-style a.btn-more {
-    right: -10px;
-    bottom: 10px;
-    color: #fff;
-    padding: 1px 6px;
-    position: absolute;
-    background: $gk-blue;
-    display: inline-block;
+.parallaxBg1 p {
+	font-weight: bold;
 }
 
-.thumbnail-style a.btn-more:hover {
-    text-decoration: none;
-    box-shadow: 0 0 0 2px $gk-darkshadedblue;
+/* ------------ PARALLAX END------------ */
+
+/* ------------ PARALLAX LINKS ------------ */
+.bg-image-links {
+	z-index: 1;
+	height: auto;
+	padding: 80px 0;
+	overflow: hidden;
+	position: relative;
+    background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/links.jpg) 50% 0 fixed;
+}
+
+.bg-image-links:before {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  content: " ";
+  position: absolute;
+  background: rgba(255,255,255,0.7);
+}
+
+/*Background Dark Cover*/
+.bg-image-links-dark:before {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  content: " ";
+  position: absolute;
+  background: rgba(0,0,0,0.5);
+}
+
+.btn,
+.parallaxBg2 h2, p, img {
+	position: relative;
+}
+
+/* ------------ PARALLAX LINKS END------------ */
+
+/* ------------ SCENARIOS ------------ */
+
+.scenarios {
+    padding: 50px 0;
+    background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/bricks.jpg) 50% 0 repeat fixed; 
+}
+
+/* ------------ SCENARIOS END------------ */
+
+/* ------------ FUNNY BOXES ------------ */
+
+.funny-boxes {
+    padding: 0px 0px 0px 25px;
+}
+
+.funny-boxes-left-blue {
+	border-left: solid 2px $gk-blue;
+}
+
+.funny-boxes-left-lightgrey {
+	border-left: solid 2px $gk-lightgrey;
+}
+
+
+/* ------------ FUNNY BOXES END ------------ */
+
+/* ------------ IMAGE HOVER EFFECT ------------ */
+
+/*Image Hover v1*/
+.img-hover-v1 span {
+  display: block;
+  overflow: hidden;
+  position: relative;
+}
+
+.img-hover-v1 span:after {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  content: " ";
+  position: absolute;
+}
+
+.img-hover-v1:hover span:after {
+  background: rgba(0,0,0,0.3);
+}
+
+.img-hover-v1 img,
+.img-hover-v2 img,
+.img-hover-v1 span:after {
+  transition: all 0.5s ease-in-out;
+}
+
+.img-hover-v1:hover img {
+  -transform: scale(1.1);
+}
+
+/*Image Hover v2*/
+.img-hover-v2 img {
+  filter: grayscale(100%);
+  -webkit-filter: grayscale(100%);
+}
+
+.img-hover-v2:hover img {
+  filter: grayscale(0);
+  -webkit-filter: grayscale(0);
+}
+/* ------------ IMAGE HOVER EFFECT END ------------ */
+
+/* ------------ LIGHTBOX ------------ */
+
+#lightbox .modal-content {
+    display: inline-block;
+    text-align: center;   
+}
+
+#lightbox .close {
+    opacity: 1;
+    color: rgb(255, 255, 255);
+    background-color: rgb(25, 25, 25);
+    padding: 5px 8px;
+    border-radius: 30px;
+    border: 2px solid rgb(255, 255, 255);
+    position: absolute;
+    top: -15px;
+    right: -55px;
+    
+    z-index:1032;
+}
+/* ------------ LIGHTBOX END ------------ */
+
+/* ------------ COLUMNS SAME HEIGHT ------------ */
+
+.inside {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+.inside-full-height {
+  /*
+  // if you want to give content full height give him height: 100%;
+  // with content full height you can't apply margins to the content
+  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
+  */
+  height: 100%;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.content {
+  padding: 12px 3px;
+}
+
+/* columns of same height styles */
+
+.row-height {
+  display: table;
+  table-layout: fixed;
+  height: 100%;
+  width: 100%;
+}
+.col-height {
+  display: table-cell;
+  float: none;
+  height: 100%;
+}
+.col-top {
+  vertical-align: top;
+}
+.col-middle {
+  vertical-align: middle;
+}
+.col-bottom {
+  vertical-align: bottom;
+}
+
+@media (min-width: 480px) {
+  .row-xs-height {
+    display: table;
+    table-layout: fixed;
+    height: 100%;
+    width: 100%;
+  }
+  .col-xs-height {
+    display: table-cell;
+    float: none;
+    height: 100%;
+  }
+  .col-xs-top {
+    vertical-align: top;
+  }
+  .col-xs-middle {
+    vertical-align: middle;
+  }
+  .col-xs-bottom {
+    vertical-align: bottom;
+  }
+}
+
+@media (min-width: 768px) {
+  .row-sm-height {
+    display: table;
+    table-layout: fixed;
+    height: 100%;
+    width: 100%;
+  }
+  .col-sm-height {
+    display: table-cell;
+    float: none;
+    height: 100%;
+  }
+  .col-sm-top {
+    vertical-align: top;
+  }
+  .col-sm-middle {
+    vertical-align: middle;
+  }
+  .col-sm-bottom {
+    vertical-align: bottom;
+  }
+}
+
+@media (min-width: 992px) {
+  .row-md-height {
+    display: table;
+    table-layout: fixed;
+    height: 100%;
+    width: 100%;
+  }
+  .col-md-height {
+    display: table-cell;
+    float: none;
+    height: 100%;
+  }
+  .col-md-top {
+    vertical-align: top;
+  }
+  .col-md-middle {
+    vertical-align: middle;
+  }
+  .col-md-bottom {
+    vertical-align: bottom;
+  }
+}
+
+@media (min-width: 1200px) {
+  .row-lg-height {
+    display: table;
+    table-layout: fixed;
+    height: 100%;
+    width: 100%;
+  }
+  .col-lg-height {
+    display: table-cell;
+    float: none;
+    height: 100%;
+  }
+  .col-lg-top {
+    vertical-align: top;
+  }
+  .col-lg-middle {
+    vertical-align: middle;
+  }
+  .col-lg-bottom {
+    vertical-align: bottom;
+  }
+}
+
+/* ------------ COLUMNS SAME HEIGHT END ------------ */
+
+/* ------------ QUOTE ------------ */
+
+.quote {
+  padding: 50px 0 50px;
+  text-align: center;
+}
+
+.quote p {
+    font-family: $headings-font-family;
+    font-size: 30px;
+    font-style: italic;
+    font-weight: 700;
+    line-height: 36px;
+    color: $gk-lightergrey;
+    padding: 0 100px;
+    position: relative;
+    margin-bottom: 20px;
+}
+
+.quote p:before {
+  color: $gk-lightergrey;
+  font-size: 80px;
+  content: "\201C";
+  position: absolute;
+  margin: 5px 0 0 -60px;
+  font-family: Georgia, serif;
+}
+
+.quote span {
+  color: $gk-lightergrey;
+  font-size: 18px;
+}
+
+@media (max-width: 768px) {
+  .quote p {
+    font-size: 18px;
+    padding: 0 50px;
+  }
+}
+
+/* ------------ QUOTE END ------------ */
+
+/* ------------ SERVICE BLOCK ------------ */
+.service {
+	overflow: hidden;
+	margin-bottom: 10px;
+	padding: 15px 15px 10px;
+}
+.service:hover {
+	background: #fcfcfc;
+	box-shadow: 0 0 5px #ddd;
+	transition: box-shadow 0.2s ease-in-out;
+}
+.service:hover i {
+	color: #656565;
+}
+
+.service .desc {
+	padding: 0 15px;
+	overflow: hidden;
+}
+.service .desc h4 {
+	font-size: 22px;
+	line-height: 25px;
+}
+
+.service .service-icon {
+	float: left;
+	padding: 10px;
+	color: #72c02c;
+	font-size: 35px;
+	text-align: center;
+  transition: all 0.4s ease-in-out;
+}
+.service .service-icon.icon-cogs {
+	font-size: 37px;
+}
+.service .service-icon.icon-plane {
+	font-size: 43px;
+}
+/* ------------ SERVICE BLOCK END ------------ */
+
+/* ------------ SERVICE BOX 1 ------------ */
+
+.service-box .service-block {
+  background: #fff;
+  padding-top: 30px;
+  padding-bottom: 20px;
+}
+
+.service-box p {
+  position: relative;
+  margin-bottom: 50px;
+}
+
+.service-box p:after {
+  content: " ";
+  left: 50%;
+  height: 1px;
+  width: 50px;
+  bottom: -15px;
+  position: absolute;
+  margin-left: -25px;
+  background: #0061aa;
+}
+
+.service-box ul {
+  padding: 0 20px;
+}
+
+.service-box li {
+  margin: 8px 0;
+  font-size: 15px;
+  padding-top: 8px;
+  border-top: dotted 1px #0061aa;
+}
+
+.service-box li:hover {
+  color: #0061aa;
+}
+
+.service-box li:first-child {
+  padding-top: 0;
+  border-top: none;
+}
+
+.service-block {
+  text-align: center;
+  position: relative;
+  padding: 45px 20px 20px;
+  border: 1px solid #f2f2f2;
+}
+
+/* ------------ SERVICE BOX END ------------ */
+
+/* ------------ SERVICE BOX NO BACKGROUND ------------ */
+
+.service-box-no-bg p {
+  position: relative;
+}
+
+.service-box-no-bg li {
+  font-size: 15px;
+}
+
+.service-box-no-bg li:first-child {
+  padding-top: 0;
+  border-top: none;
+}
+
+.service-block-no-bg {
+  margin-top: 20px;
+  padding: 0px 15px;
+  border: 1px solid $gk-lightgrey;
+}
+
+/* ------------ SERVICE BOX NO BACKGROUND END ------------ */
+
+/* ------------ SERVICE BOX LINKS ------------ */
+
+.service-box-links .service-block-links {
+  background: rgba(255,255,255,0.5);
+  padding-top: 30px;
+  padding-bottom: 20px;
+}
+
+.service-box-links li {
+  font-size: 15px;
+}
+
+.service-box-links li:first-child {
+  padding-top: 0;
+  border-top: none;
+}
+
+.service-block-links {
+  padding: 0px 15px;
+}
+
+.service-block-links a.btn-more {
+    right: 0px;
+    bottom: 15px;
+    color: #fff;
+    padding: 1px 6px;
+    position: absolute;
+    background: $gk-blue;
+    display: inline-block;
+}
+
+/* ------------ SERVICE BOX LINKS END ------------ */
+
+.shadow {
+    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+}
+
+
+/* ------------ SPECIAL ------------ */
+
+.bg-color-light { 
+    background-color: #f7f7f7 !important;}
+
+.content-sm {
+    padding-top: 60px;
+    padding-bottom: 60px;
+}
+
+.special-block .fa, .fas {
+    color: $gk-blue;
+    float: left;
+    padding-top: 1px;
+    padding-right: 10px;
+}
+
+.contact-block .fa {
+    color: $gk-blue;
+    float: left;
+    padding-top: 1px;
+    padding-right: 10px;
+    font-size: 1.5em;
+}
+
+/* ------------ SPECIAL END ------------ */
+
+/* ------------ HIGHLIGHT HOME --------- */
+.highlight {
+    white-space: normal !important;
+	padding: 80px 0 80px;
+    background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/white-brick-wall.jpg) no-repeat scroll right top / cover;
+	position: relative;
+	z-index: 1;
+}
+
+.highlight:after {
+	position: absolute;
+	content: "";
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: rgba(255, 255, 255, 0.6);
+	z-index: -1;
+}
+/* ------------ HIGHLIGHT HOME END --------- */
+
+/* ------------ HIGHLIGHT Webcast --------- */
+.webcast {
+	padding: 80px 0 80px;
+    background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/white-brick-wall-headset.jpg) no-repeat scroll right;
+	position: relative;
+	z-index: 1;
+}
+
+.webcast:after {
+	position: absolute;
+	content: "";
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: rgba(255, 255, 255, 0.6);
+	z-index: -1;
+}
+/* ------------ HIGHLIGHT END --------- */
+
+/* ------------ JOBS HOME --------- */
+.jobs {
+	padding: 80px 0 80px;
+    background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/jobs.jpg) no-repeat scroll right top / cover;
+	position: relative;
+	z-index: 1;
+}
+
+.jobs:after {
+	position: absolute;
+	content: "";
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: rgba(255, 255, 255, 0.8);
+	z-index: -1;
+}
+
+.rbox-widget input,.rbox-widget textarea {
+    width: 80% !important;
+}
+
+.rbox-opening-li {
+    border-bottom: 1px dotted rgba(255, 255, 255, 0.5) !important;
+    border-top: 1px dotted rgba(255, 255, 255, 0.5) !important;
+    *border-bottom-color: #ccc;
+    *border-top-color: #ccc;
+}
+/* ------------ JOBS HOME END --------- */
+
+/* ------------ BOOTCAMP HOME --------- */
+.bootcamp {
+	padding: 80px 0 80px;
+    background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/bootcamp.jpg) no-repeat scroll right;
+	position: relative;
+	z-index: 1;
+}
+
+.bootcamp:after {
+	position: absolute;
+	content: "";
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: rgba(255, 255, 255, 0.8);
+	z-index: -1;
+}
+/* ------------ BOOTCAMP HOME END --------- */
+
+/* ------------ TRAINING HOME --------- */
+.training {
+	padding: 60px;
+}
+/* ------------ TRAINING HOME END--------- */
+
+/* ------------ TRAINING AZURE --------- */
+.training-azure {
+	padding: 80px 0 80px;
+    background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/connection-structure.jpg) no-repeat scroll right top / cover;
+	position: relative;
+	z-index: 1;
+}
+
+.training-azure:after {
+	position: absolute;
+	content: "";
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: rgba(255, 255, 255, 0.6);
+	z-index: -1;
+}
+/* ------------ TRAINING AZURE END --------- */
+
+/* ------------ OUR SERVICES ----------- */
+.g-heading-v11 h2, .g-heading-v11 .h2 {
+    text-transform: uppercase;
+    font-size: 26px;
+    font-weight: 700;
+    color: #2c2c2c;
+    margin-bottom: 20px;
+    line-height: 1.3;
+}
+
+.g-color-white {
+    color: #fff !important;
+}
+
+.g-color-white-darker {
+    color: rgba(255,255,255,.8) !important;
+    padding-bottom: 30px;
+}
+
+.our-services {
+	padding: 85px 0 0;
+	background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/PeopleCoffeeTeaMeeting.jpg) no-repeat scroll right top / cover;
+	position: relative;
+	z-index: 1;
+}
+.our-services:after {
+	position: absolute;
+	content: "";
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: rgba(0,0,0,.6);
+	z-index: -1;
+}
+
+.service-item a {
+    color: #fff !important;
+    // font-weight: bold;
+    text-decoration: underline;
+}
+
+.service-item .item-in {
+	border: 1px solid rgba(255,255,255,.2);
+	border-top: none;
+	position: relative;
+	padding: 40px 20px 30px;
+	text-align: center;
+	margin-bottom: 90px;
+}
+.service-item .item-in:after,
+.service-item .item-in:before {
+	position: absolute;
+	content: "";
+	background: rgba(255,255,255,.2);
+	width: 30%;
+	height: 1px;
+	top: 0;
+	z-index: 1;
+}
+.service-item .item-in:after {
+	right: 0;
+}
+.service-item .item-in:before {
+	left: 0;
+}
+.service-item .item-in span {
+	position: absolute;
+	top: -35px;
+	left: 50%;
+	margin-left: -25px;
+	color: #fff;
+}
+.service-item .item-in h3 {
+	text-transform: uppercase;
+	font-weight: 700;
+	font-size: 18px;
+	margin-bottom: 15px;
+}
+.service-item .item-in p {
+	color: rgba(255,255,255,.8);
+}
+.service-item .item-in h3,
+.service-item .item-in .fa {
+	color: #fff;
+}
+/* ------------ OUR SERVICES END ----------- */
+
+/* ------------ GALLERY ----------- */
+.gall-div {
+	padding: 90px 0 0;
+}
+.gallery {
+    position: relative;
+    padding-bottom: 30px;
+}
+.gallery h2, .gallery .h2 {
+    text-transform: uppercase;
+    font-size: 26px;
+    font-weight: 700;
+    color: $gk-blue;
+    margin-bottom: 20px;
+    line-height: 1.3;
+}
+.gallery-mb-70 {
+    margin-bottom: 70px;
+}
+.text-center {
+    text-align: center;
+}
+/* ------------ GALLERY END ----------- */
+
+/* ------------ PANEL ------------ */
+
+.panel-default>.panel-heading {
+    background-color: white ;
+}
+.panel-title {
+    background-color: white !important;
+}
+
+
+/* ------------ PANEL END ------------ */
+
+/* ------------ THUMBNAILS ------------ */
+
+.thumbnails p {
+    margin-bottom: 10px;
+}
+
+a.thumbnail {
+    padding: 0;
+    border: none;
+    margin-bottom: 15px;
+}
+
+.thumbnail-style {
+    padding: 7px;
+    margin-bottom: 20px;
+}
+
+.thumbnail-style:hover {
+    box-shadow: 0 0 8px #ddd;
+    transition: box-shadow 0.2s ease-in-out;
 }
 
+.thumbnail h3,
+.thumbnail-style h3 {
+    margin: 6px 0 8px 0;
+}
+
+.thumbnail h3 a:hover,
+.thumbnail-style h3 a:hover {
+    color: $gk-blue;
+    text-decoration: none;
+}
+
+.thumbnail-style .thumbnail-img {
+    position: relative;
+    margin-bottom: 20px;
+}
+
+.thumbnail-style a.btn-more {
+    right: -10px;
+    bottom: 10px;
+    color: #fff;
+    padding: 1px 6px;
+    position: absolute;
+    background: $gk-blue;
+    display: inline-block;
+}
+
+.thumbnail-style a.btn-more:hover {
+    text-decoration: none;
+    box-shadow: 0 0 0 2px $gk-darkshadedblue;
+}
 
 /*.thumbnail-style:hover a.btn-more {
     right: 10px;
 }
 */
-
 .thumbnail-kenburn img {
     left: 10px;
     margin-left: -10px;
@@ -1253,55 +2200,261 @@ a.thumbnail {
 
 /* ------------ THUMBNAILS END ------------ */
 
-
 /* ------------ OWL CAROUSEL ------------ */
 
-.owl-carousel {
-    position: relative;
-    width: 100%;
-    -ms-touch-action: pan-y;
+/* clearfix */
+.owl-carousel .owl-wrapper:after {
+	content: ".";
+	display: block;
+	clear: both;
+	visibility: hidden;
+	line-height: 0;
+	height: 0;
+}
+/* display none until init */
+.owl-carousel{
+	display: none;
+	position: relative;
+	width: 100%;
+	-ms-touch-action: pan-y;
+}
+.owl-carousel .owl-wrapper{
+	display: none;
+	position: relative;
+	-webkit-transform: translate3d(0px, 0px, 0px);
+}
+.owl-carousel .owl-wrapper-outer{
+	overflow: hidden;
+	position: relative;
+	width: 100%;
+}
+.owl-carousel .owl-wrapper-outer.autoHeight{
+	-webkit-transition: height 500ms ease-in-out;
+	-moz-transition: height 500ms ease-in-out;
+	-ms-transition: height 500ms ease-in-out;
+	-o-transition: height 500ms ease-in-out;
+	transition: height 500ms ease-in-out;
+}
+	
+.owl-carousel .owl-item{
+	float: left;
 }
-
-.owl-carousel .owl-wrapper {
-    display: none;
-    position: relative;
-    -webkit-transform: translate3d(0px, 0px, 0px);
+.owl-controls .owl-page,
+.owl-controls .owl-buttons div{
+	cursor: pointer;
 }
-
-.owl-carousel .owl-wrapper-outer {
-    overflow: hidden;
-    position: relative;
-    width: 100%;
+.owl-controls {
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+/* mouse grab icon */
+.grabbing { 
+    cursor:url(grabbing.png) 8 8, move;
+}
+
+/* fix */
+.owl-carousel  .owl-wrapper,
+.owl-carousel  .owl-item{
+	-webkit-backface-visibility: hidden;
+	-moz-backface-visibility:    hidden;
+	-ms-backface-visibility:     hidden;
+  -webkit-transform: translate3d(0,0,0);
+  -moz-transform: translate3d(0,0,0);
+  -ms-transform: translate3d(0,0,0);
+}
+
+/* CSS3 Transitions */
+
+.owl-origin {
+	-webkit-perspective: 1200px;
+	-webkit-perspective-origin-x : 50%;
+	-webkit-perspective-origin-y : 50%;
+	-moz-perspective : 1200px;
+	-moz-perspective-origin-x : 50%;
+	-moz-perspective-origin-y : 50%;
+	perspective : 1200px;
+}
+/* fade */
+.owl-fade-out {
+  z-index: 10;
+  -webkit-animation: fadeOut .7s both ease;
+  -moz-animation: fadeOut .7s both ease;
+  animation: fadeOut .7s both ease;
+}
+.owl-fade-in {
+  -webkit-animation: fadeIn .7s both ease;
+  -moz-animation: fadeIn .7s both ease;
+  animation: fadeIn .7s both ease;
+}
+/* backSlide */
+.owl-backSlide-out {
+  -webkit-animation: backSlideOut 1s both ease;
+  -moz-animation: backSlideOut 1s both ease;
+  animation: backSlideOut 1s both ease;
+}
+.owl-backSlide-in {
+  -webkit-animation: backSlideIn 1s both ease;
+  -moz-animation: backSlideIn 1s both ease;
+  animation: backSlideIn 1s both ease;
+}
+/* goDown */
+.owl-goDown-out {
+  -webkit-animation: scaleToFade .7s ease both;
+  -moz-animation: scaleToFade .7s ease both;
+  animation: scaleToFade .7s ease both;
+}
+.owl-goDown-in {
+  -webkit-animation: goDown .6s ease both;
+  -moz-animation: goDown .6s ease both;
+  animation: goDown .6s ease both;
+}
+/* scaleUp */
+.owl-fadeUp-in {
+  -webkit-animation: scaleUpFrom .5s ease both;
+  -moz-animation: scaleUpFrom .5s ease both;
+  animation: scaleUpFrom .5s ease both;
+}
+
+.owl-fadeUp-out {
+  -webkit-animation: scaleUpTo .5s ease both;
+  -moz-animation: scaleUpTo .5s ease both;
+  animation: scaleUpTo .5s ease both;
+}
+/* Keyframes */
+/*empty*/
+@-webkit-keyframes empty {
+  0% {opacity: 1}
+}
+@-moz-keyframes empty {
+  0% {opacity: 1}
+}
+@keyframes empty {
+  0% {opacity: 1}
+}
+@-webkit-keyframes fadeIn {
+  0% { opacity:0; }
+  100% { opacity:1; }
+}
+@-moz-keyframes fadeIn {
+  0% { opacity:0; }
+  100% { opacity:1; }
+}
+@keyframes fadeIn {
+  0% { opacity:0; }
+  100% { opacity:1; }
+}
+@-webkit-keyframes fadeOut {
+  0% { opacity:1; }
+  100% { opacity:0; }
+}
+@-moz-keyframes fadeOut {
+  0% { opacity:1; }
+  100% { opacity:0; }
+}
+@keyframes fadeOut {
+  0% { opacity:1; }
+  100% { opacity:0; }
+}
+@-webkit-keyframes backSlideOut {
+  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
+  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
+  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
+}
+@-moz-keyframes backSlideOut {
+  25% { opacity: .5; -moz-transform: translateZ(-500px); }
+  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
+  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
+}
+@keyframes backSlideOut {
+  25% { opacity: .5; transform: translateZ(-500px); }
+  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
+  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
+}
+@-webkit-keyframes backSlideIn {
+  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
+  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
+  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
+}
+@-moz-keyframes backSlideIn {
+  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
+  75% { opacity: .5; -moz-transform: translateZ(-500px); }
+  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
+}
+@keyframes backSlideIn {
+  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
+  75% { opacity: .5; transform: translateZ(-500px); }
+  100% { opacity: 1; transform: translateZ(0) translateX(0); }
+}
+@-webkit-keyframes scaleToFade {
+  to { opacity: 0; -webkit-transform: scale(.8); }
+}
+@-moz-keyframes scaleToFade {
+  to { opacity: 0; -moz-transform: scale(.8); }
+}
+@keyframes scaleToFade {
+  to { opacity: 0; transform: scale(.8); }
+}
+@-webkit-keyframes goDown {
+  from { -webkit-transform: translateY(-100%); }
+}
+@-moz-keyframes goDown {
+  from { -moz-transform: translateY(-100%); }
+}
+@keyframes goDown {
+  from { transform: translateY(-100%); }
 }
 
-.owl-carousel .owl-wrapper-outer.autoHeight {
-    -webkit-transition: height 500ms ease-in-out;
-    -moz-transition: height 500ms ease-in-out;
-    -ms-transition: height 500ms ease-in-out;
-    -o-transition: height 500ms ease-in-out;
-    transition: height 500ms ease-in-out;
+@-webkit-keyframes scaleUpFrom {
+  from { opacity: 0; -webkit-transform: scale(1.5); }
+}
+@-moz-keyframes scaleUpFrom {
+  from { opacity: 0; -moz-transform: scale(1.5); }
+}
+@keyframes scaleUpFrom {
+  from { opacity: 0; transform: scale(1.5); }
 }
 
-.owl-carousel .owl-item {
-    float: left;
+@-webkit-keyframes scaleUpTo {
+  to { opacity: 0; -webkit-transform: scale(1.5); }
+}
+@-moz-keyframes scaleUpTo {
+  to { opacity: 0; -moz-transform: scale(1.5); }
+}
+@keyframes scaleUpTo {
+  to { opacity: 0; transform: scale(1.5); }
 }
 
-.owl-controls .owl-page,
-.owl-controls .owl-buttons div {
-    cursor: pointer;
+/* ------------ OWL CAROUSEL END ------------ */
+
+/* ------------ CONTACT ------------ */
+
+.contact {
+    padding: 50px 0;
+    background: url(https://res.cloudinary.com/glueckkanja/image/upload/c_limit,f_auto,q_auto,dpr_auto/backgrounds/phone-booth.jpg) 50% 0 repeat fixed;    
 }
 
-.owl-controls {
-    -webkit-user-select: none;
-    -khtml-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+.contact-bg-image {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    background-position: -34px;
 }
 
+.contact-bg-image:before {
+    top: 0;
+    width: 100%;
+    height: 100%;
+    content: " ";
+    position: absolute;
+    background: rgba(255,255,255,0.6);
+}
 
-/* ------------ OWL CAROUSEL END ------------ */
+/* ------------ CONTACT END------------ */
 
 /* ------------ FORMS & BUTTONS ------------ */
 
@@ -1352,189 +2505,147 @@ a.thumbnail {
 }
 
 .form-top {
-    overflow: hidden;
-    padding: 0 25px 0 25px;
-    background: $gk-grey;
-    -moz-border-radius: 4px 4px 0 0;
-    -webkit-border-radius: 4px 4px 0 0;
-    border-radius: 4px 4px 0 0;
-    text-align: left;
+	overflow: hidden;
+	padding: 0 25px 0 25px;
+	background: $gk-grey;
+	-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
+	text-align: left;
     padding-top: 25px;
 }
 
 .form-top-left {
-    float: left;
-    width: 75%;
-    padding-top: 25px;
+	float: left;
+	width: 75%;
+	padding-top: 25px;
 }
 
 .form-top h2,
-.form-top h3 {
-    margin-top: 0;
-    color: #fff;
-}
-
-.form-top p {
-    opacity: 0.8;
-    color: #fff;
-}
+.form-top h3 { margin-top: 0; color: #fff; }
+.form-top p { opacity: 0.8; color: #fff; }
 
 .form-top-right {
-    float: left;
-    width: 25%;
-    padding-top: 5px;
-    font-size: 66px;
-    color: #fff;
-    line-height: 100px;
-    text-align: right;
-    opacity: 0.3;
+	float: left;
+	width: 25%;
+	padding-top: 5px;
+	font-size: 66px;
+	color: #fff;
+	line-height: 100px;
+	text-align: right;
+	opacity: 0.3;
 }
 
 .form-bottom {
-    padding: 25px 25px 30px 25px;
-    background: $gk-grey;
-    background: rgba(71, 82, 93, 0.5);
-    -moz-border-radius: 0 0 4px 4px;
-    -webkit-border-radius: 0 0 4px 4px;
-    border-radius: 0 0 4px 4px;
-    text-align: left;
+	padding: 25px 25px 30px 25px;
+	background: $gk-grey;
+	background: rgba(71, 82, 93, 0.5);
+	-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
+	text-align: left;
 }
 
 .form-bottom form textarea {
-    height: 100px;
+	height: 100px;
 }
 
 .form-bottom form button.btn {
-    width: 100%;
+	width: 100%;
 }
 
 .form-bottom form .input-error {
-    border-color: #19b9e7;
+	border-color: #19b9e7;
 }
 
-.form-box .fa, .form-box .fas, .form-box .fab {
+.form-box .fa {
     color: $gk-lightergrey;
     font-size: 1em;
     float: left;
     padding: 15px 10px 0 15px;
 }
 
-input[type="text"],
-input[type="password"],
-textarea,
+input[type="text"], 
+input[type="password"], 
+textarea, 
 textarea.form-control,
 select,
 select.form-control {
-    margin: 0;
-    vertical-align: middle;
-    background: #fff;
-    border: 3px solid #fff;
-    font-size: 15px;
-    font-weight: 300;
-    line-height: 50px;
-    color: $gk-grey;
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
-    -moz-box-shadow: none;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-    -o-transition: all .3s;
-    -moz-transition: all .3s;
-    -webkit-transition: all .3s;
-    -ms-transition: all .3s;
-    transition: all .3s;
-}
-
-textarea,
+	margin: 0;
+	vertical-align: middle;
+	background: #fff;
+	font-size: 15px;
+	font-weight: 300;
+	line-height: 50px;
+	color: $gk-grey;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	border-radius: 4px;
+	-moz-box-shadow: none;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	-o-transition: all .3s;
+	-moz-transition: all .3s;
+	-webkit-transition: all .3s;
+	-ms-transition: all .3s;
+	transition: all .3s;
+}
+
+textarea, 
 textarea.form-control,
 select,
 select.form-control {
-    padding-bottom: 10px;
-    line-height: 25px;
+	padding-bottom: 10px;
+	line-height: 25px;
 }
 
-input[type="text"]:focus,
-input[type="password"]:focus,
-textarea:focus,
+input[type="text"]:focus, 
+input[type="password"]:focus, 
+textarea:focus, 
 textarea.form-control:focus,
 select:focus,
 select.form-control:focus {
-    outline: 0;
-    background: #fff;
+	outline: 0;
+	background: #fff;
     border: 3px solid #fff;
-    -moz-box-shadow: none;
-    -webkit-box-shadow: none;
-    box-shadow: none;
+    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
 }
 
 .form {
-    background-color: $gk-lightergrey;
-    padding: 30px 0;
+  background-color: $gk-lightergrey;
+  padding: 30px 0;
+  display: flex;
+  flex-direction: column;
+  }
+
+.checkbox-container {
+    display: flex;
 }
 
+
+.form-jobs {
+    background-color: $gk-lightergrey;
+    }
+
 .fa-stack-2x {
     color: $gk-blue;
 }
 
-.vertical-align-middle
 /* ------------ FORMS & BUTTONS END ------------ */
 
-
 /* ------------ ROUNDED AND CIRCLE CLASSES  ------------ */
 
-.no-rounded {
-    border-radius: 0 !important;
-}
-
-.rounded {
-    border-radius: 4px !important;
-}
-
-.rounded-x {
-    border-radius: 50% !important;
-}
-
-.rounded-2x {
-    border-radius: 10px !important;
-}
-
-.rounded-3x {
-    border-radius: 15px !important;
-}
-
-.rounded-4x {
-    border-radius: 20px !important;
-}
-
-.rounded-sm {
-    border-radius: 2px !important;
-}
-
-.rounded-md {
-    border-radius: 3px !important;
-}
-
-.rounded-top {
-    border-radius: 4px 4px 0 0 !important;
-}
-
-.rounded-left {
-    border-radius: 4px 0 0 4px !important;
-}
-
-.rounded-right {
-    border-radius: 0 4px 4px 0 !important;
-}
-
-.rounded-bottom {
-    border-radius: 0 0 4px 4px !important;
-}
-
+.no-rounded { border-radius: 0 !important;}
+.rounded { border-radius: 4px !important;}
+.rounded-x {border-radius: 50% !important;}
+.rounded-2x { border-radius: 10px !important;}
+.rounded-3x { border-radius: 15px !important;}
+.rounded-4x { border-radius: 20px !important;}
+.rounded-sm { border-radius: 2px !important;}
+.rounded-md { border-radius: 3px !important;}
+.rounded-top { border-radius: 4px 4px 0 0 !important;}
+.rounded-left { border-radius: 4px 0 0 4px !important;}
+.rounded-right { border-radius: 0 4px 4px 0 !important;}
+.rounded-bottom { border-radius: 0 0 4px 4px !important;}
 
 /* ------------ ROUNDED AND CIRCLE CLASSES  ------------ */
 
-
 /* ------------ CONTENT & LISTS  ------------ */
 
 nav+section.container {
@@ -1544,8 +2655,7 @@ nav+section.container {
     }
 }
 
-section.main {
-    padding-bottom: 20px;
+section {
     ol {
         padding: 0 0 0 ($font-size-base +4px);
     }
@@ -1561,11 +2671,14 @@ section.main {
             }
         }
         li::before {
-            font-family: FontAwesome;
+            font-family: "Font Awesome 5 Free";
             color: $gk-blue;
-            content: $fa-var-angle-double-right;
+            content: "\f101";
             position: absolute;
             left: 0.1em;
+            font-weight: bold;
+            font-size: 90%;
+            padding-top: 2px;
         }
         &.list-unstyled {
             li {
@@ -1611,7 +2724,6 @@ section.main {
 .panel-title {
     color: #0061aa;
     background-color: #f5f5f5;
-    border-color: #ddd;
 }
 
 .panel-default p {
@@ -1621,6 +2733,49 @@ section.main {
 
 /* ------------ PANEL END ------------ */
 
+/* ------------ UNIFIY CUSTOMIZATION ------------ */
+
+.btn-primary {
+    background-color: #0061aa;
+    border-color: #0061aa;
+    border-radius: 4px;
+}
+
+.btn-secondary {
+    background-color: #4c4c4c;
+    border-color: #4c4c4c;
+    border-radius: 4px;
+}
+
+.btn-primary:hover {
+    background-color: #4e90c2;
+    border-color: #4e90c2;
+}
+
+.btn-outline-primary:hover {
+    background-color: #0061aa;
+    border-color: #0061aa;
+    color: white;
+}
+
+.g-color-primary--active.cbp-filter-item-active {
+    color: #0061aa !important;
+}
+
+.g-brd-primary--active.cbp-filter-item-active {
+    border-color: #0061aa !important;
+}
+
+.g-color-primary-hover {
+    color: #0061aa !important;
+}
+
+.g-px-20 {
+    padding-left: 0.8em !important;
+    padding-right: 0.8em !important;
+}
+
+/* ------------ UNIFIY CUSTOMIZATION END ------------ */
 
 /* ------------ BLOG ------------ */
 
@@ -1628,6 +2783,15 @@ section.main {
     margin-top: 50px;
 }
 
+.inner:nth-child(2n+1){
+    clear: left;
+}
+
+.inner{
+    float: left;
+    margin: 5px;
+}
+
 .posted-info {
     font-size: 14px;
     margin-bottom: -16px;
@@ -1641,6 +2805,21 @@ section.main {
     }
 }
 
+.tags > ul {
+    display: -webkit-inline-box;
+    display: flex;
+    flex-wrap: wrap;
+    margin-bottom: 20px;
+}
+
+.tags > ul > li:before {
+    display: none;
+}
+
+.tags > ul > li {
+    padding: 5px 8px 0px 0px;
+}
+
 .blogtitlepic {
     margin-bottom: 50px;
     height: 100%;
@@ -1656,7 +2835,7 @@ section.main {
         h1 {
             padding-left: 20px;
             padding-right: 20px;
-            line-height: 110%;
+            line-height: 100%;
         }
     }
     background-position:center center;
@@ -1674,6 +2853,7 @@ section.main {
         top: 50%;
         width: 100%;
         z-index: 2;
+        line-height: 100%;
         @media(min-width: 768px) {
             font-size: 3.5em;
             margin-top: -.5em;
@@ -1704,15 +2884,19 @@ section.main {
     h2 {
         margin-top: 0px;
     }
+    ul>li:before{
+        padding-top: 4px;
+        padding-left: 3px;
+        font-size: 14px;
+    }
     ul>li {
         list-style-type: none;
-        margin-left: -40px;
         >a span {
             font-size: 14px;
-            color: $gk-lightgrey;
+            color: $gk-grey;
         }
         >a {
-            padding: 5px 20px 5px 0px;
+            padding: 5px 0px 5px 0px;
             display: block;
             font-size: 14px;
             font-weight: 300;
@@ -1725,6 +2909,11 @@ section.main {
             }
         }
     }
+    .tags>ul>li>a {
+        font-size: 12px;
+        font-weight: bold;
+        margin-bottom: 3px;
+    }
 }
 
 @media(min-width:768px) {
@@ -1829,36 +3018,39 @@ section.main {
         margin-left: -12px;
         padding-top: 20px;
     }
-    .recentposts {
-        @media(max-width: 991px) {
-            visibility: hidden;
-            height: 0px;
-        }
-        padding-left:0px;
-        h2 {
-            margin-top: 0px;
+
+.recentposts {
+    @media(max-width: 991px) {
+        visibility: hidden;
+        height: 0px;
+    }
+    padding-left:0px;
+    h2 {
+        margin-top: 0px;
+    }
+    ul>li {
+        list-style-type: none;
+
+        >a span {
+            font-size: 14px;
+            color: $gk-lightgrey;
         }
-        ul>li {
-            list-style-type: none;
-            >a span {
-                font-size: 14px;
-                color: $gk-lightgrey;
-            }
-            >a {
-                padding: 5px 20px 5px 0px;
-                display: block;
-                font-size: 14px;
-                font-weight: 300;
-                margin-top: 0;
-                margin-bottom: 5px;
-                width: auto;
-                &:hover {
-                    background: rgba(0, 0, 0, 0.04);
-                    color: $gk-black;
-                }
+        >a {
+            padding: 5px 20px 5px 0px;
+            display: block;
+            font-size: 14px;
+            font-weight: 300;
+            margin-top: 0;
+            margin-bottom: 5px;
+            width: auto;
+            &:hover {
+                background: rgba(0, 0, 0, 0.04);
+                color: $gk-black;
             }
         }
     }
+
+}
 }
 
 
@@ -1895,7 +3087,6 @@ section.main {
     }
 }
 
-
 /* ------------ MAP END ------------ */
 
 
@@ -1906,5 +3097,4 @@ footer {
     font-size: 12px;
 }
 
-
-/* ------------ FOOTER END ------------ */
+/* ------------ FOOTER END ------------ */