@charset “utf-8”; @import “variables”;

@import “bootstrap”; @import “font-awesome”;

@import “rangeslider”;

@import “unify/unify”; @import “_cubeportfolio”;

html {

width: 100%;
height: 100%;

}

body {

width: 100%;
font-size: 16px;
font-family: "Open Sans", sans-serif;
color: $font-color;
height: 100%;
margin: 0;

}

/* ———— esoteric fixes ———— */

img {

max-width: 100%;
height: auto;

}

/* ———— LOGO ———— */

header {

background: transparent;

}

.logo {

background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjMuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2ODcuNCA5NC4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2ODcuNCA5NC4zOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzVDQkJGRjt9Cgkuc3Qxe2ZpbGw6IzAwNzJDNjt9Cjwvc3R5bGU+CjxyZWN0IHg9IjQ3OC43IiB5PSIyNC42IiBjbGFzcz0ic3QwIiB3aWR0aD0iNDYuNSIgaGVpZ2h0PSIyMy4yIi8+CjxwYXRoIGQ9Ik01ODAuNywyNC42djQ3LjNjMCw4LjMtMi41LDE0LjMtNy42LDE3LjljLTMuNCwyLjMtNy44LDMuNS0xMy4yLDMuNWMtNS4yLDAtMTAtMS40LTEzLjYtNC4xYy0zLjctMi43LTYuMS02LjktNi40LTExLjgKCWgxMC43YzAuNSw0LDMuNSw3LjMsOS42LDcuM2M2LjgsMCwxMC00LDEwLTExLjR2LTkuMWMtMi42LDUuMy03LjEsOC4xLTEzLjMsOC4xYy0xMS41LDAtMTkuMS05LjctMTkuMS0yNC41CgljMC0xNC43LDcuNi0yNC40LDE5LjEtMjQuNGM2LjIsMCwxMC43LDIuNywxMy4zLDguMXYtNi45SDU4MC43eiBNNTcwLjQsNDcuOGMwLTkuNS00LjEtMTUtMTEuMS0xNWMtNywwLTEwLjksNS40LTEwLjksMTUKCWMwLDkuNiwzLjksMTUsMTAuOSwxNUM1NjYuMyw2Mi44LDU3MC40LDU3LjMsNTcwLjQsNDcuOCIvPgo8cGF0aCBkPSJNNTg4LjgsNDcuOGMwLTE0LjcsNy42LTI0LjQsMTkuMS0yNC40YzYuMiwwLDEwLjcsMi43LDEzLjQsOC4xdi02LjloMTAuNXY0Ni41aC0xMC41di03Yy0yLjcsNS40LTcuMiw4LjItMTMuNCw4LjIKCUM1OTYuNCw3Mi4zLDU4OC44LDYyLjYsNTg4LjgsNDcuOCBNNjIxLjQsNDcuOGMwLTkuNS00LjEtMTUtMTEuMS0xNWMtNywwLTEwLjksNS40LTEwLjksMTVjMCw5LjYsMy45LDE1LjEsMTAuOSwxNS4xCglDNjE3LjMsNjIuOSw2MjEuNCw1Ny40LDYyMS40LDQ3LjgiLz4KPHBhdGggZD0iTTY4Ni40LDQ3LjhjMCwxNC44LTcuNiwyNC41LTE5LjEsMjQuNWMtNi4xLDAtMTAuNy0yLjgtMTMuNC04LjJ2N2gtMTAuNXYtNzBoMTAuNXYzMC40YzIuNy01LjQsNy4zLTguMSwxMy40LTguMQoJQzY3OC44LDIzLjQsNjg2LjQsMzMuMSw2ODYuNCw0Ny44IE02NzUuOCw0Ny44YzAtOS42LTMuOS0xNS0xMC45LTE1Yy03LDAtMTEuMSw1LjUtMTEuMSwxNWMwLDkuNiw0LjEsMTUuMSwxMS4xLDE1LjEKCUM2NzEuOSw2Mi45LDY3NS44LDU3LjQsNjc1LjgsNDcuOCIvPgo8cmVjdCB4PSI0NzguNyIgeT0iNDcuOCIgY2xhc3M9InN0MSIgd2lkdGg9IjQ2LjUiIGhlaWdodD0iMjMuMiIvPgo8cGF0aCBkPSJNNDMuOSwyNC41djQ3LjNjMCw4LjMtMi41LDE0LjMtNy42LDE3LjljLTMuNCwyLjMtNy44LDMuNS0xMy4yLDMuNWMtNS4yLDAtMTAtMS40LTEzLjYtNC4xYy0zLjctMi43LTYuMS02LjktNi40LTExLjhoMTAuNwoJYzAuNSw0LDMuNSw3LjMsOS42LDcuM2M2LjgsMCwxMC00LDEwLTExLjR2LTkuMWMtMi42LDUuMy03LjEsOC4xLTEzLjMsOC4xQzguNiw3Mi4yLDEsNjIuNSwxLDQ3LjdDMSwzMyw4LjYsMjMuMywyMC4xLDIzLjMKCWM2LjIsMCwxMC43LDIuNywxMy4zLDguMXYtNi45SDQzLjl6IE0zMy42LDQ3LjdjMC05LjUtNC4xLTE1LTExLjEtMTVjLTcsMC0xMC45LDUuNC0xMC45LDE1YzAsOS42LDMuOSwxNSwxMC45LDE1CglDMjkuNSw2Mi43LDMzLjYsNTcuMiwzMy42LDQ3LjciLz4KPHJlY3QgeD0iNTUuNSIgeT0iMSIgd2lkdGg9IjEwLjYiIGhlaWdodD0iNzAiLz4KPHBhdGggZD0iTTc3LjIsNTQuN1YyNC41aDEwLjd2MjhjMCw3LjIsMi41LDEwLjYsNy43LDEwLjZjNS42LDAsOC43LTQuMyw4LjctMTIuMlYyNC41aDEwLjZWNzFoLTEwLjZ2LTYuNwoJYy0yLjQsNS4xLTYuMyw3LjktMTMuMyw3LjlDODIuNCw3Mi4yLDc3LjIsNjUuNyw3Ny4yLDU0LjciLz4KPHBhdGggZD0iTTE2Mi4yLDUxLjJoLTI5YzAuMyw3LjQsMy44LDExLjksMTAuNiwxMS45YzQuNywwLDcuNS0yLDguNi01LjdoOS42Yy0xLjMsOS4zLTcuNSwxNC44LTE4LjIsMTQuOAoJYy0xMy4zLDAtMjAuOS04LjktMjAuOS0yNC4zYzAtMTUuNSw3LjYtMjQuNiwyMC40LTI0LjZjMTIuOSwwLDE5LjMsOC44LDE5LjMsMjEuMkMxNjIuNiw0NiwxNjIuNSw0OSwxNjIuMiw1MS4yIE0xNTIuMyw0My4yCgljMC03LjgtMy4zLTExLjYtOS4xLTExLjZjLTYuMSwwLTkuOSw0LjItMTAsMTEuNkgxNTIuM3oiLz4KPHBhdGggZD0iTTE2OS4xLDQ3LjdjMC0xNSw4LTI0LjQsMjAuNi0yNC40YzEyLjIsMCwxOS4yLDYuNSwxOS4xLDE3LjdoLTEwLjZjLTAuNC01LjctMy4xLTguNS04LjUtOC41Yy02LjMsMC0xMCw1LjYtMTAsMTUuMgoJYzAsOS44LDMuNCwxNS4yLDEwLjIsMTUuMmM1LjEsMCw3LjgtMi42LDguNC03LjloMTAuNmMtMC45LDExLjEtNy43LDE3LjItMTkuMiwxNy4yQzE3Ni43LDcyLjIsMTY5LjEsNjMsMTY5LjEsNDcuNyIvPgo8cG9seWdvbiBwb2ludHM9IjIzOC43LDQ2LjMgMjU0LjUsNzEgMjQxLjksNzEgMjI3LjksNDguMiAyMjcuOSw3MSAyMTcuNCw3MSAyMTcuNCwxIDIyNy45LDEgMjI3LjksNDUuNyAyNDIuNCwyNC41IDI1NC43LDI0LjUgIi8+Cjxwb2x5Z29uIHBvaW50cz0iMjg0LDQ2LjMgMjk5LjgsNzEgMjg3LjIsNzEgMjczLjIsNDguMiAyNzMuMiw3MSAyNjIuNyw3MSAyNjIuNywxIDI3My4yLDEgMjczLjIsNDUuNyAyODcuNywyNC41IDMwMCwyNC41ICIvPgo8cGF0aCBkPSJNMzAwLDQ3LjdjMC0xNC43LDcuNi0yNC40LDE5LjEtMjQuNGM2LjIsMCwxMC43LDIuNywxMy40LDguMXYtNi45SDM0M1Y3MWgtMTAuNXYtN2MtMi43LDUuNC03LjIsOC4yLTEzLjQsOC4yCglDMzA3LjYsNzIuMiwzMDAsNjIuNSwzMDAsNDcuNyBNMzMyLjYsNDcuN2MwLTkuNS00LjEtMTUtMTEuMS0xNXMtMTAuOSw1LjQtMTAuOSwxNWMwLDkuNiwzLjksMTUuMSwxMC45LDE1LjFTMzMyLjYsNTcuMywzMzIuNiw0Ny43CgkiLz4KPHBhdGggZD0iTTM1NC4xLDI0LjVoMTAuN3Y2LjdjMi41LTUuNCw3LTcuOSwxMy03LjljOS4xLDAsMTQuMiw1LjcsMTQuMiwxNy41VjcxaC0xMC42VjQzLjljMC04LTIuMy0xMS42LTcuOC0xMS42CgljLTYuMiwwLTguOCw0LjYtOC44LDEzLjJWNzFoLTEwLjdWMjQuNXoiLz4KPHBhdGggZD0iTTM5NSw5MS43di05LjVjMSwwLjMsMi4xLDAuNCwzLjYsMC40YzIuNywwLDMuOS0xLjUsMy45LTVWMjQuNWgxMC42djU0LjNjMCw5LjctNC4yLDEzLjgtMTIuMSwxMy44CglDMzk4LjMsOTIuNiwzOTYuMiw5Mi4xLDM5NSw5MS43IE00MDAsOS43YzAtNC43LDMuMy03LjcsNy44LTcuN2M0LjQsMCw3LjcsMyw3LjcsNy43YzAsNC44LTMuMyw3LjgtNy43LDcuOAoJQzQwMy4zLDE3LjUsNDAwLDE0LjUsNDAwLDkuNyIvPgo8cGF0aCBkPSJNNDIxLjEsNDcuN2MwLTE0LjcsNy42LTI0LjQsMTkuMS0yNC40YzYuMiwwLDEwLjcsMi43LDEzLjQsOC4xdi02LjloMTAuNVY3MWgtMTAuNXYtN2MtMi43LDUuNC03LjIsOC4yLTEzLjQsOC4yCglDNDI4LjcsNzIuMiw0MjEuMSw2Mi41LDQyMS4xLDQ3LjcgTTQ1My43LDQ3LjdjMC05LjUtNC4xLTE1LTExLjEtMTVjLTcsMC0xMC45LDUuNC0xMC45LDE1YzAsOS42LDMuOSwxNS4xLDEwLjksMTUuMQoJQzQ0OS42LDYyLjgsNDUzLjcsNTcuMyw0NTMuNyw0Ny43Ii8+Cjwvc3ZnPgo=') 0 0 no-repeat;
background-size: 100% auto;
width: 150px;
//height: 40px;
@media(min-width: 768px) {
    width: 180px;
    margin-top: 5px;
}
text-indent:-999em;
overflow:hidden;

}

/* — transplogo->white, transp.black->normal — */

@media(min-width:768px) {

.transparent .logo {
    background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjMuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2ODcuNCA5NC4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2ODcuNCA5NC4zOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzVDQkJGRjt9Cgkuc3Qxe2ZpbGw6IzAwNzJDNjt9Cjwvc3R5bGU+CjxyZWN0IHg9IjQ3OC43IiB5PSIyNC42IiBjbGFzcz0ic3QwIiB3aWR0aD0iNDYuNSIgaGVpZ2h0PSIyMy4yIi8+CjxwYXRoIGQ9Ik01ODAuNywyNC42djQ3LjNjMCw4LjMtMi41LDE0LjMtNy42LDE3LjljLTMuNCwyLjMtNy44LDMuNS0xMy4yLDMuNWMtNS4yLDAtMTAtMS40LTEzLjYtNC4xYy0zLjctMi43LTYuMS02LjktNi40LTExLjgKCWgxMC43YzAuNSw0LDMuNSw3LjMsOS42LDcuM2M2LjgsMCwxMC00LDEwLTExLjR2LTkuMWMtMi42LDUuMy03LjEsOC4xLTEzLjMsOC4xYy0xMS41LDAtMTkuMS05LjctMTkuMS0yNC41CgljMC0xNC43LDcuNi0yNC40LDE5LjEtMjQuNGM2LjIsMCwxMC43LDIuNywxMy4zLDguMXYtNi45SDU4MC43eiBNNTcwLjQsNDcuOGMwLTkuNS00LjEtMTUtMTEuMS0xNWMtNywwLTEwLjksNS40LTEwLjksMTUKCWMwLDkuNiwzLjksMTUsMTAuOSwxNUM1NjYuMyw2Mi44LDU3MC40LDU3LjMsNTcwLjQsNDcuOCIvPgo8cGF0aCBkPSJNNTg4LjgsNDcuOGMwLTE0LjcsNy42LTI0LjQsMTkuMS0yNC40YzYuMiwwLDEwLjcsMi43LDEzLjQsOC4xdi02LjloMTAuNXY0Ni41aC0xMC41di03Yy0yLjcsNS40LTcuMiw4LjItMTMuNCw4LjIKCUM1OTYuNCw3Mi4zLDU4OC44LDYyLjYsNTg4LjgsNDcuOCBNNjIxLjQsNDcuOGMwLTkuNS00LjEtMTUtMTEuMS0xNWMtNywwLTEwLjksNS40LTEwLjksMTVjMCw5LjYsMy45LDE1LjEsMTAuOSwxNS4xCglDNjE3LjMsNjIuOSw2MjEuNCw1Ny40LDYyMS40LDQ3LjgiLz4KPHBhdGggZD0iTTY4Ni40LDQ3LjhjMCwxNC44LTcuNiwyNC41LTE5LjEsMjQuNWMtNi4xLDAtMTAuNy0yLjgtMTMuNC04LjJ2N2gtMTAuNXYtNzBoMTAuNXYzMC40YzIuNy01LjQsNy4zLTguMSwxMy40LTguMQoJQzY3OC44LDIzLjQsNjg2LjQsMzMuMSw2ODYuNCw0Ny44IE02NzUuOCw0Ny44YzAtOS42LTMuOS0xNS0xMC45LTE1Yy03LDAtMTEuMSw1LjUtMTEuMSwxNWMwLDkuNiw0LjEsMTUuMSwxMS4xLDE1LjEKCUM2NzEuOSw2Mi45LDY3NS44LDU3LjQsNjc1LjgsNDcuOCIvPgo8cmVjdCB4PSI0NzguNyIgeT0iNDcuOCIgY2xhc3M9InN0MSIgd2lkdGg9IjQ2LjUiIGhlaWdodD0iMjMuMiIvPgo8cGF0aCBkPSJNNDMuOSwyNC41djQ3LjNjMCw4LjMtMi41LDE0LjMtNy42LDE3LjljLTMuNCwyLjMtNy44LDMuNS0xMy4yLDMuNWMtNS4yLDAtMTAtMS40LTEzLjYtNC4xYy0zLjctMi43LTYuMS02LjktNi40LTExLjhoMTAuNwoJYzAuNSw0LDMuNSw3LjMsOS42LDcuM2M2LjgsMCwxMC00LDEwLTExLjR2LTkuMWMtMi42LDUuMy03LjEsOC4xLTEzLjMsOC4xQzguNiw3Mi4yLDEsNjIuNSwxLDQ3LjdDMSwzMyw4LjYsMjMuMywyMC4xLDIzLjMKCWM2LjIsMCwxMC43LDIuNywxMy4zLDguMXYtNi45SDQzLjl6IE0zMy42LDQ3LjdjMC05LjUtNC4xLTE1LTExLjEtMTVjLTcsMC0xMC45LDUuNC0xMC45LDE1YzAsOS42LDMuOSwxNSwxMC45LDE1CglDMjkuNSw2Mi43LDMzLjYsNTcuMiwzMy42LDQ3LjciLz4KPHJlY3QgeD0iNTUuNSIgeT0iMSIgd2lkdGg9IjEwLjYiIGhlaWdodD0iNzAiLz4KPHBhdGggZD0iTTc3LjIsNTQuN1YyNC41aDEwLjd2MjhjMCw3LjIsMi41LDEwLjYsNy43LDEwLjZjNS42LDAsOC43LTQuMyw4LjctMTIuMlYyNC41aDEwLjZWNzFoLTEwLjZ2LTYuNwoJYy0yLjQsNS4xLTYuMyw3LjktMTMuMyw3LjlDODIuNCw3Mi4yLDc3LjIsNjUuNyw3Ny4yLDU0LjciLz4KPHBhdGggZD0iTTE2Mi4yLDUxLjJoLTI5YzAuMyw3LjQsMy44LDExLjksMTAuNiwxMS45YzQuNywwLDcuNS0yLDguNi01LjdoOS42Yy0xLjMsOS4zLTcuNSwxNC44LTE4LjIsMTQuOAoJYy0xMy4zLDAtMjAuOS04LjktMjAuOS0yNC4zYzAtMTUuNSw3LjYtMjQuNiwyMC40LTI0LjZjMTIuOSwwLDE5LjMsOC44LDE5LjMsMjEuMkMxNjIuNiw0NiwxNjIuNSw0OSwxNjIuMiw1MS4yIE0xNTIuMyw0My4yCgljMC03LjgtMy4zLTExLjYtOS4xLTExLjZjLTYuMSwwLTkuOSw0LjItMTAsMTEuNkgxNTIuM3oiLz4KPHBhdGggZD0iTTE2OS4xLDQ3LjdjMC0xNSw4LTI0LjQsMjAuNi0yNC40YzEyLjIsMCwxOS4yLDYuNSwxOS4xLDE3LjdoLTEwLjZjLTAuNC01LjctMy4xLTguNS04LjUtOC41Yy02LjMsMC0xMCw1LjYtMTAsMTUuMgoJYzAsOS44LDMuNCwxNS4yLDEwLjIsMTUuMmM1LjEsMCw3LjgtMi42LDguNC03LjloMTAuNmMtMC45LDExLjEtNy43LDE3LjItMTkuMiwxNy4yQzE3Ni43LDcyLjIsMTY5LjEsNjMsMTY5LjEsNDcuNyIvPgo8cG9seWdvbiBwb2ludHM9IjIzOC43LDQ2LjMgMjU0LjUsNzEgMjQxLjksNzEgMjI3LjksNDguMiAyMjcuOSw3MSAyMTcuNCw3MSAyMTcuNCwxIDIyNy45LDEgMjI3LjksNDUuNyAyNDIuNCwyNC41IDI1NC43LDI0LjUgIi8+Cjxwb2x5Z29uIHBvaW50cz0iMjg0LDQ2LjMgMjk5LjgsNzEgMjg3LjIsNzEgMjczLjIsNDguMiAyNzMuMiw3MSAyNjIuNyw3MSAyNjIuNywxIDI3My4yLDEgMjczLjIsNDUuNyAyODcuNywyNC41IDMwMCwyNC41ICIvPgo8cGF0aCBkPSJNMzAwLDQ3LjdjMC0xNC43LDcuNi0yNC40LDE5LjEtMjQuNGM2LjIsMCwxMC43LDIuNywxMy40LDguMXYtNi45SDM0M1Y3MWgtMTAuNXYtN2MtMi43LDUuNC03LjIsOC4yLTEzLjQsOC4yCglDMzA3LjYsNzIuMiwzMDAsNjIuNSwzMDAsNDcuNyBNMzMyLjYsNDcuN2MwLTkuNS00LjEtMTUtMTEuMS0xNXMtMTAuOSw1LjQtMTAuOSwxNWMwLDkuNiwzLjksMTUuMSwxMC45LDE1LjFTMzMyLjYsNTcuMywzMzIuNiw0Ny43CgkiLz4KPHBhdGggZD0iTTM1NC4xLDI0LjVoMTAuN3Y2LjdjMi41LTUuNCw3LTcuOSwxMy03LjljOS4xLDAsMTQuMiw1LjcsMTQuMiwxNy41VjcxaC0xMC42VjQzLjljMC04LTIuMy0xMS42LTcuOC0xMS42CgljLTYuMiwwLTguOCw0LjYtOC44LDEzLjJWNzFoLTEwLjdWMjQuNXoiLz4KPHBhdGggZD0iTTM5NSw5MS43di05LjVjMSwwLjMsMi4xLDAuNCwzLjYsMC40YzIuNywwLDMuOS0xLjUsMy45LTVWMjQuNWgxMC42djU0LjNjMCw5LjctNC4yLDEzLjgtMTIuMSwxMy44CglDMzk4LjMsOTIuNiwzOTYuMiw5Mi4xLDM5NSw5MS43IE00MDAsOS43YzAtNC43LDMuMy03LjcsNy44LTcuN2M0LjQsMCw3LjcsMyw3LjcsNy43YzAsNC44LTMuMyw3LjgtNy43LDcuOAoJQzQwMy4zLDE3LjUsNDAwLDE0LjUsNDAwLDkuNyIvPgo8cGF0aCBkPSJNNDIxLjEsNDcuN2MwLTE0LjcsNy42LTI0LjQsMTkuMS0yNC40YzYuMiwwLDEwLjcsMi43LDEzLjQsOC4xdi02LjloMTAuNVY3MWgtMTAuNXYtN2MtMi43LDUuNC03LjIsOC4yLTEzLjQsOC4yCglDNDI4LjcsNzIuMiw0MjEuMSw2Mi41LDQyMS4xLDQ3LjcgTTQ1My43LDQ3LjdjMC05LjUtNC4xLTE1LTExLjEtMTVjLTcsMC0xMC45LDUuNC0xMC45LDE1YzAsOS42LDMuOSwxNS4xLDEwLjksMTUuMQoJQzQ0OS42LDYyLjgsNDUzLjcsNTcuMyw0NTMuNyw0Ny43Ii8+Cjwvc3ZnPgo=') 0 0 no-repeat;
}
.transparent.black .logo {
    background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjMuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2ODcuNCA5NC4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2ODcuNCA5NC4zOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzVDQkJGRjt9Cgkuc3Qxe2ZpbGw6IzAwNzJDNjt9Cjwvc3R5bGU+CjxyZWN0IHg9IjQ3OC43IiB5PSIyNC42IiBjbGFzcz0ic3QwIiB3aWR0aD0iNDYuNSIgaGVpZ2h0PSIyMy4yIi8+CjxwYXRoIGQ9Ik01ODAuNywyNC42djQ3LjNjMCw4LjMtMi41LDE0LjMtNy42LDE3LjljLTMuNCwyLjMtNy44LDMuNS0xMy4yLDMuNWMtNS4yLDAtMTAtMS40LTEzLjYtNC4xYy0zLjctMi43LTYuMS02LjktNi40LTExLjgKCWgxMC43YzAuNSw0LDMuNSw3LjMsOS42LDcuM2M2LjgsMCwxMC00LDEwLTExLjR2LTkuMWMtMi42LDUuMy03LjEsOC4xLTEzLjMsOC4xYy0xMS41LDAtMTkuMS05LjctMTkuMS0yNC41CgljMC0xNC43LDcuNi0yNC40LDE5LjEtMjQuNGM2LjIsMCwxMC43LDIuNywxMy4zLDguMXYtNi45SDU4MC43eiBNNTcwLjQsNDcuOGMwLTkuNS00LjEtMTUtMTEuMS0xNWMtNywwLTEwLjksNS40LTEwLjksMTUKCWMwLDkuNiwzLjksMTUsMTAuOSwxNUM1NjYuMyw2Mi44LDU3MC40LDU3LjMsNTcwLjQsNDcuOCIvPgo8cGF0aCBkPSJNNTg4LjgsNDcuOGMwLTE0LjcsNy42LTI0LjQsMTkuMS0yNC40YzYuMiwwLDEwLjcsMi43LDEzLjQsOC4xdi02LjloMTAuNXY0Ni41aC0xMC41di03Yy0yLjcsNS40LTcuMiw4LjItMTMuNCw4LjIKCUM1OTYuNCw3Mi4zLDU4OC44LDYyLjYsNTg4LjgsNDcuOCBNNjIxLjQsNDcuOGMwLTkuNS00LjEtMTUtMTEuMS0xNWMtNywwLTEwLjksNS40LTEwLjksMTVjMCw5LjYsMy45LDE1LjEsMTAuOSwxNS4xCglDNjE3LjMsNjIuOSw2MjEuNCw1Ny40LDYyMS40LDQ3LjgiLz4KPHBhdGggZD0iTTY4Ni40LDQ3LjhjMCwxNC44LTcuNiwyNC41LTE5LjEsMjQuNWMtNi4xLDAtMTAuNy0yLjgtMTMuNC04LjJ2N2gtMTAuNXYtNzBoMTAuNXYzMC40YzIuNy01LjQsNy4zLTguMSwxMy40LTguMQoJQzY3OC44LDIzLjQsNjg2LjQsMzMuMSw2ODYuNCw0Ny44IE02NzUuOCw0Ny44YzAtOS42LTMuOS0xNS0xMC45LTE1Yy03LDAtMTEuMSw1LjUtMTEuMSwxNWMwLDkuNiw0LjEsMTUuMSwxMS4xLDE1LjEKCUM2NzEuOSw2Mi45LDY3NS44LDU3LjQsNjc1LjgsNDcuOCIvPgo8cmVjdCB4PSI0NzguNyIgeT0iNDcuOCIgY2xhc3M9InN0MSIgd2lkdGg9IjQ2LjUiIGhlaWdodD0iMjMuMiIvPgo8cGF0aCBkPSJNNDMuOSwyNC41djQ3LjNjMCw4LjMtMi41LDE0LjMtNy42LDE3LjljLTMuNCwyLjMtNy44LDMuNS0xMy4yLDMuNWMtNS4yLDAtMTAtMS40LTEzLjYtNC4xYy0zLjctMi43LTYuMS02LjktNi40LTExLjhoMTAuNwoJYzAuNSw0LDMuNSw3LjMsOS42LDcuM2M2LjgsMCwxMC00LDEwLTExLjR2LTkuMWMtMi42LDUuMy03LjEsOC4xLTEzLjMsOC4xQzguNiw3Mi4yLDEsNjIuNSwxLDQ3LjdDMSwzMyw4LjYsMjMuMywyMC4xLDIzLjMKCWM2LjIsMCwxMC43LDIuNywxMy4zLDguMXYtNi45SDQzLjl6IE0zMy42LDQ3LjdjMC05LjUtNC4xLTE1LTExLjEtMTVjLTcsMC0xMC45LDUuNC0xMC45LDE1YzAsOS42LDMuOSwxNSwxMC45LDE1CglDMjkuNSw2Mi43LDMzLjYsNTcuMiwzMy42LDQ3LjciLz4KPHJlY3QgeD0iNTUuNSIgeT0iMSIgd2lkdGg9IjEwLjYiIGhlaWdodD0iNzAiLz4KPHBhdGggZD0iTTc3LjIsNTQuN1YyNC41aDEwLjd2MjhjMCw3LjIsMi41LDEwLjYsNy43LDEwLjZjNS42LDAsOC43LTQuMyw4LjctMTIuMlYyNC41aDEwLjZWNzFoLTEwLjZ2LTYuNwoJYy0yLjQsNS4xLTYuMyw3LjktMTMuMyw3LjlDODIuNCw3Mi4yLDc3LjIsNjUuNyw3Ny4yLDU0LjciLz4KPHBhdGggZD0iTTE2Mi4yLDUxLjJoLTI5YzAuMyw3LjQsMy44LDExLjksMTAuNiwxMS45YzQuNywwLDcuNS0yLDguNi01LjdoOS42Yy0xLjMsOS4zLTcuNSwxNC44LTE4LjIsMTQuOAoJYy0xMy4zLDAtMjAuOS04LjktMjAuOS0yNC4zYzAtMTUuNSw3LjYtMjQuNiwyMC40LTI0LjZjMTIuOSwwLDE5LjMsOC44LDE5LjMsMjEuMkMxNjIuNiw0NiwxNjIuNSw0OSwxNjIuMiw1MS4yIE0xNTIuMyw0My4yCgljMC03LjgtMy4zLTExLjYtOS4xLTExLjZjLTYuMSwwLTkuOSw0LjItMTAsMTEuNkgxNTIuM3oiLz4KPHBhdGggZD0iTTE2OS4xLDQ3LjdjMC0xNSw4LTI0LjQsMjAuNi0yNC40YzEyLjIsMCwxOS4yLDYuNSwxOS4xLDE3LjdoLTEwLjZjLTAuNC01LjctMy4xLTguNS04LjUtOC41Yy02LjMsMC0xMCw1LjYtMTAsMTUuMgoJYzAsOS44LDMuNCwxNS4yLDEwLjIsMTUuMmM1LjEsMCw3LjgtMi42LDguNC03LjloMTAuNmMtMC45LDExLjEtNy43LDE3LjItMTkuMiwxNy4yQzE3Ni43LDcyLjIsMTY5LjEsNjMsMTY5LjEsNDcuNyIvPgo8cG9seWdvbiBwb2ludHM9IjIzOC43LDQ2LjMgMjU0LjUsNzEgMjQxLjksNzEgMjI3LjksNDguMiAyMjcuOSw3MSAyMTcuNCw3MSAyMTcuNCwxIDIyNy45LDEgMjI3LjksNDUuNyAyNDIuNCwyNC41IDI1NC43LDI0LjUgIi8+Cjxwb2x5Z29uIHBvaW50cz0iMjg0LDQ2LjMgMjk5LjgsNzEgMjg3LjIsNzEgMjczLjIsNDguMiAyNzMuMiw3MSAyNjIuNyw3MSAyNjIuNywxIDI3My4yLDEgMjczLjIsNDUuNyAyODcuNywyNC41IDMwMCwyNC41ICIvPgo8cGF0aCBkPSJNMzAwLDQ3LjdjMC0xNC43LDcuNi0yNC40LDE5LjEtMjQuNGM2LjIsMCwxMC43LDIuNywxMy40LDguMXYtNi45SDM0M1Y3MWgtMTAuNXYtN2MtMi43LDUuNC03LjIsOC4yLTEzLjQsOC4yCglDMzA3LjYsNzIuMiwzMDAsNjIuNSwzMDAsNDcuNyBNMzMyLjYsNDcuN2MwLTkuNS00LjEtMTUtMTEuMS0xNXMtMTAuOSw1LjQtMTAuOSwxNWMwLDkuNiwzLjksMTUuMSwxMC45LDE1LjFTMzMyLjYsNTcuMywzMzIuNiw0Ny43CgkiLz4KPHBhdGggZD0iTTM1NC4xLDI0LjVoMTAuN3Y2LjdjMi41LTUuNCw3LTcuOSwxMy03LjljOS4xLDAsMTQuMiw1LjcsMTQuMiwxNy41VjcxaC0xMC42VjQzLjljMC04LTIuMy0xMS42LTcuOC0xMS42CgljLTYuMiwwLTguOCw0LjYtOC44LDEzLjJWNzFoLTEwLjdWMjQuNXoiLz4KPHBhdGggZD0iTTM5NSw5MS43di05LjVjMSwwLjMsMi4xLDAuNCwzLjYsMC40YzIuNywwLDMuOS0xLjUsMy45LTVWMjQuNWgxMC42djU0LjNjMCw5LjctNC4yLDEzLjgtMTIuMSwxMy44CglDMzk4LjMsOTIuNiwzOTYuMiw5Mi4xLDM5NSw5MS43IE00MDAsOS43YzAtNC43LDMuMy03LjcsNy44LTcuN2M0LjQsMCw3LjcsMyw3LjcsNy43YzAsNC44LTMuMyw3LjgtNy43LDcuOAoJQzQwMy4zLDE3LjUsNDAwLDE0LjUsNDAwLDkuNyIvPgo8cGF0aCBkPSJNNDIxLjEsNDcuN2MwLTE0LjcsNy42LTI0LjQsMTkuMS0yNC40YzYuMiwwLDEwLjcsMi43LDEzLjQsOC4xdi02LjloMTAuNVY3MWgtMTAuNXYtN2MtMi43LDUuNC03LjIsOC4yLTEzLjQsOC4yCglDNDI4LjcsNzIuMiw0MjEuMSw2Mi41LDQyMS4xLDQ3LjcgTTQ1My43LDQ3LjdjMC05LjUtNC4xLTE1LTExLjEtMTVjLTcsMC0xMC45LDUuNC0xMC45LDE1YzAsOS42LDMuOSwxNS4xLDEwLjksMTUuMQoJQzQ0OS42LDYyLjgsNDUzLjcsNTcuMyw0NTMuNyw0Ny43Ii8+Cjwvc3ZnPgo=') 0 0 no-repeat;
}

}

/* ———— LOGO END ———— */

/* ———— KEYVISUAL ———— */

.keyvisual {

padding: 0;
max-width: 900%;
margin-top: 140px;
margin-bottom: 40px;
text-align: center;
display: block;
position: relative;
white-space: nowrap;
img {
    position: relative;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}

}

.helper {

display: inline-block;
height: 100%;
vertical-align: middle;
margin-top: 80px;
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    display: none;
}

}

/* ———— KEYVISUAL END ———— */

/* ———— MAIN NAVIGATION ———— */

$nav-col-width-sm: 630px; $nav-col-width-md: 850px; $nav-col-width-lg: 1050px; .navbar-custom {

opacity: 0.95;
margin-bottom: 0;
background: $primary-color;
-webkit-transition: background 0.1s ease;
-moz-transition: background 0.1s ease;
-o-transition: background 0.1s ease;
transition: background 0.1s ease;
text-transform: uppercase;
font-family: "Open Sans Condensed", sans-serif;
/* Fix height limit and scroll for small screen and many items menu */
max-height: 100%;
@media(max-width: 767px) {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.navbar-toggle {
    padding: 4px 6px;
    font-size: $font-size-base;
    color: $navbar-color;
    &:focus,
    &:active {
        outline: none;
    }
}
.navbar-brand:focus {
    outline: none;
}
a {
    color: $navbar-color;
    @if $header-text-shadow {
        text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
    }
}
.nav {
    @media(min-width: 768px) {
        position: relative;
        text-align: center;
    }
    &>li {
        cursor: pointer;
        @media(min-width: 768px) {
            position: static;
        }
        &.active a.firstlevelanchor {
            color: $secondary-color;
        }
        span {
            cursor: auto;
            @media(max-width: 480px) {
                color: $font-color;
                font-size: $font-size-base;
                opacity: 0.6;
                padding: 6px 0 3px 0;
                display: block;
            }
        }
        a,
        >span {
            font-family: "Open Sans Condensed", sans-serif;
            font-weight: 700;
            font-size: 20px;
            padding: 15px;
            position: relative;
            @media(max-width: 767px) {
                padding-left: 10px;
            }
            @media(min-width:768px) {
                font-size: $font-size-base;
                padding: 5px;
                margin-top: 17px;
                display: block;
            }
            @media(min-width:992px) {
                font-size: $font-size-base +2px;
                padding: 10px 15px;
                margin-top: 11px;
            }
            &:hover {
                outline: none;
                color: $secondary-color;
                background-color: transparent;
            }
            &:focus,
            &:active {
                outline: none;
                color: $secondary-color;
                background-color: transparent;
                &:hover {
                    outline: none;
                    background-color: transparent;
                    color: $secondary-color;
                }
            }
        }
        /* SECOND LEVEL LIST */
        &.dropdown {
            .dropdown-menu {
                -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.175);
                box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.175);
                background-repeat: no-repeat;
                background-image: none;
                // Padding bottom = 20px - 1/2 (font-size - lineheigth)
                padding: 6px 27px 21px 27px;
                border-radius: 0;
                @media(max-width: 767px) {
                    padding-left: 10px;
                }
                @media(min-width:768px) {
                    margin-top: 14px;
                    min-width: 100%;
                    position: absolute;
                    right: 0;
                }
                .secondlevel {
                    @media(min-width: 768px) {
                        margin-top: 12px;
                    }
                }
                ul {
                    list-style-type: none;
                    margin: 0;
                    padding: 0;
                }
                li.divider {
                    background: transparent;
                    height: 18px;
                    min-height: 18px;
                    margin: 14px 0 -3px 0;
                    overflow: hidden;
                    border-top: 1px dotted $gk-grey;
                }
                >ul {
                    white-space: nowrap;
                    @media(min-width: 768px) {
                        & > li:not(:last-child) {
                            margin-right: 20px;
                        }
                    }
                    >li {
                        float: none;
                        text-align: left;
                        display: block;
                        @media (min-width: 768px) {
                            width: ($nav-col-width-sm / 3);
                            display: inline-table;
                        }
                        @media (min-width: 992px) {
                            width: ($nav-col-width-md / 4);
                        }
                        @media (min-width: 1200px) {
                            width: ($nav-col-width-lg / 5);
                        }
                        span {
                            color: $secondary-color;
                            font-weight: 700;
                            font-size: $font-size-base;
                            font-family: "Open Sans Condensed", sans-serif;
                            font-weight: 700;
                            text-transform: uppercase;
                        }
                        @media (max-width: 767px) {
                            &+li>ul>li>span {
                                display: inline-block;
                                padding-top: 15px;
                            }
                            li.divider+li>span {
                                display: inline-block;
                                padding-top: 0;
                            }
                        }
                        /* THIRD LEVEL LIST */
                        >ul {
                            border: 0 none;
                            position: relative;
                            padding-top: 0;
                            margin-top: 0;
                            @media(min-width: 768px) {
                                // General margin 20px - 1/2 (font-size - lineheigth)
                                margin-top: 0px;
                                /* min-height:240px;*/
                                position: relative;
                                width: auto;
                                white-space: nowrap;
                                @media(max-width: 767px) {
                                    border: none;
                                }
                            }
                            >li {
                                font-family: "Open Sans", sans-serif;
                                text-transform: none;
                                color: #000;
                                color: #f0f;
                                font-weight: 300;
                                float: none;
                                cursor: auto;
                                white-space: normal;
                                @media(max-width: 767px) {
                                    font-size: $font-size-base;
                                    display: block;
                                    padding: 3px 0;
                                    color: $font-color;
                                    >a {
                                        color: $font-color;
                                    }
                                }
                                @media(min-width:768px) {
                                    font-size: -2px + $font-size-base;
                                    // min-height:30px;
                                    line-height: 30px;
                                }
                                a {
                                    font-family: "Open Sans", sans-serif;
                                    font-weight: 300;
                                    padding: 0;
                                    font-size: inherit;
                                    margin-top: 0;
                                    margin-right: 10px;
                                    display: block;
                                    padding-left: 15px;
                                    margin-left: -15px;
                                    padding-right: 10px;
                                    margin-right: -5px;
                                    width: auto;
                                    @media(max-width: 767px) {
                                        padding-left: 5px;
                                        margin-left: -5px;
                                        padding-right: 5px;
                                        margin-right: -5px;
                                    }
                                }
                                a:hover,
                                a:active,
                                a:focus {
                                    // color:darken($secondary-color, 15%);
                                    // padding:3px;
                                    // Assembles $gk-lightgrey
                                    background: rgba(0, 0, 0, 0.04);
                                    color: $gk-black;
                                }
                                &.active a {
                                    color: $secondary-color;
                                }
                            }
                        }
                    }
                }
                /* INDIVIDUAL MENU ITEMS */
                &#technologien {
                    @media(min-width: 1200px) {
                        padding-right: ($nav-col-width-lg / 5) +60px;
                        background-image: url(/assets/nav/splash.png);
                        background-position: right -60px top 50px;
                    }
                    @media only screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2),
                    only screen and (min-width: 1200px) and ( min--moz-device-pixel-ratio: 2),
                    only screen and (min-width: 1200px) and ( -o-min-device-pixel-ratio: 2/1),
                    only screen and (min-width: 1200px) and ( min-device-pixel-ratio: 2),
                    only screen and (min-width: 1200px) and ( min-resolution: 192dpi),
                    only screen and (min-width: 1200px) and ( min-resolution: 2dppx) {
                        background-image: url(/assets/nav/splash@2x.png);
                        background-size: 320px 305px;
                    }
                }
                &#szenarien {
                    @media(min-width: 1200px) {
                        padding-right: ($nav-col-width-lg / 5) +60px;
                        background-image: url(/assets/nav/splash.png);
                        background-position: right -60px top 50px;
                    }
                    @media only screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2),
                    only screen and (min-width: 1200px) and ( min--moz-device-pixel-ratio: 2),
                    only screen and (min-width: 1200px) and ( -o-min-device-pixel-ratio: 2/1),
                    only screen and (min-width: 1200px) and ( min-device-pixel-ratio: 2),
                    only screen and (min-width: 1200px) and ( min-resolution: 192dpi),
                    only screen and (min-width: 1200px) and ( min-resolution: 2dppx) {
                        background-image: url(/assets/nav/splash@2x.png);
                    }
                }
                &#portfolio {
                    @media(min-width: 1200px) {
                        padding-right: ($nav-col-width-lg / 5) +60px;
                        background-image: url(/assets/nav/splash.png);
                        background-position: right -60px top 50px;
                    }
                    @media only screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2),
                    only screen and (min-width: 1200px) and ( min--moz-device-pixel-ratio: 2),
                    only screen and (min-width: 1200px) and ( -o-min-device-pixel-ratio: 2/1),
                    only screen and (min-width: 1200px) and ( min-device-pixel-ratio: 2),
                    only screen and (min-width: 1200px) and ( min-resolution: 192dpi),
                    only screen and (min-width: 1200px) and ( min-resolution: 2dppx) {
                        background-image: url(/assets/nav/splash.png);
                    }
                }
                &#unternehmen {
                    @media(min-width: 1200px) {
                        padding-right: ($nav-col-width-lg / 5) +60px;
                        background-image: url(/assets/nav/splash.png);
                        background-position: right -60px top 50px;
                    }
                    @media only screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2),
                    only screen and (min-width: 1200px) and ( min--moz-device-pixel-ratio: 2),
                    only screen and (min-width: 1200px) and ( -o-min-device-pixel-ratio: 2/1),
                    only screen and (min-width: 1200px) and ( min-device-pixel-ratio: 2),
                    only screen and (min-width: 1200px) and ( min-resolution: 192dpi),
                    only screen and (min-width: 1200px) and ( min-resolution: 2dppx) {
                        background-image: url(/assets/nav/splash.png);
                    }
                }
            }
            &.open {
                background-color: transparent;
                outline: none;
                >a,
                >a:hover,
                >a:focus {
                    background-color: transparent !important;
                }
                >a:hover {
                    color: $secondary-color;
                }
                @media(min-width:768px) {
                    display: block;
                    a.firstlevelanchor::before {
                        background:url({{site.baseurl}}/assets/nav/arrow-up.png) 0 0 no-repeat;
                        padding: 0;
                        position: absolute;
                        width: 21px;
                        height: 12px;
                        top: 38px;
                        @media(min-width: 992px) {
                            top: 48px;
                        }
                        left: 50%;
                        margin-left: -13px;
                        content:' ';
                        line-height:1px;
                    }
                }
            }
            @media(max-width:767px) {
                a.dropdown-toggle {
                    position: absolute;
                    right: 0;
                }
                a.dropdown-toggle+span.dropdown-hover,
                a.dropdown-toggle+a.firstlevelanchor {
                    margin-right: 50px;
                }
                a.dropdown-toggle.firstlevelanchor {
                    position: relative;
                    width: auto;
                }
            }
            @media(min-width:768px) {
                >a {
                    position: relative;
                    z-index: 1001;
                }
            }
        }
    }
}
@media(min-width:768px) {
    padding: 20px 0;
    border-bottom: none;
    &.top-nav-collapse {
        border-bottom: 1px solid #ccc;
    }
    &.transparent {
        background: transparent;
        .dropdown-menu {
            background-color: rgba(255, 255, 255, 1);
        }
    }
}

}

.navbar-custom.transparent:not(.black) {

@media(min-width: 768px) {
    li a.firstlevelanchor, li a.firstlevelanchor:focus, li a.firstlevelanchor:active {
        color: rgba(255, 255, 255, 0.8);
    }
    li.active a.firstlevelanchor,
    li.dropdown.open a.firstlevelanchor:hover,
    li a.firstlevelanchor:hover,
    li.dropdown.open a.firstlevelanchor {
        color: $primary-color;
    }
}

}

/* ———— MAIN NAVIGATION END ———— */

/* ———— HEADINGS ———— */

h1 {

text-transform: uppercase;
margin: 2rem 0 2rem;
@media(min-width: 768px) {
    margin: 2.7rem 0 1.7rem;
}

}

h2, h3, h4, h5, h6 {

margin: 2rem 0 2rem;
@media(min-width: 768px) {
    margin: 0.7rem 0 0.7rem;
}

}

h1, h2, h3 {

color: $secondary-color

}

h1 {

@media(max-width: 768px) {
    font-size: 26px;
}
span {
    font-weight: 300;
}
line-height:26px;

}

h1.condensed-light {

font-weight: 300;
margin-bottom: -1.3em;
@media(max-width: 768px) {
    margin-bottom: -1.2em;
}

}

h2 {

@media(max-width: 767px) {
    font-size: 20px;
}
--line-height:26px;

}

/* ———— HEADINGS END ———— */

/* ———— GENERAL STYLES ———— */

p {

hyphens: auto;
-webkit-hyphens: auto;
-moz-hyphens: auto;
color: $font-color;
margin: 0 0 1.8rem;
@media(min-width: 768px) {
    hyphens: none;
}

}

p.lead {

font-size: $font-size-base;
font-weight: 700;

}

a {

color: $gk-blue;
font-weight: bold;
&:hover,
&:focus {
    text-decoration: none;
    color: darken($secondary-color, 20%);
}
&.phonelink {
    color: $primary-color;
}

}

a.anchor {

display: block;
position: relative;
top: -150px;
visibility: hidden;

}

blockquote {

font-size: 18px;

}

tfoot {

border-top-style: double;

}

tfoot td {

font-weight: bold

}

.overflow-hidden {

overflow: hidden;

}

.center {

text-align: center;

}

.vertical-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 ———— */

.spacer5 {

height: 5px;
width: 100%;
font-size: 0;
margin: 0;
padding: 0;
border: 0;
display: block;

}

.spacer10 {

height: 10px;
width: 100%;
font-size: 0;
margin: 0;
padding: 0;
border: 0;
display: block;

}

.spacer15 {

height: 15px;
width: 100%;
font-size: 0;
margin: 0;
padding: 0;
border: 0;
display: block;

}

.spacer20 {

height: 20px;
width: 100%;
font-size: 0;
margin: 0;
padding: 0;
border: 0;
display: block;

}

.spacer25 {

height: 25px;
width: 100%;
font-size: 0;
margin: 0;
padding: 0;
border: 0;
display: block;

}

.spacer30 {

height: 30px;
width: 100%;
font-size: 0;
margin: 0;
padding: 0;
border: 0;
display: block;

}

.spacer35 {

height: 35px;
width: 100%;
font-size: 0;
margin: 0;
padding: 0;
border: 0;
display: block;

}

.spacer40 {

height: 40px;
width: 100%;
font-size: 0;
margin: 0;
padding: 0;
border: 0;
display: block;

}

.spacer45 {

height: 45px;
width: 100%;
font-size: 0;
margin: 0;
padding: 0;
border: 0;
display: block;

}

.spacer50 {

height: 50px;
width: 100%;
font-size: 0;
margin: 0;
padding: 0;
border: 0;
display: block;

}

.spacer100 {

height: 100px;
width: 100%;
font-size: 0;
margin: 0;
padding: 0;
border: 0;
display: block;

}

.spacer200 {

height: 200px;
width: 100%;
font-size: 0;
margin: 0;
padding: 0;
border: 0;
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;}

/* ———— SPACER END ———— */

/* ———— CUSTOM TABLES ———— */

table.guk thead {

background-color: $gk-blue;
th {
    color: $primary-color;
}

}

.table-striped.guk>tbody>tr:nth-of-type(2n+1) {

background-color: $gk-lightblue;

}

table.table.guk>thead>tr>th, table.table.guk>thead>tr>td, table.table.guk>tbody>tr>th, table.table.guk>tbody>tr>td, table.table.guk>tfoot>tr>th, table.table.guk>tfoot>tr>td, table.table.guk tfoot {

border-color: $gk-midblue;

}

/* ———— CUSTOM TABLES END ———— */

/* ———— MATERIAL DESIGN ICONS ———— */

/* Rules for sizing the icon. */

.material-icons.md-18 {

font-size: 18px;

}

.material-icons.md-24 {

font-size: 24px;

}

.material-icons.md-36 {

font-size: 36px;

}

.material-icons.md-48 {

font-size: 48px;

}

/* Rules for using icons as black on a light background. */

.material-icons.md-dark {

color: rgba(0, 0, 0, 0.54);

}

.material-icons.md-dark.md-inactive {

color: rgba(0, 0, 0, 0.26);

}

/* Rules for using icons as white on a dark background. */

.material-icons.md-light {

color: rgba(255, 255, 255, 1);

}

.material-icons.md-light.md-inactive {

color: rgba(255, 255, 255, 0.3);

}

.material-icons.gk-blue {

color: #0061aa;

}

.float {

float: left;
padding-right: 10px;

}

.vertical-align-middle {

padding-top: 30px;

}

/* ———— MATERIAL DESIGN ICONS END ———— */

/* ———— FEATURES ———— */

.features {

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 .fas {

color: $gk-blue;
font-size: 2em;
float: left;
padding-top: 5px;
padding-left: 5px;
padding-right: 15px;

}

.trainings {

background-color: $gk-lightergrey;
padding: 30px 0;
}

/* ———— FEATURES END ———— */

/* ———— SPECIALS ———— */

.specials {

background-color: $gk-lightblue;
padding: 30px 0;
}

.specials p {

margin-bottom: 10px;

}

/* ———— SPECIALS END ———— */

/* ———— VIDEOS ———— */

.videos .videos-in {

background: $gk-lightergrey;

}

.videos h3 {

margin-bottom: 0;
padding: 10px 15px 15px;

}

.videos p {

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;

}

.videos .videos-info li {

font-size: 12px;
list-style: none;

}

.videos .videos-desc {

padding-top: 1px;
background: #fff;

}

.videos .fa {

color: $gk-darkgrey;
font-size: 14px;
float: left;
padding-top: 1px;
padding-left: 2px;
padding-right: 10px;

}

/* ———— VIDEOS END ———— */

/* ———— BESTPRACTICE ———— */

.bestpractice {

background-color: $gk-lightblue;
padding: 30px 0;
}

/* ———— BESTPRACTICE END———— */

/* ———— PROJECTDETAIL ———— */

.projectdetail h2 {

margin-top: 5px;
margin-bottom: 15px;

}

.projectdetail .btn-tagging {

border-radius: 20px;
border-color: $gk-lightblue;
padding: 3px 10px;
margin-bottom: 10px;
font-size: 13px;
color: $gk-grey;
background: none;
background: $gk-lightblue;

}

.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;

}

.call-action .call-action-box {

width: 100%;
display: table;
padding: 30px 5px;
vertical-align: middle;

}

.call-action-v1.call-action-v1-boxed {

padding: 0 15px;

}

.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;

}

.call-action-v1 .call-action-v1-in.inner-btn {

padding-top: 1px;
min-width: 250px;
text-align: right;

}

@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;
}

.call-action-v1 .call-action-v1-in p {
  margin-bottom: 20px;
}

}

/* ———— CALL-ACTION END ———— */

/* ———— TIMELINE ———— */ [class*=“u-triangle-inclusive-v1”]:not():not(), [class*=“u-triangle-inclusive-v2”]:not():not() {

position: absolute;

}

.d-block {

display: block!important;

}

.rounded-circle {

border-radius: 50%;

} /* ———— TIMELINE END ———— */

/* ———— TESTIMONIALS ———— */

.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;

}

.testimonials-bg-image {

width: 100%;
height: 400px;
position: relative;
background-position: -34px;

}

.testimonials-bg-image:before {

top: 0;
width: 100%;
height: 400px;
content: " ";
position: absolute;
background: rgba(0,0,0,0.8);

}

.testimonials .carousel-inner {

height: 250px;

}

.testimonials .carousel-arrow {

text-align: center;

}

.testimonials .fa {

color: $gk-lightergrey;
font-size: 2em;
}

/* ———— 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;

}

.testimonials-ma-bg-image {

width: 100%;
height: 600px;
position: relative;
background-position: -34px;

}

.testimonials-ma-bg-image:before {

top: 0;
width: 100%;
height: 600px;
content: " ";
position: absolute;
background: rgba(0,0,0,0.4);

}

.testimonials-ma .carousel-inner {

height: 500px;

}

.testimonials-ma .carousel-arrow {

text-align: center;

}

.testimonials-ma .fa {

color: $gk-lightergrey;
font-size: 2em;
}

/* ———— TESTIMONIALS MA END———— */

/* ———— BACKGROUNDS ———— */ .backgrounds {

padding: 50px 0;
width: 100%;
height: 400px;
position: center center;

}

.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;

}

.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;

}

.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;

}

.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;

}

.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;

}

.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;

}

.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;

}

.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;

}

.fwtrainings-bg-image {

background: url(/static/blogheads/head-future-workplace-trainings.jpg) 50% 0 repeat fixed;

}

.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%;

}

.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;

}

/* ———— 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;

}

.bg-image-v2:before {

top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
background: rgba(255,255,255,0.7);

}

/*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);

}

.btn, .parallaxBg1 h2, p, img {

position: relative;

}

.parallaxBg1 p {

font-weight: bold;

}

/* ———— 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;
position: relative;
transition: all 0.8s ease-in-out;

}

.thumbnail-kenburn:hover img {

transform: scale(1.2) rotate(2deg);

}

/* ———— THUMBNAILS END ———— */

/* ———— OWL CAROUSEL ———— */

/* 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-controls .owl-page, .owl-controls .owl-buttons div{

cursor: pointer;

} .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%); }

}

@-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); }

}

@-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 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;

}

.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);

}

/* ———— CONTACT END———— */

/* ———— FORMS & BUTTONS ———— */

.select-wrap {

position: relative;

}

.select-wrap select, .select-wrap select.form-control {

-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-right: 2*($padding-base-vertical) + $font-size-base +1px;
background: transparent;

}

.select-wrap::after {

font-family: FontAwesome;
content: $fa-var-angle-down;
position: absolute;
top: $padding-base-vertical +1px;
right: $padding-base-horizontal +1px;
z-index: -1;

}

.select-wrap.form-group-lg select, .select-wrap.form-group-lg select.form-control {

padding-right: 2*($padding-large-vertical) + $font-size-large +1px;
line-height: inherit;

}

.select-wrap.form-group-lg::after {

font-size: $font-size-large;
top: $padding-large-vertical;
right: $padding-large-horizontal;

}

.select-wrap.form-group-sm select, .select-wrap.form-group-sm select.form-control {

padding-right: 2*($padding-small-vertical) + $font-size-small +1px;
line-height: inherit;

}

.select-wrap.form-group-sm::after {

font-size: $font-size-small;
top: $padding-small-vertical +1px;
right: $padding-small-horizontal +1px;

}

.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;
padding-top: 25px;

}

.form-top-left {

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-right {

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;

}

.form-bottom form textarea {

height: 100px;

}

.form-bottom form button.btn {

width: 100%;

}

.form-bottom form .input-error {

border-color: #19b9e7;

}

.form-box .fa {

color: $gk-lightergrey;
font-size: 1em;
float: left;
padding: 15px 10px 0 15px;

}

input, input, textarea, textarea.form-control, select, select.form-control {

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;

}

input:focus, input:focus, textarea:focus, textarea.form-control:focus, select:focus, select.form-control:focus {

    outline: 0;
    background: #fff;
border: 3px solid #fff;
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;

}

.form {

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;

}

/* ———— 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;}

/* ———— ROUNDED AND CIRCLE CLASSES ———— */

/* ———— CONTENT & LISTS ———— */

nav+section.container {

margin-top: 80px;
@media(min-width: 768px) {
    margin-top: 100px;
}

}

section {

ol {
    padding: 0 0 0 ($font-size-base +4px);
}
ul {
    padding: 0;
    list-style-type: none;
    li {
        padding: 0 0 5px ($font-size-base +4px);
        position: relative;
        ul li:before {
            top: .2em;
            font-size: 0.80em;
        }
    }
    li::before {
        font-family: "Font Awesome 5 Free";
        color: $gk-blue;
        content: "\f101";
        position: absolute;
        left: 0.1em;
        font-weight: bold;
        font-size: 90%;
        padding-top: 2px;
    }
    &.list-unstyled {
        li {
            padding: 0;
        }
        li ul li {
            padding-left: ($font-size-base +4px);
        }
        li:before {
            display: none;
        }
    }
    &.list-inline {
        margin-left: 0;
        li {
            padding-left: 0;
        }
        li:last-child {
            padding-right: 0;
        }
        li:before {
            display: none;
        }
    }
    &.boldlist {
        li {
            font-weight: 700;
        }
    }
}

}

.embed-responsive-16by9 {

padding-bottom: 55.25%;

}

/* ———— CONTENT & LISTS END ———— */

/* ———— PANEL ———— */

.panel-title {

color: #0061aa;
background-color: #f5f5f5;

}

.panel-default p {

margin-bottom: 10px;

}

/* ———— 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 ———— */

.posts {

margin-top: 50px;

}

.inner:nth-child(2n+1){

clear: left;

}

.inner{

float: left;
margin: 5px;

}

.posted-info {

font-size: 14px;
margin-bottom: -16px;

}

.post .thumbnail {

border: 0;
padding: 0;
img {
    width: 100%;
}

}

.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%;
@media(min-width: 768px) {
    height: 865px;
}
background-attachment:fixed;
/* Retina iPad in portrait & landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    height: 100%;
    max-height: 865px;
    background-attachment: scroll;
    h1 {
        padding-left: 20px;
        padding-right: 20px;
        line-height: 100%;
    }
}
background-position:center center;
background-size: cover;
background-repeat: no-repeat;
padding:0;
width:auto;
text-align: center;
h1 {
    color: $primary-color;
    font-size: 2em;
    margin-top: -.3em;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    z-index: 2;
    line-height: 100%;
    @media(min-width: 768px) {
        font-size: 3.5em;
        margin-top: -.5em;
        top: 430px;
    }
    /* Retina iPad in landscape */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
        top: 50%;
    }
    /* Retina iPad Pro in landscape */
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
        top: 430px;
    }
}

}

blogtitlepic-small {

height: 100%;
@media(min-width: 768px) {
    height: 700px;
}
background-attachment:fixed;
/* Retina iPad in portrait & landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    height: 100%;
    max-height: 700px;
    background-attachment: scroll;
    h1 {
        padding-left: 20px;
        padding-right: 20px;
        line-height: 100%;
    }
}
background-position:center center;
background-size: cover;
background-repeat: no-repeat;
padding:0;
width:auto;
text-align: center;
h1 {
    color: $primary-color;
    font-size: 2em;
    position: absolute;
    text-align: center;
    top: 38%;
    width: 100%;
    z-index: 2;
    line-height: 100%;
    @media(min-width: 768px) {
        font-size: 3.5em;
        margin-top: -.5em;
        top: 430px;
    }
    /* Retina iPad in landscape */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
        top: 50%;
    }
    /* Retina iPad Pro in landscape */
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
        top: 430px;
    }
}

} .blog-post iframe {

border: none;
margin-bottom: 10px;

}

.recentposts {

@media(max-width: 991px) {
    visibility: hidden;
    height: 0px;
}
padding-left:0px;
h2 {
    margin-top: 0px;
}
ul>li:before{
    padding-top: 4px;
    padding-left: 3px;
    font-size: 14px;
}
ul>li {
    list-style-type: none;
    >a span {
        font-size: 14px;
        color: $gk-grey;
    }
    >a {
        padding: 5px 0px 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;
        }
    }
}
.tags>ul>li>a {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 3px;
}

}

@media(min-width:768px) {

.postcolumn .row {
    margin-left: 0 !important;
}

}

/* ———— BLOG END ———— */

/* ———— EXTERNAL LINKS ———— */

linklist {

background-color: $gk-midgrey;
padding: 50px 0;
margin-top: 35px;
h3 {
    color: #fff;
    @media(min-width: 768px) {
        font-size: 36px;
        text-transform: uppercase;
    }
}
h3 .first-word {
    font-weight: 300;
}
h5 {
    font-size: 1.5em;
    @media(min-width: 992px) {
        min-height: 2em;
    }
}
div,
p {
    color: #fff;
}

}

/* ———— EXTERNAL LINKS END ———— */

/* ———— SITE LINKS ———— */

sitelinks {

background-color: $gk-darkgrey;
padding: 50px 0;
h3 {
    position: relative;
    color: #fff;
    font-weight: 300;
    width: 100%;
    vertical-align: middle;
    @media(min-width: 480px) {
        padding-right: 200px;
    }
    @media(min-width:768px) {
        padding-right: 300px;
        font-size: 36px;
        text-transform: uppercase;
    }
}
h3 a {
    font-weight: 700;
    @media(max-width: 479px) {
        margin-top: 5px;
        display: block;
    }
    @media(min-width:480px) {
        position: absolute;
        top: 0;
        right: 0;
        font-weight: 700;
    }
}
h3 .first-word {
    font-weight: 300;
}
h5 {
    font-size: 1.1em;
}
div,
p {
    color: #fff;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    li {
        margin: 0 0 0.2em 0;
        padding: 0;
        a {
            color: #fff;
        }
    }
}
img {
    width: 80%;
    margin-left: -12px;
    padding-top: 20px;
}

.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;
    }
    >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;
        }
    }
}

} }

/* ———— SITE LINKS END ———— */

/* ———— MAP START ———— */

map {

width: 100%;
clear: both;
height: 500px;
@media(max-width: 767px) {
    height: 400px;
}
@media(max-width:479px) {
    height: 350px;
}

}

map iframe {

position: absolute;
left: 0;
width: 100%;
height: 500px;
border: 0;
border-top: 1px solid $gk-lightergrey;
border-bottom: 1px solid $gk-lightergrey;
@media(max-width: 767px) {
    height: 400px;
}
@media(max-width:479px) {
    height: 350px;
}

}

/* ———— MAP END ———— */

/* ———— FOOTER ———— */

footer {

margin: 2em 0;
font-size: 12px;

}

/* ———— FOOTER END ———— */