@charset "UTF-8"; @font-face {font-family: "Klueber Icons"; font-weight: 400; font-style: normal; font-display: block; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SDbAAAAC8AAAAYGNtYXD5Tsr8AAABHAAAAGRnYXNwAAAAEAAAAYAAAAAIZ2x5ZilMlcgAAAGIAAAV6GhlYWQiPRUTAAAXcAAAADZoaGVhCFQEhgAAF6gAAAAkaG10eMBOG44AABfMAAAAzGxvY2F+GIQmAAAYmAAAAGhtYXhwADoAmQAAGQAAAAAgbmFtZZlKCfsAABkgAAABhnBvc3QAAwAAAAAaqAAAACAAAwPsAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADwmgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQASAAAAA4ACAACAAYAAQAg6SvpLfCa//3//wAAAAAAIOkA6S3wmf/9//8AAf/jFwQXAw+YAAMAAQAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAABgAA/84EkgOHAAsAFwAjAC8AWgB4AAABNCYjIgYVFBYzMjYBNCYjIgYVFBYzMjYDNCYjIgYVFBYzMjYBNCYjIgYVFBYzMjYnLgEjIgcOAQcGFRQWFyIGIyImJwc3JicuAScmNTQ3PgE3NjMyFx4BFxYXARQGBxcnDgEjIicuAScmNTQ3PgE3NjMyFx4BFxYVAUscGBcnJxcYHAGpHBgPGhoPGByHHBcYJycYFxwBax0XDxoaDxcdmAoUCkpAQF8cGwcGChMKJ0MnkCknHx8qDAshIHFLTFVNRUZwJicNAVJSPyByHz8fSkBAXxscHBtfQEBKRkBAYRwdAqMYHBwYFxwc/vYPGhoPEBoaATEYHBwYFxwc/vYPGhoPEBoa8gIBGhpZOzxEFiwVAQ0HSHwbIB9GJycqSkBBXxsbFhZONTU//sBGei5oPgcOGBhRNzc+Pjc2UhgXFxhSNjc+AAAAAAIAT/+qA7EDqwAnAE4AABMiBgcGFB8BMBQxAwYUFx4BOwEyNjcwNz4BNzY3IicuAScmMS4BKwElIgYHMAcOAQcGBxQXHgEXFjEeATsBMjY3NjQnAyYwMwE2NCcuASOcBwsDAgNknQMDAwoGlBATBRgYOxkZAwEQDyYQEAYSEZMCbBASBjEyejM0BCEhTiEhBRMRkwcKAwMD0AEBAUcDAwMKBwLgBAUFCwatAf7rBgwFBAYTCioraCwtBBwcQhscChHLEgtYWNdcXAcBPDyQPDwKEwUFBQwGAXwBAkIHCwUFBQAAAAIAAABDBAADEwBDAEcAAAEwJicuAScmJy4BIyI5ATAjIgYHBgcOAQcOATEwBh0BFBYxMBYXHgEXFhceARcyMTAzMjY3Njc+ATc+ATEwNj0BNCYxARENAQP2EhcdOw81Pz9rJCQkJGs/PzUPOx0XEgoKEhcdQxEfOjpzKyskJGs/PzYPOh0XEgoK/aABFf7rAndPFx8LAQQCAwICAwIEAQsfF09nPk4+aE4XHwoDAwICAgECAgIEAgsfF05oPk4+Z/6vASCRjwAAAwBA/+sDwAMrABkAHQApAAABMxUzPgEzMhceARcWFREjETQmIyIGFREjESEzESMTFAYjIiY1NDYzMhYBgLEDEllDRysrMAkIuRlHSCa5/sDAwMA4KCg4OCgoOAIrWyE6FRRIMTE5/swBETFkWTf+6gJA/cAC4Cg4OCgnOTkAAAADAKsAAANVA4AAIQAtADcAAAEjNTQnLgEnJiMiBw4BBwYdASMiBhURFBYzITI2NRE0JiMBIiY1NDYzMhYVFAYTITU0NjMyFh0BAwArEBE6JycsLCcnOhEQKyMyMiMCACMyMiP/ACMyMiMjMjJh/vhNNzdNAlVWLCcnORERERE5JycsVjIj/lUjMjIjAasjMv6AMiQjMjIjJDIBgFY2Tk42VgAAAAEBKgErAtYCAQACAAABIQcBKgGs1gIB1gAAAAABASoBVQLWAisAAwAAATcXIQEq1tb+VAFV1tYAAQCqAFUDVgMBAAgAAAkCJzchNSEnAgABVv6qPO79+AII7gMB/qr+qjzwVPAAAAAAAQGAANUCVgKBAAIAAAERJwJW1gKB/lTWAAAAAAEBqgDVAoACgQACAAAlERcBqtbVAazWAAEAgAArA4ADKwAgAAABMhcWHQEUIyAnJhE0OwEyFxYVFBcWDwEWFzc2MzIXFjMDVhIMDCr+1tbWMpQSDAwYCBJSXMpCDBIKBEhOARsMDBKUMtbWASoqDAwSTkgaEkjAYlQMAhgAAAAABABWAAEDqgNBAAgAIQApADEAACUiJyY1MxQHBhMVFxUhNTc1NDc2NzU0NzYzMhcWHQEWFxYXJicmJzcWFwEGBwYHIzY3AgAkGRmqGBjcVv1UVjMzWhISHBwSElozM1QELCw6PKYK/Zo6LS0EVgqmARkZIiQYGAHU1FYqKlbUZEpKFh4aExMTExoeFkpKTkhQUCo8gM4BEipQUEjOgAAAAAUAgAArA4ADKwAKABUAIAArADwAACU1MxUUBwYrATUzETIXFh0BIzUjNTMFFSM1NDc2OwEVIxEVMxUjIicmPQEzATIXFhUUBwYjIicmNTQ3NjMDKlYaGiKqqiIaGlaqqv2sVhoaIqqqqqoiGhpWASpGMjIyMkZGMjIyMkaBqqoiGhpWAqoaGiKqqlZWqqoiGhpW/laqVhoaIqoBKjIyRkYyMjIyRkYyMgAAAAACAIAAKwOAAysABQAZAAAlAScBJwcBMhcWFREUBwYjISInJjURNDc2MwGqAYA8/ryYPAJUJBkZGRkk/awkGRkZGSTVAYA+/ryYPAGAGRkk/awkGRkZGSQCVCQZGQAAAAABANYAgQMqAtUACwAAAQcXBycHJzcnNxc3Ayru7jzu7jzu7jzu7gKZ7u487u487u487u4ABACqAAEDVgNVAAIABgAKABwAAAEzJxM1IRUFNSEVCQERFAcGIyEiJyY1EzQ3NjMhAirs7ID+rAFU/qwBAAEAGhoi/gAiGhoCGRkiAVYCK+r+QFZWqlZWAqr/AP4AIhkZGRkiAqwiGRkAAAAAAQCSAIEDgAK9AAUAACUBFwEnNwGAAcQ8/gDuOvcBxjz+AO48AAAAAAIAVgBVA6oDAQAFABoAAAE1BSUVBQEyFxYVERQHBiMhIicmNRE0NzYzIQNW/qr+qgFWAVYiGRkZGSL9VCIZGRkZIgKsAlVW1tZW1AGAGhoi/gAiGhoaGiICACIaGgAAAAEBVgCrApICqwAFAAAlBwkBFwcCkjz/AAEAPMTnPAEAAQA8xAAAAAABAW4AqwKqAqsABQAAJTcnNwkBAW7ExDwBAP8A58TEPP8A/wAAAAAAAgCAACsDgAMrAAkAIAAAASERIzUBJwEjNRMRMxEUBwYjISInJjURNDc2MyEVIREhAlYBKlb+XjwBopjUVhoaIv2sJBkZGRkkASr+1gJUAyv+1pj+XjwBolb9VgEq/tYiGhoZGSQCVCQZGVb9rAAAAAMAKgABA4ADVQAPAC4APwAAJTIXFhUUBwYjIicmNTQ3NgEzFyEyFxYVFAcDBiMhDwEUMyEVISInJjU0PwEDIzUBMhcWFRQHBiMiJyY1NDc2MwLWIhkZGRkiIhoaGhr9dowoAngSDAwGmBgy/sImAgoB7v4AIhkZCjqaVgEAIhoaGhoiIhkZGRkiqxoaIiIZGRkZIiIaGgKqVA0NEgIS/uwsRgYKVhoaIhQUagFEVP1WGhoiIhkZGRkiIhoaAAAAAAIA1gABAyoDVQAPACsAAAEyNzY1NCcmIyIHBhUUFxYTMhcWFRQHBgcGBwYPASYnJicmJyYnJjU0NzYzAgAsHx8fHywsHx8fHyx8V1cfHywsKyseIAwUFDQ0JycgIFdXfAHBHx8sLB8fHx8sLB8fAZRXV3w+UFBGRj09JCIOFxdFRUFBUlI+fFdXAAAABABWAAEDqgNVAAMABwALAB0AAAE1IRUFNSEVBTUhFQEyFxYVERQHBiMhBxE0NzYzIQMA/gACAP4AAgD+AAJWIhkZGRki/aqqGRkiAqwCVVZWgFZWgFZWAgAZGSL+ACIaGqoDACIZGQADACoAKwPWAysAAgAGAB8AAAEFEQERIREBMhcWFQMUBwYrARUhNSMiJyY1ETQ3NjMhAqr+1gIA/QADACQZGQIZGSLW/qzWJBkZGRkkAwAB1aoBVv5UAgD+AAJWGRkk/gAiGRlWVhgYJAIAJBkZAAAAAgBWAAEDqgNVAA8AIAAAJTI3NjU0JyYjIgcGFRQXFhMyFxYVFAcGIyInJjU0NzYzAgCMZWVlZYyMZWVlZYywfX19fbCwfX19fbBVZWWMjGVlZWWMjGVlAwB9fbCwfX19fbCwfX0AAAACAKoAVQNWAwEACwAcAAABMhcWHQEhNTQ3NjM1IicmNTQ3NjMyFxYVFAcGIwIAbHV1/VR1dWxGMjIyMkZGMjIyMkYBVS8vTFZWTC8vVjIyRkYzMzMzRkYyMgAAAAIAKgArA9YDKwAEABkAADchAwcnATIXFhURFAcGIyEiJyY1ETQ3NjMh1gJUwJRsAhYgGxsbGyD9ACIaGhsbIAMA1QEAwIABlhsbIP2sIBsbGhoiAlQgGxsAAAAAAQFWAIEDKgLVAAMAAAkCEQFWAdT+LALV/tb+1gJUAAADAFYAAQOqA1UADwAgADAAACUyNzY1NCcmIyIHBhUUFxYTMhcWFRQHBiMiJyY1NDc2MxUyFxYVFAcGIyInJjU0NzYCAIxlZWVljIxlZWVljLB9fX19sLB9fX19sFg/Pz8/WFg/Pz8/VWVljIxlZWVljIxlZQMAfX2wsH19fX2wsH191D8/WFg/Pz8/WFg/PwACAIAAQQNqAysAEAAqAAABMjc2NTQnJiMiBwYVFBcWMyEXByc1JwYjIicmNTQ3NjMyFxYVFAcGBxczAZZQODg4OFBQODg4OFABANRA1AxMaHRRUVFRdHRQUBQUGgwiAVU4OFBQODg4OFBQODjUQNQiDEJQUHR0UVFRUXQqNTUgDAAAAAABAFYAKwPWAysABQAANxEtAREBVgKA/YADgCsBKlZWASr+gAABAIAAAwOAA1UANAAAJTIXFhUUBwYjIicmNTQ3JQYjIicmNTQ3NjMyFyUmNTQ3NjMyFxYVFAcGIyInBRYVFAcFNjMDADQkJCUlMjIlJQL+0iYyNCYmJiY0MiYBLAQmJjQ0JiYmJjQwKP7UBAQBMCQw/SUlMjQlJSUlNBQIsCImJjQ0JiYirhQKNCYmJiY0NCYmJLAUCgoUsCAAAAABAAD/qwQAA6sAAwAACQEhAQQA/on9dwF3A6v8AAQAAAMAgACrA4ACqwADAAcACwAAEyEVIRU1IRUFNSEVgAMA/QADAP0AAwACq1bUVFTWVlYAAAABAFYAAQOqA1UADwAAATIXFhUUBwYjIicmNTQ3NgIAsH19fX2wsH19fX0DVX19sLB9fX19sLB9fQAAAAADAIAAKwOAAysAPQBRAGEAAAE0Jzc2LwEmDwEmLwEmKwEiDwEGBycmDwEGFRQfAQYVFBcHBhUUHwEWPwEWHwEWOwEyPwE2NxcWPwE2LwE2EzIXFhURFAcGIyEiJyY1ETQ3NjMBMhcWFRQHBiMiJyY1NDc2AuACQAoIPAYMShoYDAQKeAwCDCASSgoIPAIEQAICQAQCPAYMShoYDAQKeAwCDCASSgoIPAgKQAJKJBkZGRkk/awkGRkZGSQBKiIaGhoaIiIaGhoaAasUCjAIDGgKBB4UCk4MDFAODh4EDGYCBgoCMAoUFAowAgoGAmgKBB4UCk4MDFAODh4EDGYMCDAKAZQZGST9rCQZGRkZJAJUJBkZ/tYaGiIiGhoaGiIiGhoAAAAABABWACsDqgMrAAMAEwAXACcAAAEVITUBMjc2NTQnJiMiBwYVFBcWAzUhFQEyFxYVESMVITUjETQ3NjMDAP4AAioSDQ0NDRISDAwMDG7+rAHUNCYmqv4AqiYmNAMrqqr+gAwMEhINDQ0NEhIMDP7W1NQB1CYmNP8AqqoBADQmJgADANb/1QMAA4EAAwATACcAACURIREXMjc2NTQnJiMiBwYVFBcWEzIXFhURFAcGIyEiJyY1ETQ3NjMCqv6AwBoTExMTGhoTExMTxiwfHx8fLP6qLB8fHx8sqwJW/aqqExMaGhMTExMaGhMTA4AgICz9LCwgICAgLALULCAgAAAAAAEBAAEZAwACVQAFAAABJwkBBycBPDwBAAEAPMQBGTwBAP8APMQAAAABAQABAQMAAj0ABQAAARc3FwkBATzExDz/AP8AAj3ExDz/AAEAAAAAAwGqAFUCVgMBAA8AHwAvAAABMhcWFRQHBiMiJyY1NDc2EzIXFhUUBwYjIicmNTQ3NjciJyY1NDc2MzIXFhUUBwYCACIaGhoaIiIaGhoaIiIaGhoaIiIaGhoaIiIaGhoaIiIaGhoaAQEaGiIiGhoaGiIiGhoBABoaIiIaGhoaIiIaGlQaGiIiGhoaGiIiGhoAAwAD/8AD/gPAACcATwCWAAABJicuAScmIyIHDgEHBhUUFhcDJR4BMzE4ATEyNz4BNzY1NCcuAScmATEiJi8BBzcnLgE1NDc+ATc2MzIXHgEXFhcWFx4BFxYVFAcOAQcGIxMuAScmIgcOAQcOAScuAScuAScmNjc+ATc+ATc2JicuAScuASMmIiMiBgcOARUUFhcWFx4BFxYXHgEXHgE3PgE3PgEnLgEnA2kkKSpbMTEzaVxdiSgoIiJIAQ03e0BpXF2KKCgKCiYbHP51OW0xD6ArCiAhIiFyTU1XKygpTCIjHh0XFyAICCEick1NV+cJRAkJDQcGHAYGDAkKOCQdJAYGBwUECgUEBQMDAQMCHQgHEAUGDAcGEwgJJC8FAhEQOCcnMBYkDhcoERI7CAgCAgMMCgMrJBwcJQoKKCiKXFxpQ4E6/vlHHx8oKIldXGkzMTFbKin9Fx4dCSmbEDJzPFdNTHMhIQgIHxcXHh4jIkwpKCtXTU1yISIBPAUhBAMKCSIHBgIFBRogGTYJCQwFBAwGBgkGBgwEBUcTEgMBBwkJMi8vTgYDFxY8IB8UCg0EBwEDAyMWFiIEBAcEAAAAAAMAAAAmA1UDqwAsADYASQAAATcHJwcnFwYHDgEHBgcxFhceARcWMzoBMzE6ATMyNz4BNzY3NSYnLgEnJi8BEy4BJyM3HgEXMQM3FhceARcWFzEjJicuAScmJyMCVydgdWdoITcuLkITEgECISJwS0pVAwYDAgYDVUtKcSEhAgETEkMuLjYDJgI+MAERPlACfxgwKCg5ERABQwENDS4gICUCAy5gOldOSXgXJSZgOTk+VUpJbiAgICBtSkpUAT45Ol8lJRcB/pM5XRgrHXVIAQY9FSEhVDIxNywoKUQbGxEAAgCAACsDgAMrABMAFwAAATIXFhURFAcGIyEiJyY1ETQ3NjMFIREhAyoiGhoaGiL9rCIaGhoaIgJU/awCVAMrGhoi/awiGhoaGiICVCIaGlb9rAAAAQAZAD0DngMYAEUAAAEOAQcWFBUUBw4BBwYjIiYnHgEzMjY3LgEnHgEzMjY3LgE9AR4BFy4BNTQ2NxYXHgEXFhcuATU0NjMyFhc+ATcOAQc+ATcDnhMvGwEjIoViYn9PkD0LFgxAdTA9XhIJEQkNGAxAVBIqFyUtDQwiKiphNjY6AwJsTSdGGSA7GwsqHRw2GQLCHDAUBgwGW15dmC8wKygBASklAkg2AQEDAw1lQwIKDAEZUTAZLxUqIyIyDw4DChULTGwfGwYXECA1EQMPCwAAAAABADb/9AIkA6sAGQAAARUjIgYdATMHIxEjESM1MzU0Nz4BNzYzMhYCJFo0H6cWka+SkhAQOSgoMS5IA6SXLiRsqf5OAbKpfDYqKjkODwUAAAEAAAABAADV3Qm1Xw889QALBAAAAAAA30XoVgAAAADfRehWAAD/qgSSA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABJIAAAAABJIAAQAAAAAAAAAAAAAAAAAAADMEAAAAAAAAAAAAAAACAAAABJIAAAQAAE8EAAAABAAAQAQAAKsEAAEqBAABKgQAAKoEAAGABAABqgQAAIAEAABWBAAAgAQAAIAEAADWBAAAqgQAAJIEAABWBAABVgQAAW4EAACABAAAKgQAANYEAABWBAAAKgQAAFYEAACqBAAAKgQAAVYEAABWBAAAgAQAAFYEAACABAAAAAQAAIAEAABWBAAAgAQAAFYEAADWBAABAAQAAQAEAAGqBAAAAwOrAAAEAACAA7cAGQJaADYAAAAAAAoAFAAeAM4BQAGkAeQCNgJEAlICagJ4AoQCuAMIA14DjgOoA94D8gQiBDYESgSCBOIFKAVcBZQFyAX2BiQGNAZ8Br4G0AceBy4HSAdmB/gIOAh4CIwIoAjoCcgKOApiCswK9AABAAAAMwCXAAYAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype")} @import url('https://fonts.cdnfonts.com/css/helvetica-neue-lt-std-55'); /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ html {line-height: 1.15; -webkit-text-size-adjust: 100%;} body {margin: 0;} h1 {font-size: 2em; margin: .67em 0;} hr {box-sizing: content-box; height: 0; overflow: visible;} pre {font-family: monospace, monospace; font-size: 1em;} a {background-color: transparent;} abbr[title] {border-bottom: 0; -webkit-text-decoration: underline dotted; text-decoration: underline dotted;} b,strong {font-weight: bolder;} code,kbd,samp {font-family: monospace, monospace; font-size: 1em;} small {font-size: 80%;} sub,sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sub {bottom: -.25em;} sup {top: -.5em;} img {border-style: none;} button, input, optgroup, select, textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;} button, input {overflow: visible;} button, select {text-transform: none;} button, [type=button], [type=reset], [type=submit] {-webkit-appearance: button;} button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {border-style: none; padding: 0;} button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {outline: 1px dotted ButtonText;} fieldset {padding: .35em .75em .625em;} legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;} progress {vertical-align: baseline;} textarea {overflow: auto;} [type=checkbox], [type=radio] {box-sizing: border-box; padding: 0;} [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {height: auto;} [type=search] {-webkit-appearance: textfield; outline-offset: -2px;} [type=search]::-webkit-search-decoration {-webkit-appearance: none;} ::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;} details {display: block;} summary {display: list-item;} template {display: none;} [hidden] {display: none} [data-whatintent=mouse] *, [data-whatintent=mouse] :focus, [data-whatintent=touch] *, [data-whatintent=touch] :focus, [data-whatinput=mouse] *, [data-whatinput=mouse] :focus, [data-whatinput=touch] *, [data-whatinput=touch] :focus {outline: 0} [draggable=false] {-webkit-touch-callout: none; -webkit-user-select: none;} .foundation-mq {font-family: "start=0em&xsmall=30em&small=40em&medium=50em&large=57.5em&xlarge=68.75em&xxlarge=80em&xxxlarge=100em&end=120em"} html {box-sizing: border-box; font-size: 100%;} *, ::before, ::after {box-sizing: inherit;} body {margin: 0; padding: 0; background: #646569; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; /*font-family: 'Helvetica Neue LT Std', sans-serif; font-weight: 500;*/ line-height: 1.7; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-break:keep-all;} img {display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic;} textarea {height: auto; min-height: 50px; border-radius: 0;} select {box-sizing: border-box; width: 100%; border-radius: 0;} .map_canvas img,.map_canvas embed,.map_canvas object,.mqa-display img,.mqa-display embed,.mqa-display object {max-width: none !important;} button {padding: 0; -webkit-appearance: none; appearance: none; border: 0; border-radius: 0; background: 0 0; line-height: 1; cursor: auto;} [data-whatinput=mouse] button {outline: 0;} pre {overflow: auto; -webkit-overflow-scrolling: touch;} button,input,optgroup,select,textarea {font-family: inherit;} .is-visible {display: block !important;} .is-hidden {display: none !important;} @keyframes is-waiting-animation { 0% {opacity: 1;} 50% {opacity: 0.4;} to {opacity: 1;} } body {letter-spacing: .025em; margin-bottom: 30px;} @media print {body {background-color: #fff; margin-bottom: 0;}} :lang(ru) {font-family: "Helvetica World", "Helvetica", "Roboto", "Arial", "Heebo", sans-serif;} :lang(ru) body {letter-spacing: normal; font-family: "Helvetica World", "Helvetica", "Roboto", "Arial", "Heebo", sans-serif;} h1 {margin-top: 0; margin-bottom: 0; font-size: inherit; font-weight: inherit;} h2 {margin-top: 0; margin-bottom: 0; font-size: inherit; font-weight: inherit;} h3 {margin-top: 0; margin-bottom: 0; font-size: inherit; font-weight: inherit;} h4 {margin-top: 0; margin-bottom: 0; font-size: inherit; font-weight: inherit;} h5 {margin-top: 0; margin-bottom: 0; font-size: inherit; font-weight: inherit;} h6 {margin-top: 0; margin-bottom: 0; font-size: inherit; font-weight: inherit;} .editor-content h1 {margin-top: 2em; margin-bottom: 1em; word-wrap: break-word; overflow-wrap: break-word; font-size: 2.25rem; line-height: 1.36;} .editor-content p { margin-top: 0; } @media print, screen and (max-width:49.99875em) { .editor-content h1 {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} } @media screen and (min-width:57.5em) { .editor-content h1 {font-size: 2.75rem;} } .editor-content h1:first-child {margin-top: 0;} .editor-content h2 {margin-top: 2em; margin-bottom: 1em; word-wrap: break-word; overflow-wrap: break-word; font-size: 2.25rem; line-height: 1.36;} @media print, screen and (max-width:49.99875em) { .editor-content h2 {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} } @media screen and (min-width:57.5em) { .editor-content h2 {font-size: 2.75rem;} } .editor-content h2:first-child {margin-top: 0;} .editor-content h3 {margin-top: 2em; margin-bottom: 1em; word-wrap: break-word; overflow-wrap: break-word; font-size: 1.5rem; line-height: 1.41;} @media print, screen and (max-width:49.99875em) { .editor-content h3 {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} } @media screen and (min-width:57.5em) { .editor-content h3 {font-size: 1.875rem;} } .editor-content h3:first-child {margin-top: 0;} .editor-content h4 {margin-top: 2em; margin-bottom: 1em; word-wrap: break-word; overflow-wrap: break-word; font-size: 1.25rem; line-height: 1.5;} @media print, screen and (max-width:49.99875em) { .editor-content h4 {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} } @media screen and (min-width:57.5em) { .editor-content h4 {font-size: 1.5rem;} } .editor-content h4:first-child {margin-top: 0;} .editor-content h5 {margin-top: 2em; margin-bottom: 1em; font-size: 1rem; font-weight: 700;} @media screen and (min-width:57.5em) { .editor-content h5 {font-size: 1.125rem;} } .editor-content h5:first-child {margin-top: 0;} .editor-content h6 {margin-top: 2em; margin-bottom: 1em; font-size: .75rem; font-weight: 700; margin-bottom: 0;} @media screen and (min-width:57.5em) { .editor-content h6 {font-size: .875rem;} } .editor-content h6:first-child {margin-top: 0;} .editor-content a {transition: background-color .15s, color .15s, border-color .15s; border-bottom: none; font-weight: inherit;} .editor-content a:hover, .editor-content a:focus {background-color: #333; color: #fff;} .editor-content a:active {transition: none; background-color: #000; color: #ffb800;} a {word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; text-decoration: none; color: #ffb800; cursor: pointer; outline: 0; transition: color .2s;} a:hover, a:focus {color: #fbcb40;} a > * {-webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual;} p {font-size: 1rem; margin-top: 40px; margin-bottom: 1.5em;} @media screen and (min-width:57.5em) { p {font-size: 1.125rem;} } b,strong {font-weight: 700;} em {font-style: normal;} hr {margin-top: 2rem; margin-bottom: 2rem; border-color: rgba(167, 168, 170, .25); border-style: solid;} @media screen and (min-width:57.5em) { hr {margin-top: 4rem; margin-bottom: 4rem;} } .intro {margin-bottom: 3rem; font-weight: 700;} @media screen and (min-width:57.5em) { .intro {margin-bottom: 6rem;} } .intro .details {display: block;} .article-content {max-width: 57.5rem;} .grid-content {max-width: none;} .grid-content > * {display: inline-block;} @media screen and (min-width:50em) { .grid-content {columns: 2; column-gap: 5rem;} } .section-title {margin-top: 2em; margin-bottom: 1em; word-wrap: break-word; overflow-wrap: break-word; font-size: 2.25rem; line-height: 1.36;} @media print, screen and (max-width:49.99875em) { .section-title {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} } @media screen and (min-width:57.5em) { .section-title {font-size: 2.75rem;} } .section-title:first-child {margin-top: 0;} .page-title {margin-top: 2em; margin-bottom: 1em; word-wrap: break-word; overflow-wrap: break-word; font-size: 2.25rem; line-height: 1.36; margin-top: 0;} @media print, screen and (max-width:49.99875em) { .page-title {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} } @media screen and (min-width:57.5em) { .page-title {font-size: 2.75rem;} } .postmark {font-size: .75rem; position: relative; font-weight: 700; color:#000;} @media screen and (min-width:57.5em) { .postmark {font-size: .875rem;} } .postmark::before {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 1.5em; font-weight: 400; font-family: "Klueber Icons"; position: absolute; top: -.5em; left: 0;} .additional-information {display: inline-block; color: #a7a8aa; margin-bottom: .5rem;} .additional-information > * {font-size: .75rem;} @media screen and (min-width:57.5em) { .additional-information > * {font-size: .875rem;} } .additional-information > :last-child {margin-bottom: 0;} .additional-information .date {font-weight: 400;} blockquote {quotes: "“""”""‘""’"; margin: 0;} [lang*=de] blockquote {quotes: "„""”""«""»";} [lang*=fr] blockquote {quotes: "«""»";} blockquote > :first-child::before {content: '"'; content: open-quote;} blockquote > :first-child::after {content: '"'; content: close-quote;} cite {font-style: normal; font-size: .75rem;} @media screen and (min-width:57.5em) { cite {font-size: .875rem;} } cite > * {display: block;} cite > :first-child {font-weight: 700;} .footnote {font-size: 1rem; margin-top: 1.5rem;} .footnote > * {font-size: inherit;} .footnote>p{font-weight: 400;} .footnote > :last-child {margin-bottom: 0;} .list-title {margin-top: 2em; margin-bottom: 1em; font-size: 1rem; font-weight: 700; padding-left: 1.5rem; padding-right: 1.5rem; margin-top: 0;} @media screen and (min-width:57.5em) { .list-title {font-size: 1.125rem;} } @media screen and (min-width:57.5em) { .list-title {padding-left: 2rem; padding-right: 2rem;} } img {display: block; width: 100%;} img:not([src]) {opacity: .001} img.lazyloaded:not(.fallback-image) {opacity: 1;} .fallback-image {opacity: .45;} .responsive-embed .fallback-image {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .responsive-embed.ultra-widescreen .fallback-image {width: 33.33%;} .media > a {display: block;} figure {margin: 0;} ul, ol {list-style: none; padding: 0; margin: 0;} .editor-content ul {font-size: 1rem; margin-top: 0; margin-bottom: 1.5em; margin-left: 1.5em;} @media screen and (min-width:57.5em) { .editor-content ul {font-size: 1.125rem;} .steel-content ul{display: block;} } .editor-content ul ul, .editor-content ul ol {font-size: .75em; margin-bottom: 0; padding-top: .75em;} .editor-content ul ul ul, .editor-content ul ul ol, .editor-content ul ol ul, .editor-content ul ol ol {font-size: 1em;} .editor-content ul li {position: relative; margin-bottom: .75em;} .editor-content ul li::before {color: #ffb800; position: absolute; left: -3em;} .editor-content ul > li::before {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-weight: 400; font-family: "Klueber Icons"; font-size: .5em; top: .8em;} .editor-content ul li strong.yellow{ color: #ffb800; } .editor-content ul p {font-size: inherit; margin-bottom: 0;} .editor-content ol {font-size: 1rem; margin-top: 0; margin-bottom: 1.5em; margin-left: 1.5em; counter-reset: ol-counter;} @media screen and (min-width:57.5em) { .editor-content ol {font-size: 1.125rem;} } .editor-content ol ul, .editor-content ol ol {font-size: .75em; margin-bottom: 0; padding-top: .75em;} .editor-content ol ul ul, .editor-content ol ul ol, .editor-content ol ol ul, .editor-content ol ol ol {font-size: 1em;} .editor-content ol li {position: relative; margin-bottom: .75em;} .editor-content ol li::before {color: #ffb800; position: absolute; left: -3em;} .editor-content ol > li::before {content: counter(ol-counter, decimal) ". "; counter-increment: ol-counter; color: #000; left: -1.5em;} .editor-content ol p {font-size: inherit; margin-bottom: 0;} .benefits > ul, .benefit-list {font-size: 1rem; margin-top: 0; margin-bottom: 1.5em; margin-left: 1.5em;} @media screen and (min-width:57.5em) { .benefits > ul, .benefit-list {font-size: 1.125rem;} } .benefits > ul ul, .benefits > ul ol, .benefit-list ul, .benefit-list ol {font-size: .75em; margin-bottom: 0; padding-top: .75em;} .benefits > ul ul ul, .benefits > ul ul ol, .benefits > ul ol ul, .benefits > ul ol ol, .benefit-list ul ul, .benefit-list ul ol, .benefit-list ol ul, .benefit-list ol ol {font-size: 1em;} .greases-benefits{font-weight: 500;} .benefits > ul li, .benefit-list li {position: relative; margin-bottom: .75em;} .benefits > ul li::before, .benefit-list li::before {color: #ffb800; position: absolute; left: -3em;} .benefits > ul > li::before, .benefit-list > li::before {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-weight: 400; font-family: "Klueber Icons"; top: .8em;} .benefits > ul, .editor-content .benefits > ul, .benefit-list, .editor-content .benefit-list {margin-left: 2.5em;} .benefits > ul ul, .editor-content .benefits > ul ul, .benefit-list ul, .editor-content .benefit-list ul {margin-left: 2.5em;} .benefits > ul li::before, .editor-content .benefits > ul li::before, .benefit-list li::before, .editor-content .benefit-list li::before {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 2em; font-weight: 400; font-family: "Klueber Icons"; top: -.5em; left: -1.25em;} .benefits > ul p, .editor-content .benefits > ul p, .benefit-list p, .editor-content .benefit-list p {font-size: inherit; margin-bottom: 0;} .benefits > ul {font-size: 1.25rem; line-height: 1.5;} @media screen and (min-width:57.5em) { .benefits > ul {font-size: 1.5rem;} } table {display: block; width: 100%; overflow-x: auto; border-collapse: collapse; width: 100%; margin-bottom: 2rem; border-radius: 0; width: auto; margin-bottom: 1.5em;} thead, tbody, tfoot {border: 1px solid #f2f2f2; background-color: #fff;} caption {padding: .5rem .625rem .625rem; font-weight: 700;} thead {background: #eceded; color: #000;} tfoot {background: #eceded; color: #000;} thead tr, tfoot tr {background: 0 0;} thead th, thead td, tfoot th, tfoot td {padding: .5rem .625rem .625rem; font-weight: 700; text-align: left;} tbody th, tbody td {padding: .5rem .625rem .625rem;} tbody tr:nth-child(even) {border-bottom: 0; background-color: #eceded;} table.unstriped tbody {background-color: #fff;} table.unstriped tbody tr {border-bottom: 1px solid #f2f2f2; background-color: #fff;} table thead tr:hover {background-color: #e7e8e8;} table tfoot tr:hover {background-color: #dfe1e1;} table tbody tr:hover {background-color: #dfe1e1;} table:not(.unstriped) tr:nth-of-type(even):hover {background-color: #dfe1e1;} table tr {transition: background-color 100ms ease;} table thead th, table thead td {border-bottom-width: 2px; border-bottom-color: #cfd0d2;} table tfoot th, table tfoot td {border-top-width: 2px; border-top-color: #cfd0d2;} /* table th, table td {padding-left: 1em; padding-right: 1em; min-width: 13em; text-align: left; border-style: solid; border-color: rgba(167, 168, 170, .25); border-width: 1px} */ button {border: 0; margin: 0; padding: 0; width: auto; overflow: visible; background: 0 0; color: inherit; font: inherit; line-height: inherit; text-align: inherit; vertical-align: top; cursor: pointer;} button, .button {font-size: 1.125rem; min-height: 3em; outline: 0; line-height: 1.4; display: inline-flex; align-items: center; justify-content: center; position: relative; min-width: 3em; transition: color 100ms ease; overflow: hidden; font-weight: 700; text-align: left; padding-top: .8em; padding-right: 1em; padding-bottom: .8em; padding-left: 1em;} button.type-a, .button.type-a {color: #000; background-color: #ffb800; transition: background-color .15s, color .15s, border-color .15s;} button.type-a:hover, button.type-a:focus, .button.type-a:hover, .button.type-a:focus {background-color: #333; color: #fff;} button.type-a:active, .button.type-a:active {transition: none; background-color: #000; color: #ffb800;} button.type-b, .button.type-b {color: #fff; background-color: #333; transition: background-color .15s, color .15s, border-color .15s;} button.type-b:hover, button.type-b:focus, .button.type-b:hover, .button.type-b:focus {background-color: #333; color: #fff;} button.type-b:active, .button.type-b:active {transition: none; background-color: #000; color: #ffb800;} button.type-b p{ margin-top: 0; } button.type-c, .button.type-c {color: #ffb800; background-color: #fff; transition: background-color .15s, color .15s, border-color .15s} button.type-c:hover, button.type-c:focus, .button.type-c:hover, .button.type-c:focus {background-color: #333; color: #fff;} button.type-c:active, .button.type-c:active {transition: none; background-color: #000; color: #ffb800;} button.type-d, .button.type-d {color: #fff; background-color: #000; transition: background-color .15s, color .15s, border-color .15s;} button.type-d:hover, button.type-d:focus, .button.type-d:hover, .button.type-d:focus {background-color: #333; color: #fff;} button.type-d:active, .button.type-d:active {transition: none; background-color: #000; color: #ffb800;} button:disabled, button.is-disabled, .button:disabled, .button.is-disabled {opacity: .25; pointer-events: none;} button .text:not(:only-child), .button .text:not(:only-child) {margin-right: 2em;} button .text + .icon, .button .text + .icon {right: 1em; left: auto;} button .icon, .button .icon {position: absolute; left: 25px; top: .55em;} button .icon:only-child, .button .icon:only-child {top: 50%; left: 50%; transform: translate(-50%, -50%);} button .icon + .text, .button .icon + .text {margin-right: 0; margin-left: 2em;} button .icon > *, .button .icon > * {position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;} .facebook {color: #fff; background-color: #335390; transition: background-color .15s, color .15s, border-color .15s;} .facebook:hover, .facebook:focus {background-color: #333; color: #fff;} .facebook:active {transition: none; background-color: #000; color: #ffb800;} .facebook .icon::before {content: "";} .linkedin {color: #fff; background-color: #006196; transition: background-color .15s, color .15s, border-color .15s;} .linkedin:hover, .linkedin:focus {background-color: #333; color: #fff;} .linkedin:active {transition: none; background-color: #000; color: #ffb800;} .linkedin .icon::before {content: "";} .youtube {color: #fff; background-color: #fe0000; transition: background-color .15s, color .15s, border-color .15s;} .youtube:hover, .youtube:focus {background-color: #333; color: #fff;} .youtube:active {transition: none; background-color: #000; color: #ffb800;} .youtube .icon::before {content: "";} .blog {background-color:#44d31c;} .insta { background: radial-gradient(circle farthest-corner at 32% 106%,#ffe17d 0%,#ffcd69 10%,#fa9137 28%,#eb4141 42%,transparent 82%) , linear-gradient(135deg,#234bd7 12%,#c33cbe 58%);} .insta:hover, .insta:focus {background: #333; color: #fff;} .kakao {background:#ffb800; padding: 9px;} .kakao:hover, .kakao:focus {background-color: #333;} .naver-blog{background-color: #44d31c; padding: 9px;} .naver-blog:hover, .naver-blog:focus {background-color: #333;color: #fff;} .naver-shopping{background-color: #44d31c; padding: 9px;} .naver-shopping:hover, .naver-shopping:focus {background-color: #333; color: #fff;} .xing {color: #fff; background-color: #017575; transition: background-color .15s, color .15s, border-color .15s;} .xing:hover, .xing:focus {background-color: #333; color: #fff;} .xing:active {transition: none; background-color: #000; color: #ffb800;} .xing .icon::before {content: "";} .wechat {color: #fff; background-color: #2ec101; transition: background-color .15s, color .15s, border-color .15s;} .wechat:hover, .wechat:focus {background-color: #333; color: #fff;} .wechat:active {transition: none; background-color: #000; color: #ffb800;} .wechat .icon::before {content: "";} .twitter {color: #fff; background-color: #32aadc; transition: background-color .15s, color .15s, border-color .15s;} .twitter:hover, .twitter:focus {background-color: #333; color: #fff;} .twitter:active {transition: none; background-color: #000; color: #ffb800;} .twitter .icon::before {content: "";} .blubrry {color: #fff; background-color: #32aadc; transition: background-color .15s, color .15s, border-color .15s;} .blubrry:hover, .blubrry:focus {background-color: #333; color: #fff;} .blubrry:active {transition: none; background-color: #000; color: #ffb800;} .blubrry .icon::before {content: "";} .webshare .icon::before {content: "";} .tabs-container {padding-left: 1.5rem; padding-right: 1.5rem; display: flex; flex-wrap: wrap; margin-top: 4em; margin-bottom: 2em;} @media screen and (min-width:57.5em) { .tabs-container {padding-left: 2rem; padding-right: 2rem;} } .tabs-container:first-child {margin-top: 0;} .tabs-container li {margin-right: .25rem; margin-bottom: .25rem;} .tabs-container li:last-child {margin-right: 0;} .tabs-title a {font-size: 1.125rem; min-height: 3em; outline: 0; line-height: 1.4; display: inline-flex; align-items: center; justify-content: center; position: relative; min-width: 3em; transition: color 100ms ease; overflow: hidden; font-weight: 700; text-align: left; padding-top: .8em; padding-right: 1em; padding-bottom: .8em; padding-left: 1em; color: #fff; background-color: #000; transition: background-color .15s, color .15s, border-color .15s;} .tabs-title a:hover, .tabs-title a:focus {background-color: #333; color: #fff;} .tabs-title a:active {transition: none; background-color: #000; color: #ffb800;} .tabs-title.is-active a {background-color: #000; color: #ffb800;} .tabs-panel {display: none;} .tabs-panel.is-active {display: block;} .lazy-video {cursor: pointer;} .lazy-video img{width: 100%; max-width: 100%; height: 100%; object-fit: cover;} .lazy-video iframe {background-color: #000;} .lazy-video .button {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.25rem;} @media screen and (min-width:57.5em) { .lazy-video .button {font-size: 1.5rem;} } .responsive-embed .lazy-video {height: 100%;} .responsive-embed .lazy-video > img, .responsive-embed .lazy-video > iframe, .responsive-embed .lazy-video > video {position: absolute; top: 50%; transform: translateY(-50%); width: 100%;} form {animation: none;} form.is-waiting {pointer-events: none; animation-name: is-waiting-animation; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;} form:not(.mktoForm) textarea, form:not(.mktoForm) select, form:not(.mktoForm) [type=text], form:not(.mktoForm) [type=password], form:not(.mktoForm) [type=date], form:not(.mktoForm) [type=datetime], form:not(.mktoForm) [type=datetime-local], form:not(.mktoForm) [type=month], form:not(.mktoForm) [type=week], form:not(.mktoForm) [type=email], form:not(.mktoForm) [type=number], form:not(.mktoForm) [type=search], form:not(.mktoForm) [type=tel], form:not(.mktoForm) [type=time], form:not(.mktoForm) [type=url], form:not(.mktoForm) [type=color], .minds-cookiebot textarea, .minds-cookiebot select, .minds-cookiebot [type=text], .minds-cookiebot [type=password], .minds-cookiebot [type=date], .minds-cookiebot [type=datetime], .minds-cookiebot [type=datetime-local], .minds-cookiebot [type=month], .minds-cookiebot [type=week], .minds-cookiebot [type=email], .minds-cookiebot [type=number], .minds-cookiebot [type=search], .minds-cookiebot [type=tel], .minds-cookiebot [type=time], .minds-cookiebot [type=url], .minds-cookiebot [type=color] {font-size: 1rem; font-family: inherit; font-weight: 400; width: 100%; padding-left: .875rem; padding-right: .875rem; border-color: rgba(0, 0, 0, .16); border-width: 2px; border-style: solid; background-color: transparent; transition: background-color .15s, color .15s, border-color .15s;} @media screen and (min-width:57.5em) { form:not(.mktoForm) textarea, form:not(.mktoForm) select, form:not(.mktoForm) [type=text], form:not(.mktoForm) [type=password], form:not(.mktoForm) [type=date], form:not(.mktoForm) [type=datetime], form:not(.mktoForm) [type=datetime-local], form:not(.mktoForm) [type=month], form:not(.mktoForm) [type=week], form:not(.mktoForm) [type=email], form:not(.mktoForm) [type=number], form:not(.mktoForm) [type=search], form:not(.mktoForm) [type=tel], form:not(.mktoForm) [type=time], form:not(.mktoForm) [type=url], form:not(.mktoForm) [type=color], .minds-cookiebot textarea, .minds-cookiebot select, .minds-cookiebot [type=text], .minds-cookiebot [type=password], .minds-cookiebot [type=date], .minds-cookiebot [type=datetime], .minds-cookiebot [type=datetime-local], .minds-cookiebot [type=month], .minds-cookiebot [type=week], .minds-cookiebot [type=email], .minds-cookiebot [type=number], .minds-cookiebot [type=search], .minds-cookiebot [type=tel], .minds-cookiebot [type=time], .minds-cookiebot [type=url], .minds-cookiebot [type=color] {font-size: 1.125rem;} } form:not(.mktoForm) textarea:hover, form:not(.mktoForm) select:hover, form:not(.mktoForm) [type=text]:hover, form:not(.mktoForm) [type=password]:hover, form:not(.mktoForm) [type=date]:hover, form:not(.mktoForm) [type=datetime]:hover, form:not(.mktoForm) [type=datetime-local]:hover, form:not(.mktoForm) [type=month]:hover, form:not(.mktoForm) [type=week]:hover, form:not(.mktoForm) [type=email]:hover, form:not(.mktoForm) [type=number]:hover, form:not(.mktoForm) [type=search]:hover, form:not(.mktoForm) [type=tel]:hover, form:not(.mktoForm) [type=time]:hover, form:not(.mktoForm) [type=url]:hover, form:not(.mktoForm) [type=color]:hover, .minds-cookiebot textarea:hover, .minds-cookiebot select:hover, .minds-cookiebot [type=text]:hover, .minds-cookiebot [type=password]:hover, .minds-cookiebot [type=date]:hover, .minds-cookiebot [type=datetime]:hover, .minds-cookiebot [type=datetime-local]:hover, .minds-cookiebot [type=month]:hover, .minds-cookiebot [type=week]:hover, .minds-cookiebot [type=email]:hover, .minds-cookiebot [type=number]:hover, .minds-cookiebot [type=search]:hover, .minds-cookiebot [type=tel]:hover, .minds-cookiebot [type=time]:hover, .minds-cookiebot [type=url]:hover, .minds-cookiebot [type=color]:hover {border-color: #333; background-color: rgba(255, 255, 255, .8);} form:not(.mktoForm) textarea:focus, form:not(.mktoForm) select:focus, form:not(.mktoForm) [type=text]:focus, form:not(.mktoForm) [type=password]:focus, form:not(.mktoForm) [type=date]:focus, form:not(.mktoForm) [type=datetime]:focus, form:not(.mktoForm) [type=datetime-local]:focus, form:not(.mktoForm) [type=month]:focus, form:not(.mktoForm) [type=week]:focus, form:not(.mktoForm) [type=email]:focus, form:not(.mktoForm) [type=number]:focus, form:not(.mktoForm) [type=search]:focus, form:not(.mktoForm) [type=tel]:focus, form:not(.mktoForm) [type=time]:focus, form:not(.mktoForm) [type=url]:focus, form:not(.mktoForm) [type=color]:focus, .minds-cookiebot textarea:focus, .minds-cookiebot select:focus, .minds-cookiebot [type=text]:focus, .minds-cookiebot [type=password]:focus, .minds-cookiebot [type=date]:focus, .minds-cookiebot [type=datetime]:focus, .minds-cookiebot [type=datetime-local]:focus, .minds-cookiebot [type=month]:focus, .minds-cookiebot [type=week]:focus, .minds-cookiebot [type=email]:focus, .minds-cookiebot [type=number]:focus, .minds-cookiebot [type=search]:focus, .minds-cookiebot [type=tel]:focus, .minds-cookiebot [type=time]:focus, .minds-cookiebot [type=url]:focus, .minds-cookiebot [type=color]:focus {outline: 0; border-color: #000; background-color: #fff;} form:not(.mktoForm) textarea.error, form:not(.mktoForm) select.error, form:not(.mktoForm) [type=text].error, form:not(.mktoForm) [type=password].error, form:not(.mktoForm) [type=date].error, form:not(.mktoForm) [type=datetime].error, form:not(.mktoForm) [type=datetime-local].error, form:not(.mktoForm) [type=month].error, form:not(.mktoForm) [type=week].error, form:not(.mktoForm) [type=email].error, form:not(.mktoForm) [type=number].error, form:not(.mktoForm) [type=search].error, form:not(.mktoForm) [type=tel].error, form:not(.mktoForm) [type=time].error, form:not(.mktoForm) [type=url].error, form:not(.mktoForm) [type=color].error, .minds-cookiebot textarea.error, .minds-cookiebot select.error, .minds-cookiebot [type=text].error, .minds-cookiebot [type=password].error, .minds-cookiebot [type=date].error, .minds-cookiebot [type=datetime].error, .minds-cookiebot [type=datetime-local].error, .minds-cookiebot [type=month].error, .minds-cookiebot [type=week].error, .minds-cookiebot [type=email].error, .minds-cookiebot [type=number].error, .minds-cookiebot [type=search].error, .minds-cookiebot [type=tel].error, .minds-cookiebot [type=time].error, .minds-cookiebot [type=url].error, .minds-cookiebot [type=color].error {border-color: #91131d;} form:not(.mktoForm) textarea.error:hover, form:not(.mktoForm) select.error:hover, form:not(.mktoForm) [type=text].error:hover, form:not(.mktoForm) [type=password].error:hover, form:not(.mktoForm) [type=date].error:hover, form:not(.mktoForm) [type=datetime].error:hover, form:not(.mktoForm) [type=datetime-local].error:hover, form:not(.mktoForm) [type=month].error:hover, form:not(.mktoForm) [type=week].error:hover, form:not(.mktoForm) [type=email].error:hover, form:not(.mktoForm) [type=number].error:hover, form:not(.mktoForm) [type=search].error:hover, form:not(.mktoForm) [type=tel].error:hover, form:not(.mktoForm) [type=time].error:hover, form:not(.mktoForm) [type=url].error:hover, form:not(.mktoForm) [type=color].error:hover, .minds-cookiebot textarea.error:hover, .minds-cookiebot select.error:hover, .minds-cookiebot [type=text].error:hover, .minds-cookiebot [type=password].error:hover, .minds-cookiebot [type=date].error:hover, .minds-cookiebot [type=datetime].error:hover, .minds-cookiebot [type=datetime-local].error:hover, .minds-cookiebot [type=month].error:hover, .minds-cookiebot [type=week].error:hover, .minds-cookiebot [type=email].error:hover, .minds-cookiebot [type=number].error:hover, .minds-cookiebot [type=search].error:hover, .minds-cookiebot [type=tel].error:hover, .minds-cookiebot [type=time].error:hover, .minds-cookiebot [type=url].error:hover, .minds-cookiebot [type=color].error:hover {border-color: #91131d;} form:not(.mktoForm) textarea.error:focus, form:not(.mktoForm) select.error:focus, form:not(.mktoForm) [type=text].error:focus, form:not(.mktoForm) [type=password].error:focus, form:not(.mktoForm) [type=date].error:focus, form:not(.mktoForm) [type=datetime].error:focus, form:not(.mktoForm) [type=datetime-local].error:focus, form:not(.mktoForm) [type=month].error:focus, form:not(.mktoForm) [type=week].error:focus, form:not(.mktoForm) [type=email].error:focus, form:not(.mktoForm) [type=number].error:focus, form:not(.mktoForm) [type=search].error:focus, form:not(.mktoForm) [type=tel].error:focus, form:not(.mktoForm) [type=time].error:focus, form:not(.mktoForm) [type=url].error:focus, form:not(.mktoForm) [type=color].error:focus, .minds-cookiebot textarea.error:focus, .minds-cookiebot select.error:focus, .minds-cookiebot [type=text].error:focus, .minds-cookiebot [type=password].error:focus, .minds-cookiebot [type=date].error:focus, .minds-cookiebot [type=datetime].error:focus, .minds-cookiebot [type=datetime-local].error:focus, .minds-cookiebot [type=month].error:focus, .minds-cookiebot [type=week].error:focus, .minds-cookiebot [type=email].error:focus, .minds-cookiebot [type=number].error:focus, .minds-cookiebot [type=search].error:focus, .minds-cookiebot [type=tel].error:focus, .minds-cookiebot [type=time].error:focus, .minds-cookiebot [type=url].error:focus, .minds-cookiebot [type=color].error:focus {border-color: #91131d;} form:not(.mktoForm) textarea:disabled:hover, form:not(.mktoForm) textarea:disabled:focus, form:not(.mktoForm) textarea[readonly]:hover, form:not(.mktoForm) textarea[readonly]:focus, form:not(.mktoForm) select:disabled:hover, form:not(.mktoForm) select:disabled:focus, form:not(.mktoForm) select[readonly]:hover, form:not(.mktoForm) select[readonly]:focus, form:not(.mktoForm) [type=text]:disabled:hover, form:not(.mktoForm) [type=text]:disabled:focus, form:not(.mktoForm) [type=text][readonly]:hover, form:not(.mktoForm) [type=text][readonly]:focus, form:not(.mktoForm) [type=password]:disabled:hover, form:not(.mktoForm) [type=password]:disabled:focus, form:not(.mktoForm) [type=password][readonly]:hover, form:not(.mktoForm) [type=password][readonly]:focus, form:not(.mktoForm) [type=date]:disabled:hover, form:not(.mktoForm) [type=date]:disabled:focus, form:not(.mktoForm) [type=date][readonly]:hover, form:not(.mktoForm) [type=date][readonly]:focus, form:not(.mktoForm) [type=datetime]:disabled:hover, form:not(.mktoForm) [type=datetime]:disabled:focus, form:not(.mktoForm) [type=datetime][readonly]:hover, form:not(.mktoForm) [type=datetime][readonly]:focus, form:not(.mktoForm) [type=datetime-local]:disabled:hover, form:not(.mktoForm) [type=datetime-local]:disabled:focus, form:not(.mktoForm) [type=datetime-local][readonly]:hover, form:not(.mktoForm) [type=datetime-local][readonly]:focus, form:not(.mktoForm) [type=month]:disabled:hover, form:not(.mktoForm) [type=month]:disabled:focus, form:not(.mktoForm) [type=month][readonly]:hover, form:not(.mktoForm) [type=month][readonly]:focus, form:not(.mktoForm) [type=week]:disabled:hover, form:not(.mktoForm) [type=week]:disabled:focus, form:not(.mktoForm) [type=week][readonly]:hover, form:not(.mktoForm) [type=week][readonly]:focus, form:not(.mktoForm) [type=email]:disabled:hover, form:not(.mktoForm) [type=email]:disabled:focus, form:not(.mktoForm) [type=email][readonly]:hover, form:not(.mktoForm) [type=email][readonly]:focus, form:not(.mktoForm) [type=number]:disabled:hover, form:not(.mktoForm) [type=number]:disabled:focus, form:not(.mktoForm) [type=number][readonly]:hover, form:not(.mktoForm) [type=number][readonly]:focus, form:not(.mktoForm) [type=search]:disabled:hover, form:not(.mktoForm) [type=search]:disabled:focus, form:not(.mktoForm) [type=search][readonly]:hover, form:not(.mktoForm) [type=search][readonly]:focus, form:not(.mktoForm) [type=tel]:disabled:hover, form:not(.mktoForm) [type=tel]:disabled:focus, form:not(.mktoForm) [type=tel][readonly]:hover, form:not(.mktoForm) [type=tel][readonly]:focus, form:not(.mktoForm) [type=time]:disabled:hover, form:not(.mktoForm) [type=time]:disabled:focus, form:not(.mktoForm) [type=time][readonly]:hover, form:not(.mktoForm) [type=time][readonly]:focus, form:not(.mktoForm) [type=url]:disabled:hover, form:not(.mktoForm) [type=url]:disabled:focus, form:not(.mktoForm) [type=url][readonly]:hover, form:not(.mktoForm) [type=url][readonly]:focus, form:not(.mktoForm) [type=color]:disabled:hover, form:not(.mktoForm) [type=color]:disabled:focus, form:not(.mktoForm) [type=color][readonly]:hover, form:not(.mktoForm) [type=color][readonly]:focus, .minds-cookiebot textarea:disabled:hover, .minds-cookiebot textarea:disabled:focus, .minds-cookiebot textarea[readonly]:hover, .minds-cookiebot textarea[readonly]:focus, .minds-cookiebot select:disabled:hover, .minds-cookiebot select:disabled:focus, .minds-cookiebot select[readonly]:hover, .minds-cookiebot select[readonly]:focus, .minds-cookiebot [type=text]:disabled:hover, .minds-cookiebot [type=text]:disabled:focus, .minds-cookiebot [type=text][readonly]:hover, .minds-cookiebot [type=text][readonly]:focus, .minds-cookiebot [type=password]:disabled:hover, .minds-cookiebot [type=password]:disabled:focus, .minds-cookiebot [type=password][readonly]:hover, .minds-cookiebot [type=password][readonly]:focus, .minds-cookiebot [type=date]:disabled:hover, .minds-cookiebot [type=date]:disabled:focus, .minds-cookiebot [type=date][readonly]:hover, .minds-cookiebot [type=date][readonly]:focus, .minds-cookiebot [type=datetime]:disabled:hover, .minds-cookiebot [type=datetime]:disabled:focus, .minds-cookiebot [type=datetime][readonly]:hover, .minds-cookiebot [type=datetime][readonly]:focus, .minds-cookiebot [type=datetime-local]:disabled:hover, .minds-cookiebot [type=datetime-local]:disabled:focus, .minds-cookiebot [type=datetime-local][readonly]:hover, .minds-cookiebot [type=datetime-local][readonly]:focus, .minds-cookiebot [type=month]:disabled:hover, .minds-cookiebot [type=month]:disabled:focus, .minds-cookiebot [type=month][readonly]:hover, .minds-cookiebot [type=month][readonly]:focus, .minds-cookiebot [type=week]:disabled:hover, .minds-cookiebot [type=week]:disabled:focus, .minds-cookiebot [type=week][readonly]:hover, .minds-cookiebot [type=week][readonly]:focus, .minds-cookiebot [type=email]:disabled:hover, .minds-cookiebot [type=email]:disabled:focus, .minds-cookiebot [type=email][readonly]:hover, .minds-cookiebot [type=email][readonly]:focus, .minds-cookiebot [type=number]:disabled:hover, .minds-cookiebot [type=number]:disabled:focus, .minds-cookiebot [type=number][readonly]:hover, .minds-cookiebot [type=number][readonly]:focus, .minds-cookiebot [type=search]:disabled:hover, .minds-cookiebot [type=search]:disabled:focus, .minds-cookiebot [type=search][readonly]:hover, .minds-cookiebot [type=search][readonly]:focus, .minds-cookiebot [type=tel]:disabled:hover, .minds-cookiebot [type=tel]:disabled:focus, .minds-cookiebot [type=tel][readonly]:hover, .minds-cookiebot [type=tel][readonly]:focus, .minds-cookiebot [type=time]:disabled:hover, .minds-cookiebot [type=time]:disabled:focus, .minds-cookiebot [type=time][readonly]:hover, .minds-cookiebot [type=time][readonly]:focus, .minds-cookiebot [type=url]:disabled:hover, .minds-cookiebot [type=url]:disabled:focus, .minds-cookiebot [type=url][readonly]:hover, .minds-cookiebot [type=url][readonly]:focus, .minds-cookiebot [type=color]:disabled:hover, .minds-cookiebot [type=color]:disabled:focus, .minds-cookiebot [type=color][readonly]:hover, .minds-cookiebot [type=color][readonly]:focus {background-color: transparent; border-color: rgba(0, 0, 0, .16);} form:not(.mktoForm) textarea:disabled, form:not(.mktoForm) select:disabled, form:not(.mktoForm) [type=text]:disabled, form:not(.mktoForm) [type=password]:disabled, form:not(.mktoForm) [type=date]:disabled, form:not(.mktoForm) [type=datetime]:disabled, form:not(.mktoForm) [type=datetime-local]:disabled, form:not(.mktoForm) [type=month]:disabled, form:not(.mktoForm) [type=week]:disabled, form:not(.mktoForm) [type=email]:disabled, form:not(.mktoForm) [type=number]:disabled, form:not(.mktoForm) [type=search]:disabled, form:not(.mktoForm) [type=tel]:disabled, form:not(.mktoForm) [type=time]:disabled, form:not(.mktoForm) [type=url]:disabled, form:not(.mktoForm) [type=color]:disabled, .minds-cookiebot textarea:disabled, .minds-cookiebot select:disabled, .minds-cookiebot [type=text]:disabled, .minds-cookiebot [type=password]:disabled, .minds-cookiebot [type=date]:disabled, .minds-cookiebot [type=datetime]:disabled, .minds-cookiebot [type=datetime-local]:disabled, .minds-cookiebot [type=month]:disabled, .minds-cookiebot [type=week]:disabled, .minds-cookiebot [type=email]:disabled, .minds-cookiebot [type=number]:disabled, .minds-cookiebot [type=search]:disabled, .minds-cookiebot [type=tel]:disabled, .minds-cookiebot [type=time]:disabled, .minds-cookiebot [type=url]:disabled, .minds-cookiebot [type=color]:disabled {opacity: .25; pointer-events: none;} form:not(.mktoForm) textarea + label.error, form:not(.mktoForm) select + label.error, form:not(.mktoForm) [type=text] + label.error, form:not(.mktoForm) [type=password] + label.error, form:not(.mktoForm) [type=date] + label.error, form:not(.mktoForm) [type=datetime] + label.error, form:not(.mktoForm) [type=datetime-local] + label.error, form:not(.mktoForm) [type=month] + label.error, form:not(.mktoForm) [type=week] + label.error, form:not(.mktoForm) [type=email] + label.error, form:not(.mktoForm) [type=number] + label.error, form:not(.mktoForm) [type=search] + label.error, form:not(.mktoForm) [type=tel] + label.error, form:not(.mktoForm) [type=time] + label.error, form:not(.mktoForm) [type=url] + label.error, form:not(.mktoForm) [type=color] + label.error, .minds-cookiebot textarea + label.error, .minds-cookiebot select + label.error, .minds-cookiebot [type=text] + label.error, .minds-cookiebot [type=password] + label.error, .minds-cookiebot [type=date] + label.error, .minds-cookiebot [type=datetime] + label.error, .minds-cookiebot [type=datetime-local] + label.error, .minds-cookiebot [type=month] + label.error, .minds-cookiebot [type=week] + label.error, .minds-cookiebot [type=email] + label.error, .minds-cookiebot [type=number] + label.error, .minds-cookiebot [type=search] + label.error, .minds-cookiebot [type=tel] + label.error, .minds-cookiebot [type=time] + label.error, .minds-cookiebot [type=url] + label.error, .minds-cookiebot [type=color] + label.error {margin-top: -2px;} form:not(.mktoForm) select, form:not(.mktoForm) [type=text], form:not(.mktoForm) [type=password], form:not(.mktoForm) [type=date], form:not(.mktoForm) [type=datetime], form:not(.mktoForm) [type=datetime-local], form:not(.mktoForm) [type=month], form:not(.mktoForm) [type=week], form:not(.mktoForm) [type=email], form:not(.mktoForm) [type=number], form:not(.mktoForm) [type=search], form:not(.mktoForm) [type=tel], form:not(.mktoForm) [type=time], form:not(.mktoForm) [type=url], form:not(.mktoForm) [type=color], .minds-cookiebot select, .minds-cookiebot [type=text], .minds-cookiebot [type=password], .minds-cookiebot [type=date], .minds-cookiebot [type=datetime], .minds-cookiebot [type=datetime-local], .minds-cookiebot [type=month], .minds-cookiebot [type=week], .minds-cookiebot [type=email], .minds-cookiebot [type=number], .minds-cookiebot [type=search], .minds-cookiebot [type=tel], .minds-cookiebot [type=time], .minds-cookiebot [type=url], .minds-cookiebot [type=color] {height: 3.375rem;} form:not(.mktoForm) [type=text]:-ms-input-placeholder, form:not(.mktoForm) [type=password]:-ms-input-placeholder, form:not(.mktoForm) [type=date]:-ms-input-placeholder, form:not(.mktoForm) [type=datetime]:-ms-input-placeholder, form:not(.mktoForm) [type=datetime-local]:-ms-input-placeholder, form:not(.mktoForm) [type=month]:-ms-input-placeholder, form:not(.mktoForm) [type=week]:-ms-input-placeholder, form:not(.mktoForm) [type=email]:-ms-input-placeholder, form:not(.mktoForm) [type=number]:-ms-input-placeholder, form:not(.mktoForm) [type=search]:-ms-input-placeholder, form:not(.mktoForm) [type=tel]:-ms-input-placeholder, form:not(.mktoForm) [type=time]:-ms-input-placeholder, form:not(.mktoForm) [type=url]:-ms-input-placeholder, form:not(.mktoForm) [type=color]:-ms-input-placeholder, .minds-cookiebot [type=text]:-ms-input-placeholder, .minds-cookiebot [type=password]:-ms-input-placeholder, .minds-cookiebot [type=date]:-ms-input-placeholder, .minds-cookiebot [type=datetime]:-ms-input-placeholder, .minds-cookiebot [type=datetime-local]:-ms-input-placeholder, .minds-cookiebot [type=month]:-ms-input-placeholder, .minds-cookiebot [type=week]:-ms-input-placeholder, .minds-cookiebot [type=email]:-ms-input-placeholder, .minds-cookiebot [type=number]:-ms-input-placeholder, .minds-cookiebot [type=search]:-ms-input-placeholder, .minds-cookiebot [type=tel]:-ms-input-placeholder, .minds-cookiebot [type=time]:-ms-input-placeholder, .minds-cookiebot [type=url]:-ms-input-placeholder, .minds-cookiebot [type=color]:-ms-input-placeholder {color: rgba(0, 0, 0, .35);} form:not(.mktoForm) [type=text]::placeholder, form:not(.mktoForm) [type=password]::placeholder, form:not(.mktoForm) [type=date]::placeholder, form:not(.mktoForm) [type=datetime]::placeholder, form:not(.mktoForm) [type=datetime-local]::placeholder, form:not(.mktoForm) [type=month]::placeholder, form:not(.mktoForm) [type=week]::placeholder, form:not(.mktoForm) [type=email]::placeholder, form:not(.mktoForm) [type=number]::placeholder, form:not(.mktoForm) [type=search]::placeholder, form:not(.mktoForm) [type=tel]::placeholder, form:not(.mktoForm) [type=time]::placeholder, form:not(.mktoForm) [type=url]::placeholder, form:not(.mktoForm) [type=color]::placeholder, .minds-cookiebot [type=text]::placeholder, .minds-cookiebot [type=password]::placeholder, .minds-cookiebot [type=date]::placeholder, .minds-cookiebot [type=datetime]::placeholder, .minds-cookiebot [type=datetime-local]::placeholder, .minds-cookiebot [type=month]::placeholder, .minds-cookiebot [type=week]::placeholder, .minds-cookiebot [type=email]::placeholder, .minds-cookiebot [type=number]::placeholder, .minds-cookiebot [type=search]::placeholder, .minds-cookiebot [type=tel]::placeholder, .minds-cookiebot [type=time]::placeholder, .minds-cookiebot [type=url]::placeholder, .minds-cookiebot [type=color]::placeholder {color: rgba(0, 0, 0, .35);} form:not(.mktoForm) select, .minds-cookiebot select {-webkit-appearance: none; appearance: none; cursor: pointer; padding-right: 3rem; background-repeat: no-repeat; background-position: right 1rem center; background-image: url(../img/main/arrow-down-s-fill.png);} form:not(.mktoForm) select:-moz-focusring, .minds-cookiebot select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #000; outline: 0;} form:not(.mktoForm) select::-ms-expand, .minds-cookiebot select::-ms-expand {display: none;} form:not(.mktoForm) textarea, .minds-cookiebot textarea {display: block; resize: vertical; min-height: 6.75rem; line-height: inherit;} form:not(.mktoForm) label, .minds-cookiebot label {display: block; cursor: pointer;} form:not(.mktoForm) label.g-recaptcha-error, form:not(.mktoForm) label.error, .minds-cookiebot label.g-recaptcha-error, .minds-cookiebot label.error {font-size: .625rem; font-weight: 700; color: #fff; background-color: #91131d; position: relative; padding-top: .1875rem; padding-right: .5rem; padding-bottom: .25rem; padding-left: .5rem;} form:not(.mktoForm) label.input-group-error-label, .minds-cookiebot label.input-group-error-label {display: inline-flex;} form:not(.mktoForm) label.input-group-error-label + .input-group label.error, .minds-cookiebot label.input-group-error-label + .input-group label.error {display: none;} form:not(.mktoForm) [type=search]::-webkit-search-cancel-button, form:not(.mktoForm) [type=search]::-webkit-search-decoration, .minds-cookiebot [type=search]::-webkit-search-cancel-button, .minds-cookiebot [type=search]::-webkit-search-decoration {-webkit-appearance: none; appearance: none;} form:not(.mktoForm) [type=checkbox], form:not(.mktoForm) [type=radio], .minds-cookiebot [type=checkbox], .minds-cookiebot [type=radio] {position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;} form:not(.mktoForm) [type=checkbox] + label, form:not(.mktoForm) [type=radio] + label, .minds-cookiebot [type=checkbox] + label, .minds-cookiebot [type=radio] + label {display: block; position: relative; padding-left: 2rem;} form:not(.mktoForm) [type=checkbox] + label:hover::before, form:not(.mktoForm) [type=radio] + label:hover::before, .minds-cookiebot [type=checkbox] + label:hover::before, .minds-cookiebot [type=radio] + label:hover::before {color: #333;} form:not(.mktoForm) [type=checkbox] + label::before, form:not(.mktoForm) [type=radio] + label::before, .minds-cookiebot [type=checkbox] + label::before, .minds-cookiebot [type=radio] + label::before {font-size: 1.5em; position: absolute; top: -7px; left: -.125em; cursor: pointer; color: #222; transition: background-color .15s, color .15s, border-color .15s;} form:not(.mktoForm) [type=checkbox]:focus + label::before, form:not(.mktoForm) [type=radio]:focus + label::before, .minds-cookiebot [type=checkbox]:focus + label::before, .minds-cookiebot [type=radio]:focus + label::before {color: #333;} form:not(.mktoForm) [type=checkbox]:checked + label::before, form:not(.mktoForm) [type=radio]:checked + label::before, .minds-cookiebot [type=checkbox]:checked + label::before, .minds-cookiebot [type=radio]:checked + label::before {color: #000;} form:not(.mktoForm) [type=checkbox][readonly], form:not(.mktoForm) [type=checkbox]:disabled, form:not(.mktoForm) [type=radio][readonly], form:not(.mktoForm) [type=radio]:disabled, .minds-cookiebot [type=checkbox][readonly], .minds-cookiebot [type=checkbox]:disabled, .minds-cookiebot [type=radio][readonly], .minds-cookiebot [type=radio]:disabled {pointer-events: none;} form:not(.mktoForm) [type=checkbox][readonly] + label, form:not(.mktoForm) [type=checkbox]:disabled + label, form:not(.mktoForm) [type=radio][readonly] + label, form:not(.mktoForm) [type=radio]:disabled + label, .minds-cookiebot [type=checkbox][readonly] + label, .minds-cookiebot [type=checkbox]:disabled + label, .minds-cookiebot [type=radio][readonly] + label, .minds-cookiebot [type=radio]:disabled + label {cursor: default; pointer-events: none;} form:not(.mktoForm) [type=checkbox]:disabled + label, form:not(.mktoForm) [type=radio]:disabled + label, .minds-cookiebot [type=checkbox]:disabled + label, .minds-cookiebot [type=radio]:disabled + label {opacity: .25;} form:not(.mktoForm) [type=checkbox].error + label::before, form:not(.mktoForm) [type=radio].error + label::before, .minds-cookiebot [type=checkbox].error + label::before, .minds-cookiebot [type=radio].error + label::before {color: #91131d;} form:not(.mktoForm) [type=checkbox].error + label:hover::before, form:not(.mktoForm) [type=radio].error + label:hover::before, .minds-cookiebot [type=checkbox].error + label:hover::before, .minds-cookiebot [type=radio].error + label:hover::before {color: #333;} form:not(.mktoForm) [type=checkbox].error:focus + label::before, form:not(.mktoForm) [type=radio].error:focus + label::before, .minds-cookiebot [type=checkbox].error:focus + label::before, .minds-cookiebot [type=radio].error:focus + label::before {color: #333;} form:not(.mktoForm) [type=checkbox] + label::before, .minds-cookiebot [type=checkbox] + label::before {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-weight: 400; font-family: "Klueber Icons";} form:not(.mktoForm) [type=checkbox]:checked + label::before, .minds-cookiebot [type=checkbox]:checked + label::before {content: "";} form:not(.mktoForm) [type=radio] + label::before, .minds-cookiebot [type=radio] + label::before {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-weight: 400; font-family: "Klueber Icons";} form:not(.mktoForm) [type=radio]:checked + label::before, .minds-cookiebot [type=radio]:checked + label::before {content: "";} form:not(.mktoForm) [type=number], .minds-cookiebot [type=number] {-webkit-appearance: textfield; appearance: textfield;} form:not(.mktoForm) [type=number]::-webkit-inner-spin-button, form:not(.mktoForm) [type=number]::-webkit-outer-spin-button, .minds-cookiebot [type=number]::-webkit-inner-spin-button, .minds-cookiebot [type=number]::-webkit-outer-spin-button {-webkit-appearance: none; appearance: none; margin: 0;} form:not(.mktoForm) fieldset, .minds-cookiebot fieldset {min-width: 0; border: 0; margin: 0; padding: 0;} form:not(.mktoForm) fieldset + fieldset, .minds-cookiebot fieldset + fieldset {margin-top: 1.5rem;} form:not(.mktoForm) legend, .minds-cookiebot legend {margin-top: 2em; margin-bottom: 1em; word-wrap: break-word; overflow-wrap: break-word; font-size: 1.25rem; line-height: 1.5; margin-top: 0;} @media print, screen and (max-width:49.99875em) { form:not(.mktoForm) legend, .minds-cookiebot legend {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} } @media screen and (min-width:57.5em) { form:not(.mktoForm) legend, .minds-cookiebot legend {font-size: 1.5rem;} } form:not(.mktoForm) legend.is-unobtrusive, .minds-cookiebot legend.is-unobtrusive {font-size: 1rem; padding-top: .25rem; margin-bottom: 0;} @media screen and (min-width:57.5em) { form:not(.mktoForm) legend.is-unobtrusive, .minds-cookiebot legend.is-unobtrusive {font-size: 1.125rem;} } form:not(.mktoForm) legend .sub-legend, .minds-cookiebot legend .sub-legend {font-size: 1rem; margin-bottom: 0;} @media screen and (min-width:57.5em) { form:not(.mktoForm) legend .sub-legend, .minds-cookiebot legend .sub-legend {font-size: 1.125rem;} } form:not(.mktoForm) .stift, form:not(.mktoForm) [name=stift], .minds-cookiebot .stift, .minds-cookiebot [name=stift] {position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;} form:not(.mktoForm) .additional-label, .minds-cookiebot .additional-label {font-size: 1rem; font-weight: 700; margin-bottom: .5rem;} @media screen and (min-width:57.5em) { form:not(.mktoForm) .additional-label, .minds-cookiebot .additional-label {font-size: 1.125rem;} } form:not(.mktoForm) .hidden, .minds-cookiebot .hidden {display: none;} .cell.full-height {display: flex} .cell.full-height > .form-field {width: 100%; display: flex; flex-direction: column;} .cell.full-height > .form-field > textarea {height: 100%;} .form-field {font-size: 1rem; position: relative; margin-bottom: 1rem; line-height: 1.7;} @media screen and (min-width:57.5em) { .form-field {font-size: 1.125rem;} } @media print { .form-field {display: none;} } .form-field > label:not(.error) {font-size: 10px; font-weight: 700; position: absolute; top: 1px; left: 0; padding-left: 1rem; padding-right: 1rem; z-index: 1; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .checkradio-wrap + label {margin-left: 2rem;} .form-confirmation-title {margin-top: 2em; margin-bottom: 1em; word-wrap: break-word; overflow-wrap: break-word; font-size: 2.25rem; line-height: 1.36;} @media print, screen and (max-width:49.99875em) { .form-confirmation-title {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} } @media screen and (min-width:57.5em) { .form-confirmation-title {font-size: 2.75rem;} } .form-confirmation-title:not(:only-child) {margin-bottom: .5em;} .form-confirmation-title:first-child {margin-top: 0;} .form-error-panel {font-size: .75rem; padding-top: .75rem; padding-bottom: .75rem; padding-left: 1rem; padding-right: 1rem; color: #fff; font-weight: 700; background-color: #91131d; margin-top: 1.5rem; margin-bottom: 1.5rem;} @media screen and (min-width:57.5em) { .form-error-panel {font-size: .875rem;} } .form-error-panel:first-child {margin-top: 0;} .form-error-panel:last-child {margin-bottom: 0;} .dynamic-wrapper {margin-bottom: 2rem;} @media screen and (min-width:50em) { .dynamic-wrapper {display: flex; align-items: flex-start;} } @media screen and (min-width:50em) { .dynamic-wrapper > * {margin-bottom: 0;} } @media screen and (min-width:50em) { .dynamic-wrapper > :not(:last-child) {margin-right: 1rem;} } @media screen and (min-width:50em) { .dynamic-wrapper > :not(.static-width) {flex-grow: 1; flex-basis: 1px;} } .dynamic-wrapper .button-bar {position: static;} .dynamic-wrapper .button-bar > * {margin-top: 0;} .g-recaptcha-container {font-size: 1rem; margin-top: 0; margin-bottom: 1.5em; display: flex; flex-wrap: nowrap; flex-direction: column; align-items: flex-end;} @media screen and (min-width:57.5em) { .g-recaptcha-container {font-size: 1.125rem;} } @media print, screen and (max-width:39.99875em) { .g-recaptcha {transform: scale(.8); transform-origin: right center;} } .mktoForm {padding: 0;} .mktoLayoutAbove {padding: 0 20px 10px 20px; background-color: #fdb913;} .mktoLayoutAbove h2 {margin-top: 0; margin-bottom: 0; color: #404040;} .mktoForm, .mktoForm .mktoField, .mktoForm .mktoButton, .mktoForm .mktoLabel, .mktoForm .mktoError .mktoErrorMsg, .mktoForm .mktoRadioList > label, .mktoForm .mktoCheckboxList > label {font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; color: inherit !important;} .mktoForm .mktoLabel {display: inline-block;} .mktoForm .mktoLabel:empty {position: absolute; top: -999%; left: -999%;} .mktoForm .mktoField {height: auto !important;} .mktoForm textarea.mktoField {resize: vertical !important;} .mktoForm .mktoRadioList > input, .mktoForm .mktoCheckboxList > input {width: auto !important;} .mktoForm .mktoRadioList > label, .mktoForm .mktoCheckboxList > label {line-height: 1;} .mktoForm .mktoRadioList > label:empty, .mktoForm .mktoCheckboxList > label:empty {display: none;} .mktoForm .mktoButtonRow, .mktoForm .mktoButtonWrap, .mktoForm .mktoButton {width: auto;} .mktoForm .mktoButtonRow {width: 100%; text-align: right;} .mktoForm .mktoButtonWrap {margin-left: 0 !important;} .mktoForm .mktoButton {padding: 10px;} .mktoForm, .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm textarea.mktoField, .mktoForm select.mktoField, .mktoForm .mktoRadioList, .mktoForm .mktoCheckboxList, .mktoForm .mktoHtmlText, .mktoFormCol, .mktoFieldWrap {width: 100% !important;} .mktoForm .mktoOffset, .mktoForm .mktoGutter {display: none;} .mktoForm .mktoLabel {width: auto !important;} .mktoForm .mktoFormRow .mktoFormCol {margin-bottom: 0 !important;} .mktoForm .mktoFormRow, .mktoForm .mktoButtonRow, .mktoForm .mktoFormRow .mktoFormCol + .mktoFormCol {margin-top: 10px;} @media (min-width:580px) { .mktoForm {overflow: hidden;} .mktoForm .mktoFormRow {display: flex; margin-right: -10px;} .mktoForm .mktoFormRow .mktoFormCol {margin-top: 0 !important; padding-right: 10px;} } .mktoForm, .mktoForm .mktoField, .mktoForm .mktoButton, .mktoForm .mktoLabel, .mktoForm .mktoError .mktoErrorMsg, .mktoForm .mktoRadioList > label, .mktoForm .mktoCheckboxList > label {font-family: "Helvetica World W01", Helvetica, sans-serif !important; font-size: 13px !important; font-size: 1.4 !important; color: rgba(0, 0, 0, .5) !important;} .mktoForm .mktoLabel {margin: 0 0 6px 8px !important;} .mktoForm .mktoField {padding: 8px !important; background: #fff; border: 1px solid rgba(0, 0, 0, .3); border-radius: 5px;} .mktoForm select.mktoField {height: 35px !important;} .mktoForm .mktoButtonRow {margin-top: 15px;} .mktoForm .mktoButton {color: #fff !important; font-weight: 700; border-radius: 5px; border: 0;} .mktoForm .mktoButton {background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUwNTA1MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM0MzQzNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background: linear-gradient(to bottom, #505050, #343434); box-shadow: 0 .21429em .35714em rgba(0, 0, 0, .5); display: block; border-radius: .28571em; padding: .57143em 1.07143em; color: #fff; border: 0; cursor: pointer; outline: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; float: right; *zoom: 1;} .mktoForm .mktoButton:after {content: ""; display: table; clear: both;} .mktoForm .mktoButton:hover, .mktoForm .mktoButton:active {background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0MzQzNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUwNTA1MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background: linear-gradient(to bottom, #343434, #505050);} .mktoForm .mktoButton:active {box-shadow: inset 0 .14286em .35714em rgba(255, 255, 255, .75);} .mktoForm .mktoButton.full {width: 100%; float: none;} body .mktoModal .mktoForm a:hover {color: #fff !important; background: #000 !important;} .mktoForm .mktoError .mktoErrorMsg {padding: 7px !important; color: #fff !important; text-align: left !important; background-image: none !important; border: 0 !important; box-shadow: none !important;} .mktoForm .mktoError .mktoErrorArrow {border: 0;} .mktoForm .mktoInvalid {background-color: rgba(255, 0, 0, .25); border-color: red;} .mktoForm .mktoError {position: absolute; z-index: 99; color: #000 !important;} .mktoForm .mktoError .mktoErrorMsg {display: block !important; margin-top: 7px !important; background-color: #000 !important; background-image: none !important; border: 1px solid #000 !important; border-radius: 6px !important; box-shadow: none !important; color: #f3f3f3 !important; font-size: 1em !important; line-height: 1.2em !important; max-width: 16em !important; padding: .4em .6em !important; text-shadow: none !important;} .mktoForm .mktoError .mktoErrorArrow {background-color: #000 !important; border: 1px solid #000 !important;} .mktoForm .mktoAsterix {float: left !important; padding-left: 0; padding-right: 5px;} .mktoForm .mktoRadioList input, .mktoForm .mktoCheckboxList input {position: relative; top: 4px;} .mktoForm .mktoCheckboxList input, .mktoForm .mktoRadioList input {opacity: 1 !important;} .ckeditor {background-color: #fff; padding: 1rem; max-width: 67.5rem;} .cke_panel_frame body, .cke_panel_container body {background-color: #fff;} .row {display: flex; flex-flow: row wrap; margin-right: -.5rem; margin-left: -.5rem;} .row .row .col-half {flex: 0 0 auto; width: calc(50% - 1rem); margin-left: .5rem; margin-right: .5rem;} .row .row .col-third {flex: 0 0 auto; width: calc(33.3333333333% - 1rem); margin-left: .5rem; margin-right: .5rem;} .row .row .col-two-third {flex: 0 0 auto; width: calc(66.6666666667% - 1rem); margin-left: .5rem; margin-right: .5rem;} .col-full {flex: 0 0 auto; min-height: 0; min-width: 0; width: calc(100% - 1rem); margin-left: .5rem; margin-right: .5rem;} .col-half {flex: 0 0 auto; min-height: 0; min-width: 0; width: calc(100% - 1rem); margin-left: .5rem; margin-right: .5rem;} @media screen and (min-width:57.5em) { .col-half {flex: 0 0 auto; width: calc(50% - 1rem); margin-left: .5rem; margin-right: .5rem;} } .col-third {flex: 0 0 auto; min-height: 0; min-width: 0; width: calc(100% - 1rem); margin-left: .5rem; margin-right: .5rem;} @media screen and (min-width:57.5em) { .col-third {flex: 0 0 auto; width: calc(33.3333333333% - 1rem); margin-left: .5rem; margin-right: .5rem;} } .col-two-third {flex: 0 0 auto; min-height: 0; min-width: 0; width: calc(100% - 1rem); margin-left: .5rem; margin-right: .5rem;} @media screen and (min-width:57.5em) { .col-two-third {flex: 0 0 auto; width: calc(66.6666666667% - 1rem); margin-left: .5rem; margin-right: .5rem;} } .icon::before {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 1.375em; font-weight: 400; font-family: "Klueber Icons";} .icon-external::before {content: "";} .icon-prev::before {content: "";} .icon-next::before {content: "";} .icon-send::before {content: "";} .icon-show-all::before {content: "";} .icon-play::before {content: "";} .icon-search::before {content: "";} .icon-mail::before {content: "";} .icon-cart::before {content: "";} .icon-share::before {content: "";} .icon-document::before {content: "";} .icon-finder::before {content: "";} .icon-calculate::before {content: "";} .icon-up::before {content: "";} .icon-down::before {content: "";} .icon-whatsapp::before {content: "";} .icon-newsletter::before {content: "";} .responsive-embed, .flex-video {position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 75%; overflow: hidden;} .responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .responsive-embed.widescreen, .flex-video.widescreen {padding-bottom: 56.25%;} .responsive-embed.ultra-widescreen, .flex-video.ultra-widescreen {padding-bottom: 27.7777777778%;} .responsive-embed.square, .flex-video.square {padding-bottom: 100%;} .responsive-embed {font-size: 1rem; margin-bottom: 0;} @media screen and (min-width:57.5em) { .responsive-embed {font-size: 1.125rem;} } .responsive-embed.lazyloaded:not(.has-fallback) {background-color: transparent;} .responsive-embed.is-logo:not(.has-fallback).lazyloaded {background-color: #fff;} .responsive-embed.is-logo:not(.has-fallback) img {width: 100% !important; height: 100% !important; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain";} .responsive-embed > :not(.minds-cookiebot-placeholder) {position: absolute; width: 100%;} .responsive-embed .video{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); } .is-video .responsive-embed > :not(.minds-cookiebot-placeholder) {top: 50%; transform: translateY(-50%);} .link {font-size: 1rem; font-weight: 700; display: inline-block; padding-top: .625rem; padding-bottom: .625rem; margin-top: -.625rem;} @media screen and (min-width:57.5em) { .link {font-size: 1.125rem;} } .link .inner {position: relative; padding-right: 2em;} .link .inner::after {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 1.4em; font-weight: 400; font-family: "Klueber Icons"; position: absolute; top: -.25em; right: 0; font-weight: 400;} a.link:hover .inner::before, a.link:focus .inner::before {background-color: transparent;} a.link:hover .inner::after, a.link:focus .inner::after {color: #fbcb40;} a.link:active {transition: none} a.link:active .inner::before {background-color: transparent;} a.link:active .inner::after {color: #fbcb40;} a.link .inner::before, a.link .inner::after {transition: background-color .15s, color .15s, border-color .15s;} a.link .inner::before {position: absolute; display: block; content: ""; width: 1.65em; height: 1.65em; top: 0; right: -.1em; background-color: transparent;} .external-link .inner::after {content: "";} .date-wrapper {display: inline;} .date-wrapper .date {font-size: .75rem; display: inline-block; font-weight: 700; color: #a7a8aa;} @media screen and (min-width:57.5em) { .date-wrapper .date {font-size: .875rem;} } .date + .date::before {content: "–"; display: inline-block; padding-right: .25em; padding-left: .25em;} .button-bar {display: flex; justify-content: flex-end; flex-wrap: wrap;} @media print { .button-bar {display: none;} } .button-bar > * {margin-bottom: .125rem;} .button-bar > :not(:first-child) {margin-left: 1rem;} .endorsement-footer {box-sizing: border-box; position: fixed; right: 0; bottom: 0; left: 0; z-index: 6; color: #fff; background-color: #000;} .endorsement-footer-container {padding-right: 1rem; padding-left: 1rem; max-width: 80rem; margin-left: auto; margin-right: auto;} @media screen and (min-width:40em) { .endorsement-footer-container {padding-right: 3rem; padding-left: 3rem;} } @media screen and (min-width:57.5em) { .endorsement-footer-container {padding-right: 4rem; padding-left: 4rem;} } .endorsement-footer-inner {display: flex; align-items: center; height: 30px;} .endorsement-footer-logo svg {display: block; fill: #fff; height: .625rem;} @media print { .endorsement-footer {display: none;} } .endorsement-footer a {display: block;} .endorsement-footer svg {display: block;} .endorsement-footer .endorsement-footer-logo svg {width: 9.625rem; height: auto;} .endorsement-footer .endorsement-footer-logo-affiliate svg {height: auto; width: 6.875rem;} .endorsement-footer .endorsement-footer-logo-affiliate a {margin-bottom: .125rem;} .endorsement-footer .endorsement-footer-inner {justify-content: space-between;} .page-header {position: relative; background-color: #5a5b5f; min-height: 16rem;} @media print { .page-header {min-height: 0 !important;} } .page-header.is-large {min-height: 40rem;} @media screen and (min-width:80em) { .page-header.is-large {min-height: 45rem;} } .page-header.is-large .page-header-background {max-height: none;} .page-header.is-large .page-header-background .wrap {height: 100%;} @media screen and (min-width:68.75em) { .page-header.is-large .page-header-inner .wrap {padding-bottom: 8.25rem;} } .page-header.is-large + .content-top .section:first-child .wrap {padding-top: 3rem;} @media screen and (min-width:57.5em) { .page-header.is-large + .content-top .section:first-child .wrap {padding-top: 6rem;} } .page-header.is-small .page-header-inner .wrap {background-color: #eceded;} .page-header .title + p {margin-top: 1rem; margin-bottom: 0;} .page-header .wrap {position: relative; padding-top: 6.25rem; padding-bottom: 8.25rem;} @media screen and (min-width:40em) { .page-header .wrap {padding-top: 8.25rem;} } @media screen and (min-width:57.5em) { .page-header .wrap {padding-bottom: 6rem;} } @media screen and (min-width:80em) { .page-header .wrap {padding-top: 14.3125rem;} } @media print { .page-header .wrap {padding-bottom: 0;} } .page-header .toolbar {position: absolute; left: 0; right: 0; bottom: 2rem; z-index: 2;} @media print, screen and (max-width:49.99875em) { .page-header .breadcrumb {display: none;} } @media print, screen and (max-width:39.99875em) { .page-header .banderole::after {display: none;} } @media screen and (min-width:40em) { .page-header .banderole {width: 75%; max-width: 30rem;} } @media screen and (min-width:57.5em) { .page-header .banderole {max-width: 33.75rem;} } @media screen and (min-width:68.75em) { .page-header .banderole {min-height: 19.5rem;} } @media print { .page-header .banderole {width: 100%; max-width: none; padding-top: 1rem; padding-bottom: 1rem;} } .page-header-background {overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent;} @media screen and (min-width:68.75em) { .page-header-background {bottom: auto; height: 100%; max-height: 30rem;} } .page-header-background .wrap {position: static; padding: 0;} .is-locations .page-header-background .wrap {position: relative;} .page-header-background-image {z-index: 1; position: absolute; top: 0; bottom: 0; width: 100%; /*max-width: 120rem;*/ background-image: url(../img/klueber-welcome-image.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: #19191a;} .company-overview .page-header-background-image{background-image: url(../img/company/Header_UN_KL_V4.jpg);} .company-overview2 .page-header-background-image{background-image: url(../img/company/Header_Innovation_V2-2.jpg);} .company-overview3 .page-header-background-image{background-image: url(../img/company/Sustainability_V2-1.jpg);} @media print { .page-header-background-image {background-image: none !important; background-color: transparent;} } .page-header-slider, .page-header-slider .swiper-wrapper {min-height: inherit;} .page-header-slider .swiper-slide {height: auto; min-height: inherit;} .section {display: flex; background-color: #5a5b5f;} .section .section-svg {fill: #ffb800;} .section .section-svg .svg-icon {fill: #fddc80;} .section-spotlight {background-color: #5a5b5f;} @media print { .section-spotlight {display: none;} } .section-spotlight .wrap {background-color: #eceded;} .content-top .section-spotlight + .contentpage-anchor + .section .wrap {padding-top: 3rem;} @media screen and (min-width:57.5em) { .content-top .section-spotlight + .contentpage-anchor + .section .wrap {padding-top: 6rem;} } .content-top .section-spotlight + .section .wrap {padding-top: 3rem;} @media screen and (min-width:57.5em) { .content-top .section-spotlight + .section .wrap {padding-top: 6rem;} } .section-contact {background-color: #5a5b5f;} .contact-wrap input::placeholder {color:#222;} #contact_form_message::placeholder {color:#222;} #contact_name::placeholder, #contact_company::placeholder, #contact_phone::placeholder, #contact_email::placeholder {color:#222;} .editor-content > p {color:#222; font-weight: 400;} .editor-content > p.line-height03{line-height:0.3;} @media print { .section-contact {display: none;} } .section-contact .wrap {background-color: #ffb800;} .section-contact a {transition: background-color .15s, color .15s, border-color .15s; color: inherit; font-weight: 700;} .section-contact a:hover, .section-contact a:focus {background-color: #333; color: #fff;} .section-contact a:active {transition: none; background-color: #000; color: #ffb800;} .section-shop {color: #fff; background-color: #5a5b5f;} @media print { .section-shop {display: none;} } .section-shop .wrap {background-color: #000;} .section-shop .section-svg {fill: #ffb800;} .section-shop .section-svg .svg-icon {fill: #fddc80;} .wrap {padding-top: 3rem; padding-bottom: 3rem; flex-grow: 1; width: 100%; /*max-width: 120rem;*/ background-color: #fff; display: block; color: inherit; margin-left: auto; margin-right: auto;} @media screen and (min-width:57.5em) { .wrap {padding-top: 6rem; padding-bottom: 6rem;} #share .wrap{ padding-top: 0; } } .content-wrap {padding-left: 1.5rem; padding-right: 1.5rem;} @media screen and (min-width:57.5em) { .content-wrap {padding-left: 2rem; padding-right: 2rem;} } .content-top .section .wrap {padding-top: 0;} .content-top.padding .section .wrap{ padding-top: 10rem; } .content-middle .section:nth-child(even) {background-color: #5a5b5f;} .content-middle .section:nth-child(even) .wrap {background-color: #fff;} .content-middle .section:nth-child(odd) {background-color: #5a5b5f;} .content-middle .section:nth-child(odd) .wrap {background-color: #eceded;} .inner-wrap {padding-right: 1rem; padding-left: 1rem; max-width: 80rem; margin-left: auto; margin-right: auto;} @media screen and (min-width:40em) { .inner-wrap {padding-right: 3rem; padding-left: 3rem;} } @media screen and (min-width:57.5em) { .inner-wrap {padding-right: 4rem; padding-left: 4rem;} } @media screen and (max-width: 1000px){ .content-top.padding .section .wrap{ padding-top: 3rem; } } .banderole {position: relative; padding-top: 3rem; padding-bottom: 3rem;} .banderole[href] {display: block; color: inherit;} .banderole[href]:hover::after, .banderole[href]:focus::after {background-color: #ffb800;} .is-highlighted .banderole {color: #fff;} .is-highlighted .banderole::after {background-color: rgba(0, 0, 0, .77);} .is-highlighted .banderole[href]:hover::after, .is-highlighted .banderole[href]:focus::after {background-color: #000;} .banderole .title {word-wrap: break-word; overflow-wrap: break-word; font-size: 2.25rem; line-height: 1.36;} @media print, screen and (max-width:49.99875em) { .banderole .title {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} } @media screen and (min-width:57.5em) { .banderole .title {font-size: 2.75rem;} } @media print, screen and (max-width:49.99875em) { .banderole .title {-webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual;} } .banderole::after {content: ""; width: 99999px; position: absolute; transform-origin: bottom; transform: skew(-20deg); height: 100%; top: 0; right: 0; background-color: rgba(255, 184, 0, .88); transition: background-color .3s ease-in-out; pointer-events: none;} .banderole > * {position: relative; z-index: 1;} .page-header .banderole-wrap {z-index: 1; position: relative; overflow: hidden;} @media print, screen and (max-width:39.99875em) { .page-header .banderole-wrap {background-color: rgba(255, 184, 0, .88);} } @media print { .page-header .banderole-wrap {background-color: transparent;} } @media print, screen and (max-width:39.99875em) { .banderole-wrap.is-highlighted {background-color: rgba(0, 0, 0, .77);} } .banderole-link {display: block; color: inherit;} .banderole-link:hover, .banderole-link:focus {color: inherit;} .download-item {padding-left: 1.5rem; padding-right: 1.5rem; transition: background-color .15s, color .15s, border-color .15s; font-size: 1rem; display: block; color: #fff; background-color: #000; padding-top: .625rem; padding-bottom: .625rem;} @media screen and (min-width:57.5em) { .download-item {padding-left: 2rem; padding-right: 2rem;} } .download-item:hover, .download-item:focus {background-color: #333; color: #fff;} .download-item:active {transition: none; background-color: #000; color: #ffb800;} @media screen and (min-width:57.5em) { .download-item {font-size: 1.125rem;} } .download-item .inner {position: relative; padding-left: 2em;} .download-item .inner::before {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 1.4em; font-weight: 400; font-family: "Klueber Icons"; position: absolute; top: -.25em; left: 0;} .download-item .hint, .download-item .title {display: block; font-weight: 700;} .download-item .file-meta {font-size: .75rem; display: block; text-transform: uppercase;} @media screen and (min-width:57.5em) { .download-item .file-meta {font-size: .875rem;} } .download-item {animation: none;} .download-item.is-waiting {pointer-events: none; animation-name: is-waiting-animation; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;} .download-list > li {margin-bottom: 1rem;} .link-list {border-top: 2px solid rgba(167, 168, 170, .25);} .link-list a {padding-left: 1.5rem; padding-right: 1.5rem; font-size: 1rem; transition: background-color .15s, color .15s, border-color .15s; border-bottom: 2px solid rgba(167, 168, 170, .25); font-weight: 700; display: block; padding-top: .625rem; padding-bottom: .625rem;} @media screen and (min-width:57.5em) { .link-list a {padding-left: 2rem; padding-right: 2rem;} } @media screen and (min-width:57.5em) { .link-list a {font-size: 1.125rem;} } .link-list a:hover, .link-list a:focus {background-color: #333; color: #fff;} .link-list a:active {transition: none; background-color: #000; color: #ffb800;} .link-list a .inner {position: relative; padding-right: 2em;} .link-list a .inner::before {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 1.4em; font-weight: 400; font-family: "Klueber Icons"; position: absolute; top: -.25em; right: 0; font-weight: 400;} .link-list a[target=_blank] .inner::before {content: "";} @media screen and (min-width:40em) { .downloads-and-links {display: flex; flex-flow: row wrap; margin-right: -.5rem; margin-left: -.5rem;} } @media print { .downloads-and-links {display: none;} } .downloads-and-links > :not(:first-child) {margin-top: 2rem;} @media screen and (min-width:40em) { .downloads-and-links > * {flex: 0 0 auto; width: calc(50% - 1rem); margin-left: .5rem; margin-right: .5rem;} .downloads-and-links > :nth-child(-n+2) {margin-top: 0;} .semina_downloads-and-links > *{width: auto;} } .toolbar {visibility: hidden; pointer-events: none;} @media print { .toolbar {display: none;} } .js .toolbar {visibility: visible;} .toolbar.is-sticky {position: fixed; top: 0; bottom: auto; z-index: 3;} .toolbar.is-sticky .slider-buttons {visibility: hidden;} .toolbar a, .toolbar button {pointer-events: auto;} .toolbar .button-bar > * {margin-bottom: 0;} .toolbar .button-bar > :not(:first-child) {margin-left: .25rem;} .toolbar .button-bar .button-group {margin-left: 1rem;} @media print, screen and (max-width:39.99875em) { .toolbar .contact-trigger .text, .toolbar .newsletter-trigger .text {display: none;} .toolbar .contact-trigger .icon, .toolbar .newsletter-trigger .icon {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} } .toolbar .slider-buttons {display: none;} .page-header-slider + .toolbar .slider-buttons {display: flex;} .toolbar.bottom {opacity: 0; visibility: hidden; top: auto; right: 0; bottom: 0; position: fixed; transition: opacity .25s ease, visibility .25s ease; width: 100%;} .toolbar.bottom.is-sticky {opacity: 1; visibility: visible;} .endorsement-footer ~ .toolbar.bottom {margin-bottom: 50px;} .toolbar.bottom .button-bar {margin-left: auto; margin-right: auto; padding: 1rem; max-width: 120rem;} .is-nav-open body {overflow: hidden;} .primary-navigation li > a:not(.card), .primary-navigation .nav-back, .secondary-navigation li > a:not(.card), .secondary-navigation .nav-back {transition: color .2s, border-color .2s, opacity .2s; display: block;} .primary-navigation li > a:not(.card) span, .primary-navigation .nav-back span, .secondary-navigation li > a:not(.card) span, .secondary-navigation .nav-back span {transition: opacity .2s;} .primary-navigation {overflow: hidden;} .primary-navigation li > a:not(.card), .primary-navigation .nav-back {display: block; font-size: 1rem;} @media screen and (min-width:57.5em) { .primary-navigation li > a:not(.card), .primary-navigation .nav-back {font-size: 1.125rem;} } .primary-navigation > li > a {font-weight: 700;} .primary-navigation .is-closed > div {pointer-events: none;} .primary-navigation .nav-title {font-size: 1.5rem; line-height: 1.5; padding-left: 1.5rem; padding-right: 1.5rem; display: block; color: #fff; padding-bottom: .75em;} @media screen and (min-width:57.5em) { .primary-navigation .nav-title {padding-left: 2rem; padding-right: 2rem;} } @media screen and (min-width:80em) { .primary-navigation .nav-title {font-size: 1.125rem;} } @media screen and (min-width:100em) { .primary-navigation .nav-title {font-size: 1.5rem; line-height: 1.5;} } .primary-navigation .nav-title:hover, .primary-navigation .nav-title:focus {color: #fbcb40;} .primary-navigation .nav-title:active {color: #ffb800;} .primary-navigation .nav-title.is-active {color: #ffb800;} .primary-navigation .nav-title span {max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; position: relative; padding-right: 35px;} .primary-navigation .nav-title span::before {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-weight: 400; font-family: "Klueber Icons"; position: absolute; top: 50%; right: 0; transform: translateY(-50%);} .primary-navigation > li:nth-of-type(3) .nav-title span::before{display: none;} .primary-navigation > li:last-child .nav-title span::before{display: none;} .primary-navigation .nav-back span {display: block; position: relative; padding-left: 1.5em;} .primary-navigation .nav-back span::before {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 1.4em; font-weight: 400; font-family: "Klueber Icons"; position: absolute; top: -.25em; left: -.35em;} .secondary-navigation li > a:not(.card) {display: block; font-weight: 700; font-size: .75rem;} @media screen and (min-width:57.5em) { .secondary-navigation li > a:not(.card) {font-size: .875rem;} } .secondary-navigation li > a:not(.card) .inner {display: block; position: relative; padding-left: 1.75rem;} .secondary-navigation li > a:not(.card) .inner::before {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 1.375em; font-weight: 400; font-family: "Klueber Icons"; position: absolute; top: 50%; transform: translateY(-50%); left: 0;} /*.secondary-navigation .news .inner::before {content: ""}*/ .secondary-navigation .user-account .inner::before {content: "";} .secondary-navigation .user-account.is-logged-in .inner::after {content: ""; position: absolute; left: .75em; bottom: .125em; width: .75em; height: .75em; border-radius: 100%; border: 1px solid;} /*.secondary-navigation .worldwide .inner::before {content: ""}*/ .secondary-navigation .shop .inner::before {content: "";} .secondary-navigation .search .inner::before {content: "";} .secondary-navigation .phone .inner::before {content: "";} .desktop-navigation > .inner, .mobile-navigation > .inner {padding-right: 1rem; padding-left: 1rem; max-width: 120rem; margin-left: auto; margin-right: auto; width: 100%; padding-top: 1rem; padding-bottom: 1rem;} @media screen and (min-width:40em) { .desktop-navigation > .inner, .mobile-navigation > .inner {padding-right: 3rem; padding-left: 3rem;} } @media screen and (min-width:57.5em) { .desktop-navigation > .inner, .mobile-navigation > .inner {padding-right: 4rem; padding-left: 4rem;} } @media screen and (min-width:80em) { .desktop-navigation > .inner, .mobile-navigation > .inner {padding-top: 1.5rem; padding-bottom: 1.5rem;} } .desktop-navigation {position: absolute; z-index: 7; width: 99%; top: .5rem; height: 5.75rem; background-color: #000; display: flex; flex-direction: column; justify-content: center;} @media print { .desktop-navigation {display: none;} } @media screen and (min-width:80em) { .desktop-navigation {height: 7.8125rem;} } .desktop-navigation .primary-navigation, .desktop-navigation .secondary-navigation {display: none;} @media screen and (min-width:80em) { .desktop-navigation .primary-navigation, .desktop-navigation .secondary-navigation {display: flex; flex-wrap: wrap;} } .desktop-navigation .nav-group {padding-right: 10.5625rem;} @media screen and (min-width:80em) { .desktop-navigation .nav-group {padding-right: 13.5625rem;} } .desktop-navigation .primary-navigation > li {margin-right: 2.5rem;} .desktop-navigation .primary-navigation > li:last-child {margin-right: 0;} .desktop-navigation .primary-navigation > li > a {color: #fff;} .desktop-navigation .primary-navigation > li > a:hover, .desktop-navigation .primary-navigation > li > a:focus {color: #fbcb40;} .desktop-navigation .primary-navigation > li > a:active {color: #ffb800;} .desktop-navigation .primary-navigation > li.is-active > a {color: #ffb800;} .desktop-navigation .primary-navigation .mega-menu li > a:not(.card), .desktop-navigation .primary-navigation .nav-back {color: #fff;} .desktop-navigation .primary-navigation .mega-menu li > a:not(.card):hover, .desktop-navigation .primary-navigation .mega-menu li > a:not(.card):focus, .desktop-navigation .primary-navigation .nav-back:hover, .desktop-navigation .primary-navigation .nav-back:focus {color: #fbcb40;} .desktop-navigation .primary-navigation .mega-menu li > a:not(.card):active, .desktop-navigation .primary-navigation .nav-back:active {color: #ffb800;} .desktop-navigation .primary-navigation .mega-menu .is-active > a:not(.card) {color: #ffb800;} .desktop-navigation .primary-navigation.is-mega-menu-visible .is-closed > a span, .desktop-navigation .primary-navigation.is-mega-menu-visible .is.closed.is-active > a span {opacity: .45;} .desktop-navigation .primary-navigation.is-mega-menu-visible .is-closed > a:hover span, .desktop-navigation .primary-navigation.is-mega-menu-visible .is-closed > a:focus span, .desktop-navigation .primary-navigation.is-mega-menu-visible .is.closed.is-active > a:hover span, .desktop-navigation .primary-navigation.is-mega-menu-visible .is.closed.is-active > a:focus span {opacity: 1;} .desktop-navigation .primary-navigation div li > a:not(.card), .desktop-navigation .primary-navigation .nav-back {padding-left: 1.5rem; padding-right: 1.5rem; font-weight: 400; padding-top: .625rem; padding-bottom: .625rem; border-bottom: 2px solid rgba(255, 255, 255, .16);} @media screen and (min-width:57.5em) { .desktop-navigation .primary-navigation div li > a:not(.card), .desktop-navigation .primary-navigation .nav-back {padding-left: 2rem; padding-right: 2rem;} } .desktop-navigation .primary-navigation ul li:first-child > a:not(.card) {border-top: 2px solid rgba(255, 255, 255, .16);} .desktop-navigation .primary-navigation .nav-back {display: none;} .desktop-navigation .primary-navigation .nav-sub > div > div {padding-right: .5rem; padding-left: .5rem;} .desktop-navigation .primary-navigation .mega-menu {visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 0; width: 100%; overflow: hidden; background-color: rgba(0, 0, 0, .95); padding-top: 2rem; padding-bottom: 3.5rem; transition: visibility .3s 0s, opacity .3s; pointer-events: none;} .desktop-navigation .primary-navigation .mega-menu .wrap {display: flex; background-color: transparent; padding-top: 0; padding-right: 3.5rem; padding-bottom: 0; padding-left: 3.5rem;} .desktop-navigation .primary-navigation .mega-menu > div > div {position: relative; width: 25%;} .desktop-navigation .primary-navigation .mega-menu > div > div > .nav-title {font-weight: 700;} .desktop-navigation .primary-navigation .mega-menu .nav-sub {position: absolute; top: 0; left: 100%; visibility: hidden; opacity: 0; width: 100%; transition: visibility .3s 0s, opacity .3s;} .desktop-navigation .primary-navigation .mega-menu .nav-sub .nav-title {font-weight: 400;} .desktop-navigation .primary-navigation .mega-menu .is-opened > .nav-sub {visibility: visible; opacity: 1; transition: visibility 0s, opacity .3s;} .desktop-navigation .primary-navigation .mega-menu .has-children > a span {display: block; position: relative; padding-right: 1.5em;} .desktop-navigation .primary-navigation .mega-menu .has-children > a span::before {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 1.4em; font-weight: 400; font-family: "Klueber Icons"; position: absolute; top: -.25em; right: -.35em;} .desktop-navigation .primary-navigation .is-visible .mega-menu {pointer-events: auto; opacity: 1; visibility: visible; transition: visibility 0s, opacity .3s;} .desktop-navigation .secondary-navigation li > a {color: #646567;} .desktop-navigation .secondary-navigation li > a:hover, .desktop-navigation .secondary-navigation li > a:focus {color: #fbcb40;} .desktop-navigation .secondary-navigation li > a:active {color: #ffb800;} .desktop-navigation .secondary-navigation .is-active > a {color: #ffb800;} .desktop-navigation .secondary-navigation .user-account.is-logged-in .inner::after {background-color: #3cb300; border-color: #000;} .desktop-navigation .secondary-navigation > li {margin-right: 1.75rem; position:relative;} .desktop-navigation .secondary-navigation > li:last-child {margin-right: 0;} .desktop-navigation .secondary-navigation + .primary-navigation {padding-top: 1.5rem;} .mobile-navigation {overflow-y: auto; scrollbar-width: thin; transition: visibility .3s 0s, opacity .3s; position: fixed; top: 6.25rem; bottom: 0; z-index: 8; visibility: hidden; pointer-events: none; opacity: 0; background: rgba(0, 0, 0, .88); width: 100%;} .mobile-navigation::-webkit-scrollbar {-webkit-appearance: none;} .mobile-navigation::-webkit-scrollbar:vertical {width: .5rem;} .mobile-navigation::-webkit-scrollbar {background-color: rgba(255, 255, 255, .25);} .mobile-navigation::-webkit-scrollbar-thumb {background-color: rgba(255, 255, 255, .35);} .mobile-navigation .secondary-navigation > li{margin-right: 1.75rem; position: relative;} @media print { .mobile-navigation {display: none;} } @media screen and (min-width:80em) { .mobile-navigation {display: none;} } .is-nav-open .mobile-navigation {pointer-events: auto; visibility: visible; opacity: 1; transition: visibility 0s, opacity .3s;} @media print, screen and (min-width:30em) { .mobile-navigation .nav-group {display: flex;} } .mobile-navigation .secondary-navigation, .mobile-navigation .primary-navigation {max-width: 37.5rem;} .mobile-navigation .secondary-navigation {margin-top: 2rem;} .mobile-navigation .secondary-navigation li > a {color: #646567;} .mobile-navigation .secondary-navigation li > a:hover, .mobile-navigation .secondary-navigation li > a:focus {color: #fbcb40;} .mobile-navigation .secondary-navigation li > a:active {color: #ffb800;} .mobile-navigation .secondary-navigation .is-active > a {color: #ffb800;} .mobile-navigation .secondary-navigation .user-account.is-logged-in .inner::after {background-color: #3cb300; border-color: #000;} @media print, screen and (min-width:30em) { .mobile-navigation .secondary-navigation {margin-top: 1rem; margin-left: auto; padding-left: 2rem;} } .mobile-navigation .secondary-navigation a {padding-left: 1.5rem; padding-right: 1.5rem; padding-top: .75rem; padding-bottom: .75rem;} @media screen and (min-width:57.5em) { .mobile-navigation .secondary-navigation a {padding-left: 2rem; padding-right: 2rem;} } .mobile-navigation .primary-navigation {flex-grow: 1; position: relative; transition: height .3s;} .mobile-navigation .primary-navigation li > a:not(.card), .mobile-navigation .primary-navigation .nav-back {color: #fff;} .mobile-navigation .primary-navigation li > a:not(.card):hover, .mobile-navigation .primary-navigation li > a:not(.card):focus, .mobile-navigation .primary-navigation .nav-back:hover, .mobile-navigation .primary-navigation .nav-back:focus {color: #fbcb40;} .mobile-navigation .primary-navigation li > a:not(.card):active, .mobile-navigation .primary-navigation .nav-back:active {color: #ffb800;} .mobile-navigation .primary-navigation .is-active > a:not(.card) {color: #ffb800;} .mobile-navigation .primary-navigation li > a, .mobile-navigation .primary-navigation .nav-back {padding-left: 1.5rem; padding-right: 1.5rem; font-weight: 400; padding-top: 1rem; padding-bottom: 1rem; border-bottom: 2px solid rgba(255, 255, 255, .16);} @media screen and (min-width:57.5em) { .mobile-navigation .primary-navigation li > a, .mobile-navigation .primary-navigation .nav-back {padding-left: 2rem; padding-right: 2rem;} } @media print, screen and (min-width:30em) { .mobile-navigation .primary-navigation > li:first-child {margin-top: 1.75rem;} } .mobile-navigation .primary-navigation > li:first-child > a {border-top: 2px solid rgba(255, 255, 255, .16);} .mobile-navigation .primary-navigation > li > a {font-weight: 700;} .mobile-navigation .primary-navigation .mega-menu .wrap {padding: 0; background-color: transparent;} .mobile-navigation .primary-navigation .nav-sub {position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; width: 100%;} @media print, screen and (min-width:30em) { .mobile-navigation .primary-navigation .nav-title {padding-top: .75em;} } .mobile-navigation .primary-navigation .is-closed {visibility: hidden;} .mobile-navigation .primary-navigation .is-nested-opened > div > div > div > .nav-title, .mobile-navigation .primary-navigation .is-nested-opened > div > div > div > .nav-back {visibility: hidden;} .mobile-navigation .primary-navigation .is-opened > a {visibility: hidden;} .mobile-navigation .primary-navigation .is-opened > .nav-sub {visibility: visible; opacity: 1;} .mobile-navigation .primary-navigation .has-children > a span {display: block; position: relative; padding-right: 1.5em;} .mobile-navigation .primary-navigation .has-children > a span::before {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 1.4em; font-weight: 400; font-family: "Klueber Icons"; position: absolute; top: -.25em; right: -.35em;} .nav-trigger {position: relative; color: #fff;} .nav-trigger:hover, .nav-trigger:focus {color: #fbcb40;} .nav-trigger:active {color: #ffb800;} @media screen and (min-width:80em) { .nav-trigger {display: none;} } .nav-trigger .icon::before {content: "";} .is-nav-open .nav-trigger .icon::before {content: "";} .logo {position: absolute; overflow: hidden; z-index: 9; width: 100%; right: 0; top: .5rem; pointer-events: none;} .logo .logo-wrap {padding-right: 1rem; padding-left: 1rem; max-width: 80rem; margin-left: auto; margin-right: auto; width: 100%; margin: 0 auto; max-width: 120rem;} @media screen and (min-width:40em) { .logo .logo-wrap {padding-right: 3rem; padding-left: 3rem;} } @media screen and (min-width:57.5em) { .logo .logo-wrap {padding-right: 4rem; padding-left: 4rem;} } .logo .logo-wrap::before, .logo .logo-wrap::after {display: table; content: " "; flex-basis: 0; order: 1;} .logo .logo-wrap::after {clear: both;} .logo .logo-banderole {position: relative; float: right; display: flex; height: 5.75rem; background-color: #000; align-items: center;} @media screen and (min-width:80em) { .logo .logo-banderole {height: 7.8125rem;} } .logo .logo-banderole::before, .logo .logo-banderole::after {content: ""; position: absolute; top: 0; bottom: 0; z-index: -1;} .logo .logo-banderole::before {left: -1.25rem; width: 50%; transform: skew(-20deg);} @media screen and (min-width:80em) { .logo .logo-banderole::before {left: -1.875rem;} } .logo .logo-banderole::after {left: 0; right: -99999px;} .logo a {pointer-events: auto; margin-bottom: .25rem;} @media screen and (min-width:80em) { .logo a {margin-bottom: .5rem;} } .logo img {width: 8.5625rem;} @media screen and (min-width:80em) { .logo img {width: 11.5625rem;} } .result-list {margin-bottom: 2em; display: flex; flex-wrap: wrap;} .result-list > * {flex-basis: 100%;} .result-list .result-item-media:not(:first-child) {margin-top: 1rem;} .result-list-compact {display: flex; flex-flow: row wrap; margin-right: -.5rem; margin-left: -.5rem; margin-top: 4em;} .result-list-compact:first-child {margin-top: 0;} .result-list-compact > * {flex: 0 0 auto; min-height: 0; min-width: 0; width: calc(100% - 1rem); margin-left: .5rem; margin-right: .5rem; margin-top: 1rem;} .result-list-compact > :first-child {margin-top: 0;} @media screen and (min-width:40em) { .result-list-compact > * {flex: 0 0 auto; width: calc(50% - 1rem); margin-left: .5rem; margin-right: .5rem;} .result-list-compact > :nth-child(-n+2) {margin-top: 0;} } .result-list-compact > * {margin-top: 0;} .result-list-compact > .result-item-media {margin-top: 1rem;} .result-list-compact > .result-item-media:first-child {margin-top: 0;} @media screen and (min-width:40em) { .result-list-compact > .result-item-media:nth-child(-n+2) {margin-top: 0;} } .result-item .title {word-wrap: break-word; overflow-wrap: break-word; font-size: 1.5rem; line-height: 1.41; margin-bottom: .5em;} @media print, screen and (max-width:49.99875em) { .result-item .title {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} } @media screen and (min-width:57.5em) { .result-item .title {font-size: 1.875rem;} } .result-item .description, .result-item .details {margin-bottom: 0;} .result-item > * {display: flex; flex-wrap: wrap; color: inherit; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #eceded; height: 100%;} .result-item > [href] {transition: background-color .15s, color .15s, border-color .15s;} .result-item > [href]:hover, .result-item > [href]:focus {background-color: #333; color: #fff;} .result-item > [href]:active {transition: none; background-color: #000; color: #ffb800;} .result-item > [href]:hover .url, .result-item > [href]:focus .url {color: #ffb800;} .result-item > [href]:active .url {color: #fff;} @media screen and (min-width:40em) { .result-item > * {flex-wrap: nowrap;} } .result-item .media {margin-top: 1.5rem; margin-bottom: 1.5rem; margin-left: 1.5rem; margin-right: 1.5rem; flex-shrink: 0; flex-basis: 11.25rem;} @media screen and (min-width:57.5em) { .result-item .media {margin-top: 2rem; margin-bottom: 2rem; margin-left: 2rem; margin-right: 2rem;} } .result-item .media ~ .content .title {word-wrap: break-word; overflow-wrap: break-word; font-size: 1.25rem; line-height: 1.5;} @media print, screen and (max-width:49.99875em) { .result-item .media ~ .content .title {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} } @media screen and (min-width:57.5em) { .result-item .media ~ .content .title {font-size: 1.5rem;} } @media print, screen and (max-width:39.99875em) { .result-item .media ~ .content {margin-top: 0;} } @media screen and (min-width:40em) { .result-item .media ~ .content {margin-left: 0;} } .result-item .content {margin-top: 1.5rem; margin-bottom: 1.5rem; margin-left: 1.5rem; margin-right: 1.5rem; flex-grow: 1; flex-basis: 100%;} @media screen and (min-width:57.5em) { .result-item .content {margin-top: 2rem; margin-bottom: 2rem; margin-left: 2rem; margin-right: 2rem;} } @media screen and (min-width:40em) { .result-item .content {flex-basis: auto;} } .result-item .content > :last-child {margin-bottom: 0;} .result-item .url {transition: background-color .15s, color .15s, border-color .15s; font-size: .75rem; font-weight: 700; color: #ffb800;} @media screen and (min-width:57.5em) { .result-item .url {font-size: .875rem;} } .content-middle .section:nth-child(odd) .result-item > *, .section-spotlight .result-item > * {border-bottom-color: #fff;} .result-item-media {display: flex; flex-wrap: nowrap; flex-direction: column;} .result-item-media > * {font-size: 1rem; background-color: #eceded; display: flex; flex-wrap: wrap;} @media screen and (min-width:57.5em) { .result-item-media > * {font-size: 1.125rem;} } .result-item-media > * .inner {position: relative;padding-left: 2em;} .result-item-media > * .inner::before {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 1.4em; font-weight: 400; font-family: "Klueber Icons"; position: absolute; top: -.25em; left: 0;} .result-item-media > * .hint, .result-item-media > * .title {display: block; font-weight: 700;} .result-item-media > * .file-meta {font-size: .75rem; display: block; text-transform: uppercase;} @media screen and (min-width:57.5em) { .result-item-media > * .file-meta {font-size: .875rem;} } .result-item-media > a {height: 100%; color: inherit; flex-grow: 1; transition: background-color .15s, color .15s, border-color .15s;} .result-item-media > a:hover, .result-item-media > a:focus {background-color: #333; color: #fff;} .result-item-media > a:active {transition: none; background-color: #000; color: #ffb800;} .result-item-media > a:hover .inline-select, .result-item-media > a:focus .inline-select {color: #ffb800;} .result-item-media > a:hover .inline-select .indicator, .result-item-media > a:focus .inline-select .indicator {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZiODAwIiBkPSJNNyAxMGw1IDUgNS01eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);} .result-item-media > a:hover .inline-select:hover, .result-item-media > a:hover .inline-select:focus, .result-item-media > a:focus .inline-select:hover, .result-item-media > a:focus .inline-select:focus {color: #fff;} .result-item-media > a:hover .inline-select:hover .indicator, .result-item-media > a:hover .inline-select:focus .indicator, .result-item-media > a:focus .inline-select:hover .indicator, .result-item-media > a:focus .inline-select:focus .indicator {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNyAxMGw1IDUgNS01eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);} .result-item-media > a:hover .inline-select.is-active, .result-item-media > a:hover .inline-select:active, .result-item-media > a:focus .inline-select.is-active, .result-item-media > a:focus .inline-select:active {color: #fff; border-color: #fff;} .result-item-media > a:hover .inline-select.is-active .indicator, .result-item-media > a:hover .inline-select:active .indicator, .result-item-media > a:focus .inline-select.is-active .indicator, .result-item-media > a:focus .inline-select:active .indicator {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNyAxNGw1LTUgNSA1eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);} .result-item-media .content {margin-left: 1.5rem; margin-right: 1.5rem; margin-top: .625rem; margin-bottom: .625rem; flex-grow: 1;} @media screen and (min-width:57.5em) { .result-item-media .content {margin-left: 2rem; margin-right: 2rem;} } .result-item-media .meta {display: flex; flex-direction: column; align-items: flex-end; margin-left: auto;} .result-item-media .fallback-image {opacity: .25;} .result-item-media .responsive-embed, .result-item-media .responsive-embed.lazyloaded {background-color: #f6f6f6;} .result-item-media .responsive-embed img {width: 100% !important; height: 100% !important; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain";} .result-item-media .media {margin-left: 1.5rem; margin-right: 1.5rem; margin-top: 1rem; margin-bottom: 1rem; width: 11.125rem;} @media screen and (min-width:57.5em) { .result-item-media .media {margin-left: 2rem; margin-right: 2rem;} } .result-item-media .inline-select {margin-left: 1.5rem; margin-right: 1.5rem; margin-top: auto; margin-bottom: .625rem; display: inline-flex; color: #ffb800;} @media screen and (min-width:57.5em) { .result-item-media .inline-select {margin-left: 2rem; margin-right: 2rem;} } .result-item-media .inline-select:hover, .result-item-media .inline-select:focus, .result-item-media .inline-select:active {background-color: transparent;} .result-item-media.is-video .inner::before {content: "";} .result-item-media.is-highlighted > * {background-color: #ffb800;} .result-item-media.is-highlighted > a:hover .inline-select, .result-item-media.is-highlighted > a:focus .inline-select {color: #ffb800;} .result-item-media.is-highlighted > a:hover .inline-select .indicator, .result-item-media.is-highlighted > a:focus .inline-select .indicator {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZiODAwIiBkPSJNNyAxMGw1IDUgNS01eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);} .result-item-media.is-highlighted > a:hover .inline-select:hover, .result-item-media.is-highlighted > a:hover .inline-select:focus, .result-item-media.is-highlighted > a:focus .inline-select:hover, .result-item-media.is-highlighted > a:focus .inline-select:focus {color: #fff;} .result-item-media.is-highlighted > a:hover .inline-select:hover .indicator, .result-item-media.is-highlighted > a:hover .inline-select:focus .indicator, .result-item-media.is-highlighted > a:focus .inline-select:hover .indicator, .result-item-media.is-highlighted > a:focus .inline-select:focus .indicator {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNyAxMGw1IDUgNS01eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);} .result-item-media.is-highlighted > a:hover .inline-select.is-active, .result-item-media.is-highlighted > a:hover .inline-select:active, .result-item-media.is-highlighted > a:focus .inline-select.is-active, .result-item-media.is-highlighted > a:focus .inline-select:active {color: #fff; border-color: #fff;} .result-item-media.is-highlighted > a:hover .inline-select.is-active .indicator, .result-item-media.is-highlighted > a:hover .inline-select:active .indicator, .result-item-media.is-highlighted > a:focus .inline-select.is-active .indicator, .result-item-media.is-highlighted > a:focus .inline-select:active .indicator {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNyAxNGw1LTUgNSA1eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);} .result-item-media.is-highlighted .inline-select {color: #fff;} .result-item-media.is-highlighted .inline-select .indicator {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNyAxMGw1IDUgNS01eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);} .result-item-media.is-highlighted .inline-select.is-active, .result-item-media.is-highlighted .inline-select:active {color: #fff; border-color: #fff;} .result-item-media.is-highlighted .inline-select.is-active .indicator, .result-item-media.is-highlighted .inline-select:active .indicator {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNyAxNGw1LTUgNSA1eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);} .result-item-media.is-restricted .inner > :not(.hint), .result-item-media.is-restricted .meta {opacity: .25;} .result-item-media.is-restricted .inner::before {content: "";} .result-item-media.is-restricted.support-item .inner::before {content: ""; } .content-middle .section:nth-child(odd) .result-item-media:not(.is-highlighted) > *, .section-spotlight .result-item-media:not(.is-highlighted) > * {background-color: #fff;} .content-middle .section:nth-child(odd) .result-item-media:not(.is-highlighted) > a, .section-spotlight .result-item-media:not(.is-highlighted) > a {transition: background-color .15s, color .15s, border-color .15s;} .content-middle .section:nth-child(odd) .result-item-media:not(.is-highlighted) > a:hover, .content-middle .section:nth-child(odd) .result-item-media:not(.is-highlighted) > a:focus, .section-spotlight .result-item-media:not(.is-highlighted) > a:hover, .section-spotlight .result-item-media:not(.is-highlighted) > a:focus {background-color: #333; color: #fff;} .content-middle .section:nth-child(odd) .result-item-media:not(.is-highlighted) > a:active, .section-spotlight .result-item-media:not(.is-highlighted) > a:active {transition: none; background-color: #000; color: #ffb800;} .content-middle .section:nth-child(odd) .result-item-media:not(.is-highlighted) .responsive-embed, .section-spotlight .result-item-media:not(.is-highlighted) .responsive-embed {background-color: rgba(207, 208, 210, .5);} .footer {display: flex; background-color: #5a5b5f;} div.newsletter-subscription p {color:#000; font-size:16px; font-weight:lighter;} div.presence-switch select {background-color:#fff; border:none; font-size:15px; color:#aaa;} div.newsletter-subscription .inner{width: 200px; display: flex; align-items: center; /* justify-content: center; */ /* background-color: #ffb800; */ color: #ffb800; font-size: 17px; text-align: center; /* padding: 10px 0; */ font-weight: 600;} div.newsletter-subscription .inner::after {position:relative; top:-1px; right:-10px;} div.newsletter-subscription .inner::before {display:none;} div.presence-switch .social-icons .button-bar > a {border-radius:0%; width:40px; height:40px;} div.presence-switch .social-icons .button-bar > a.facebook i {font-size:17px;} div.presence-switch .social-icons .button-bar > a.insta i {font-size:17px; color:#fff;} .checkradio-wrap input {border:1px solid #222 !important;} .checkradio-wrap label {font-size:16px; color:#222; font-weight:lighter;} @media print { .footer {display: none;} } .footer .wrap {padding-top: 2rem; padding-bottom: 2rem; background-color: #eceded;} @media screen and (min-width:57.5em) { .footer .wrap {padding-top: 4rem; padding-bottom: 4rem;} } .footer .footer-inner {display: flex; flex-flow: row wrap; margin-right: -.5rem; margin-left: -.5rem; justify-content: space-between;} .footer .footer-inner > * {flex: 0 0 auto; width: calc(100% - 1rem); /* margin-left: .5rem; margin-right: .5rem; */ margin-bottom: 2.5rem;} @media screen and (min-width:57.5em) { .footer .footer-inner > * {flex: 0 0 auto; /* width: calc(33.3333333333% - 1rem); margin-left: .5rem; margin-right: .5rem */} .footer .footer-inner > nav {width: calc(19%); margin-right:5%;} .footer .footer-inner > div.newsletter-subscription {/* width: calc(30%); */ width: calc(60%); margin-right:5%;} .footer .footer-inner > div.presence-switch {width: calc(35%);} } @media screen and (min-width:57.5em) { .footer .footer-inner > * {margin-bottom: 0;} } .footer .footer-inner > :first-child {margin-top: 1rem;} @media screen and (min-width:57.5em) { .footer .footer-inner > :first-child {margin-top: 0;} } .footer .footer-inner > :last-child {margin-bottom: 1rem;} @media screen and (min-width:57.5em) { .footer .footer-inner > :last-child {margin-bottom: 0;} } .footer .newsletter-subscription, .footer .presence-switch, .footer .certificate-container {/* padding-left: 1.5rem; padding-right: 1.5rem */} @media screen and (min-width:57.5em) { .footer .newsletter-subscription, .footer .presence-switch, .footer .certificate-container {/* padding-left: 2rem; padding-right: 2rem */} } .footer .certificate-container .certificate-list {flex-wrap: nowrap; margin: -.5rem;} .footer .certificate-container .certificate-list > * {flex-basis: auto;} .footer .certificate-container .certificate-item {padding: .5rem;} .footer .certificate-container .certificate-item img {max-height: 6rem;} .footer .link-list a {color: inherit; font-weight: 400; transition: background-color .15s, color .15s, border-color .15s;} .footer .link-list a:hover, .footer .link-list a:focus {background-color: #333; color: #fff;} .footer .link-list a:active {transition: none; background-color: #000; color: #ffb800;} .footer .social-icons:not(:first-child) {margin-top: 1rem;} .footer-title {margin-top: 2em; margin-bottom: 1em; font-size: 1rem; font-weight: bold; margin-top: 0;} @media screen and (min-width:57.5em) { .footer-title {font-size: 1.125rem;} } .social-icons .button-bar {justify-content: flex-start} .social-icons .button-bar > * {margin-left: 0; margin-bottom: .5rem;} .social-icons .button-bar > :not(:last-child) {margin-right: .5rem;} .social-icons a {font-size: .75rem;} .breadcrumb li {display: inline-flex; position: relative; padding-right: 2rem; max-width: 100%;} .breadcrumb li::after {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-weight: 400; font-family: "Klueber Icons"; position: absolute; right: .5rem; position: absolute; top: 50%; transform: translateY(-50%);} .breadcrumb li:last-child::after {content: "";} .breadcrumb a {font-size: .75rem; transition: background-color .15s, color .15s, border-color .15s; display: block; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} @media screen and (min-width:57.5em) { .breadcrumb a {font-size: .875rem;} } .breadcrumb a:hover, .breadcrumb a:focus {background-color: #333; color: #fff;} .breadcrumb a:active {transition: none; background-color: #000; color: #ffb800;} .card {transition: background-color .15s, color .15s, border-color .15s; color: inherit; display: block; height: 100%;} .card:hover, .card:focus {background-color: #333; color: #fff;} .card:hover span.postmark{color:#fff;} .card:hover p{color:#fff;} .card:active {transition: none; background-color: #000; color: #ffb800;} .card[target=_blank] .postmark, .card.video-link .postmark {padding-left: 2.25em;} .card[target=_blank] .postmark::before {content: "";} .card.video-link .postmark::before {content: "";} @media print { .card .media {display: none;} } .card .media + .content {border-top: 0;} .card .content {padding-top: 1.5rem; padding-bottom: 1.5rem; border-top-width: 2px; border-top-style: solid; border-top-color: #eceded;} .swiper-pagination-progressbar {height: 1px; background: #e6e6e6;} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #ffb800;} @media screen and (min-width:57.5em) { .card .content {padding: 2rem 2rem 2rem 2rem;} } .card .content p {margin-bottom: .5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .card .content > :last-child {margin-bottom: 0;} .card .title {word-wrap: break-word; overflow-wrap: break-word; font-size: 1.5rem; line-height: 1.41; margin-bottom: .5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} @media print, screen and (max-width:49.99875em) { .card .title {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} } @media screen and (min-width:57.5em) { .card .title {font-size: 26px; font-weight: 500;} .card p {font-size:16px; color:#000;} } .card .title:only-child {word-wrap: break-word; overflow-wrap: break-word; font-size: 1.25rem; line-height: 1.5; margin-top: -.25em; margin-bottom: -.25em;} @media print, screen and (max-width:49.99875em) { .card .title:only-child {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} } @media screen and (min-width:57.5em) { .card .title:only-child {font-size: 1.5rem;} } .content-middle .section:nth-child(odd) .card, .section-spotlight .card {border-bottom-color: #fff;} .content-middle .section:nth-child(odd) .card .content, .section-spotlight .card .content {border-top-color: #fff;} .page-intro .wrap {padding-bottom: 0;} @media screen and (min-width:68.75em) { .page-header.is-medium + .page-intro .wrap {padding-top: 0;} } .page-intro .inner-wrap {padding-bottom: 3rem;} @media screen and (min-width:57.5em) { .page-intro .inner-wrap {padding-bottom: 4rem;} } .page-intro .content-wrap > :last-child {margin-bottom: 0;} .swiper-container {margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;} .swiper-container-no-flexbox .swiper-slide {float: left;} .swiper-container-vertical > .swiper-wrapper {flex-direction: column;} .swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;} .swiper-container-android .swiper-slide, .swiper-wrapper {transform: translate3d(0, 0, 0);} .swiper-container-multirow > .swiper-wrapper {flex-wrap: wrap;} .swiper-container-free-mode > .swiper-wrapper {transition-timing-function: ease-out; margin: 0 auto;} .swiper-slide {flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform;} .swiper-slide-invisible-blank {visibility: hidden;} .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {height: auto;} .swiper-container-autoheight .swiper-wrapper {align-items: flex-start; transition-property: transform, height;} .swiper-container-3d {perspective: 1200px;} .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {transform-style: preserve-3d;} .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10;} .swiper-container-3d .swiper-slide-shadow-left {background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent);} .swiper-container-3d .swiper-slide-shadow-right {background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent);} .swiper-container-3d .swiper-slide-shadow-top {background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent);} .swiper-container-3d .swiper-slide-shadow-bottom {background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent);} .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {touch-action: pan-y;} .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {touch-action: pan-x;} .swiper-button-prev, .swiper-button-next {position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat;} .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {opacity: .35; cursor: auto; pointer-events: none;} .swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto;} .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto;} .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");} .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");} .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");} .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");} .swiper-button-lock {display: none;} .swiper-pagination {position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10;} .swiper-pagination.swiper-pagination-hidden {opacity: 0;} .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 10px; left: 0; width: 100%;} .swiper-pagination-bullets-dynamic {overflow: hidden; font-size: 0;} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transform: scale(.33); position: relative;} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {transform: scale(1);} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {transform: scale(1);} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {transform: scale(.66);} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {transform: scale(.33);} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {transform: scale(.66);} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {transform: scale(.33);} .swiper-pagination-bullet {width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2;} button.swiper-pagination-bullet {border: 0; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none;} .swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;} .swiper-pagination-bullet-active {opacity: 1; background: #007aff;} .swiper-container-vertical > .swiper-pagination-bullets {right: 10px; top: 50%; transform: translate3d(0, -50%, 0);} .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 6px 0; display: block;} .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {top: 50%; transform: translateY(-50%); width: 8px;} .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {display: inline-block; transition: 200ms transform, 200ms top;} .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px;} .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left: 50%; transform: translateX(-50%); white-space: nowrap;} .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition: 200ms transform, 200ms left;} .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition: 200ms transform, 200ms right;} .swiper-pagination-progressbar {background: #e6e6e6; position: absolute;} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #ffb800; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top;} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {transform-origin: right top;} .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width: 100%; height: 1px; left: 0; bottom: 100px;} .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width: 4px; height: 100%; left: 0; top: 0;} .swiper-pagination-white .swiper-pagination-bullet-active {background: #fff;} .swiper-pagination-progressbar.swiper-pagination-white {background: rgba(255, 255, 255, .25);} .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {background: #fff;} .swiper-pagination-black .swiper-pagination-bullet-active {background: #000;} .swiper-pagination-progressbar.swiper-pagination-black {background: rgba(0, 0, 0, .25);} .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {background: #000;} .swiper-pagination-lock {display: none;} .swiper-scrollbar {border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1);} .swiper-container-horizontal > .swiper-scrollbar {position: absolute; left: 1%; bottom: 84px; z-index: 50; height: 1px; width: 100%;} .swiper-container-vertical > .swiper-scrollbar {position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%;} .swiper-scrollbar-drag {height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0;} .swiper-scrollbar-cursor-drag {cursor: move;} .swiper-scrollbar-lock {display: none;} .swiper-zoom-container {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center;} .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas {max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain;} .swiper-slide-zoomed {cursor: move;} .swiper-lazy-preloader {width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s steps(12, end) infinite;} .swiper-lazy-preloader:after {display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat;} .swiper-lazy-preloader-white:after {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");} @keyframes swiper-preloader-spin { to {transform: rotate(360deg);} } .swiper-container .swiper-notification {position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000;} .swiper-container-fade.swiper-container-free-mode .swiper-slide {transition-timing-function: ease-out;} .swiper-container-fade .swiper-slide {pointer-events: none; transition-property: opacity;} .swiper-container-fade .swiper-slide .swiper-slide {pointer-events: none;} .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {pointer-events: auto;} .swiper-container-cube {overflow: visible;} .swiper-container-cube .swiper-slide {pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%;} .swiper-container-cube .swiper-slide .swiper-slide {pointer-events: none;} .swiper-container-cube.swiper-container-rtl .swiper-slide {transform-origin: 100% 0;} .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {pointer-events: auto;} .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {pointer-events: auto; visibility: visible;} .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right {z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .swiper-container-cube .swiper-cube-shadow {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; filter: blur(50px); z-index: 0;} .swiper-container-flip {overflow: visible;} .swiper-container-flip .swiper-slide {pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1;} .swiper-container-flip .swiper-slide .swiper-slide {pointer-events: none;} .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {pointer-events: auto;} .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right {z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .swiper-container-coverflow .swiper-wrapper {-ms-perspective: 1200px;} .slider .slide-inner {height: 100%; padding-right: 20px; padding-left: 20px;} .slider .card {height: 100%;} .slider .button-bar > * {margin-top: 2rem; margin-bottom: 0;} .swiper-container .button-bar {visibility: hidden;} .js .swiper-container .button-bar {visibility: visible;} .slide-inner {box-sizing: border-box;} .slider-content {padding-right: 1rem; padding-left: 1rem; max-width: 80rem; margin-left: auto; margin-right: auto;} @media screen and (min-width:40em) { .slider-content {padding-right: 3rem; padding-left: 3rem;} } @media screen and (min-width:57.5em) { .slider-content {padding-right: 4rem; padding-left: 4rem;} } .slider-content .button-bar {position: absolute; right: .75rem; top: .75rem; z-index: 1;} .slider-content .button-bar > * {margin-top: 0;} @media screen and (min-width:40em) { .slider-content .button-bar {right: 2rem; top: 2rem;} } .slider-caption {padding-right: 1rem; padding-left: 1rem; max-width: 80rem; margin-left: auto; margin-right: auto;} @media screen and (min-width:40em) { .slider-caption {padding-right: 3rem; padding-left: 3rem;} } @media screen and (min-width:57.5em) { .slider-caption {padding-right: 4rem; padding-left: 4rem;} } .slider-caption .swiper-container-initialized .swiper-slide:not(.swiper-slide-active) {opacity: 0 !important;} .slider-caption .slide-inner {padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem;} @media screen and (min-width:57.5em) { .slider-caption .slide-inner {padding-top: 2rem; padding-bottom: 2rem; padding-left: 2rem; padding-right: 2rem;} } .slider-caption .slide-inner > :last-child {margin-bottom: 0;} .slider-media .slide-inner {padding: 0;} .slider-navigation .swiper-slide {cursor: pointer;} .slider-navigation .minds-cookiebot-placeholder-video .minds-cookiebot-placeholder-text {display: none;} .slider-actions {padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; position: absolute; top: auto; left: 0; right: 0; bottom: 0; z-index: 1;} @media screen and (min-width:57.5em) { .slider-actions {padding-top: 2rem; padding-bottom: 2rem; padding-left: 2rem; padding-right: 2rem;} } .slider-actions .dynamic-wrapper {margin-bottom: 0;} .slider-actions .form-field {background-color: #fff;} .slider-actions .button-bar {position: static; flex-wrap: nowrap;} .slider-actions .button-bar:only-child {margin-left: auto;} @media print, screen and (max-width:29.99875em) { .slider-actions .button-bar .text {position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;} } @media print, screen and (max-width:29.99875em) { .slider-actions .button-bar .icon {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} } @media print { .product-slider {display: none;} } .product-slider .swiper-slide {width: 100%; height: auto; max-width: 17.5rem;} .related-content-slider .swiper-slide {width: 25%; height: auto; /* max-width: 23.125rem */} /*메인페이지 슬라이드 반응형*/ @media screen and (max-width:1200px) { .related-content-slider .swiper-slide {width: 33.333333%;} } @media screen and (max-width:1000px) { .related-content-slider .swiper-slide {width: 50%;} } @media screen and (max-width:640px) { .related-content-slider .swiper-slide {width: 100%;} } @media screen and (min-width:40em) { /* .related-content-slider .swiper-slide {max-width: 30rem;} */ } .related-content-slider .swiper-slide.no-image {max-width: 16.875rem;} @media screen and (min-width:40em) { .related-content-slider .swiper-slide.no-image {max-width: 23.125rem;} } .distributor-slider {margin-top: 2rem;} @media screen and (min-width:57.5em) { .distributor-slider {margin-top: 4rem;} .related-content-slider .swiper-slide.no-image {max-width: 23.125rem;} } .distributor-slider:first-child {margin-top: 0;} .distributor-slider .slide-inner {padding: 0;} .distributor-slider .slider-navigation {height: 0; overflow: hidden;} @media screen and (min-width:50em) { .distributor-slider .slider-navigation {height: auto; margin-bottom: 4rem;} } .distributor-slider .slider-navigation .content {display: flex;} .distributor-slider .slider-navigation .figure {background-color: rgba(128, 128, 128, .5);} .distributor-slider .slider-navigation .panel {display: flex; align-items: flex-end; position: relative; padding-top: .5rem; padding-right: 1rem; padding-bottom: .5rem; padding-left: 1rem;} .distributor-slider .slider-navigation .title {font-size: 1rem; font-weight: 700; display: none;} @media screen and (min-width:57.5em) { .distributor-slider .slider-navigation .title {font-size: 1.125rem;} } .distributor-slider .slider-navigation .swiper-slide {max-width: 17.5rem;} .distributor-slider .slider-navigation .swiper-slide:not(:last-child) {margin-right: 2px;} .distributor-slider .slider-navigation .swiper-slide:not(.swiper-slide-thumb-active) .title {display: block;} .distributor-slider .slider-navigation .swiper-slide:not(.swiper-slide-thumb-active) .figure {position: relative; filter: grayscale(1); opacity: .4;} .distributor-slider .slider-content .title {word-wrap: break-word; overflow-wrap: break-word; font-size: 1.5rem; line-height: 1.41; margin-bottom: 1rem; font-weight:bold;} @media print, screen and (max-width:49.99875em) { .distributor-slider .slider-content .title {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} } @media screen and (min-width:57.5em) { .distributor-slider .slider-content .title {font-size: 1.875rem;} } .distributor-slider .slider-content .link {font-size: 1rem; font-weight: 700; margin-bottom: 1.5rem;} @media screen and (min-width:57.5em) { .distributor-slider .slider-content .link {font-size: 1.125rem;} } .distributor-slider .slider-content .link:last-child {margin-bottom: 0;} .distributor-slider .slider-content .button-bar {visibility: visible;} .distributor-slider .slider-content .panel {color: inherit; display: block; position: relative; background-color: rgba(255, 184, 0, .9); width: 100%; margin-bottom: 10.875rem; padding-left: 1.5rem; padding-right: 1.5rem; transition: background-color .15s, color .15s, border-color .15s;} @media screen and (min-width:57.5em) { .distributor-slider .slider-content .panel {padding-left: 2rem; padding-right: 2rem;} } .distributor-slider .slider-content .panel:hover, .distributor-slider .slider-content .panel:focus {background-color: #333; color: #fff;} .distributor-slider .slider-content .panel:active {transition: none; background-color: #000; color: #ffb800;} @media screen and (min-width:50em) { .distributor-slider .slider-content .panel {height: 100%; width: 41.6666666667%; min-width: 25rem; padding-bottom: 7.5rem; margin-bottom: 0; padding-top:80px;} } .distributor-slider .slider-content .swiper-slide {background-color: #cfd0d2;} .distributor-slider .slider-content .content {min-height: 33.75rem;} .distributor-slider .swiper-slide {height: auto;} .distributor-slider .swiper-slide .content {height: 100%;} .distributor-slider .swiper-slide .content::before {content: ""; float: left; padding-bottom: 56.25%;} .distributor-slider .swiper-slide .content::before, .distributor-slider .swiper-slide .content::after {display: table; content: " "; flex-basis: 0; order: 1;} .distributor-slider .swiper-slide .content::after {clear: both;} .distributor-slider .swiper-slide .media {position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .distributor-slider .swiper-slide .figure {height: 100%; width: 100%;} .distributor-slider .swiper-slide .figure img {height: 100% !important; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover";} .distributor-slider .swiper-slide .fallback-image {opacity: .08;} @media screen and (min-width:50em) { .slider-aside .slider-wrapper {padding-right: 1rem; padding-left: 1rem; max-width: 80rem; margin-left: auto; margin-right: auto;} } @media screen and (min-width:50em) and (min-width:40em) { .slider-aside .slider-wrapper {padding-right: 3rem; padding-left: 3rem;} } @media screen and (min-width:50em) and (min-width:57.5em) { .slider-aside .slider-wrapper {padding-right: 4rem; padding-left: 4rem;} } @media screen and (min-width:50em) { .slider-aside .slider-wrapper > .slider-inner {display: flex;} } @media screen and (min-width:50em) { .slider-aside .slider-content {margin: 0; padding: 0; width: 75%; max-width: none; min-width: 0; flex-grow: 1; flex-shrink: 1;} } .slider-aside .slider-navigation {margin-bottom: 1rem;} @media screen and (min-width:40em) { .slider-aside .slider-navigation {margin-bottom: 2rem;} } @media screen and (min-width:50em) { .slider-aside .slider-navigation {width: 25%; margin-bottom: 0; margin-left: 1rem; order: 2; flex-shrink: 0;} } .slider-aside .slider-navigation .swiper-container {height: 100%;} .slider-aside .slider-navigation .swiper-slide {cursor: pointer; height: auto; width: 11.25rem;} @media screen and (min-width:50em) { .slider-aside .slider-navigation .swiper-slide {width: 100%;} } .slider-aside .slider-navigation .swiper-slide:not(:last-child) {margin-right: 2px;} @media screen and (min-width:50em) { .slider-aside .slider-navigation .swiper-slide:not(:last-child) {margin-right: 0; margin-bottom: 4px;} } .slider-aside .slider-navigation .swiper-slide:not(.swiper-slide-thumb-active) .slide-inner {position: relative; filter: grayscale(1); opacity: .4;} .slider-aside .slider-navigation .swiper-slide .slide-inner {background-color: rgba(128, 128, 128, .5); padding: 0;} .slider-aside .slider-navigation .swiper-slide .slide-inner.is-video::after {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 2rem; font-weight: 400; font-family: "Klueber Icons"; position: absolute; right: 1rem; bottom: .5rem; color: #fff; z-index: 2;} .slider-aside .slider-navigation .swiper-slide .slide-inner .responsive-embed {background-color: transparent;} @media screen and (min-width:50em) { .slider-aside .slider-caption {padding: 0;} } .figure-content-wrap {display: flex;} .figure-content-wrap > * {flex-grow: 1; flex-shrink: 1; flex-basis: 100%;} .figure-content-wrap > .figure {display: none;} @media screen and (min-width:40em) { .figure-content-wrap > .figure {margin-left: 1.5rem; margin-right: 1.5rem; display: block; flex-grow: 0; flex-shrink: 0; flex-basis: 5.9375rem;} } @media screen and (min-width:40em) and (min-width:57.5em) { .figure-content-wrap > .figure {margin-left: 2rem; margin-right: 2rem;} } @media screen and (min-width:57.5em) { .figure-content-wrap > .figure {flex-basis: 7.5rem;} } @media screen and (min-width:80em) { .figure-content-wrap > .figure {flex-basis: 8.75rem;} } .figure-content-wrap .section-title:not(:only-child) {margin-bottom: .5em;} .contact-item {font-size: 1rem; margin-top: 0; margin-bottom: 1.5em; display: flex; flex-wrap: wrap; align-content: flex-start;} @media screen and (min-width:57.5em) { .contact-item {font-size: 1.125rem;} } .contact-item .figure, .contact-item .content {padding-bottom: .75rem;} .contact-item .figure {flex-shrink: 0; flex-basis: 8.125rem; margin-right: 1.5rem;} .contact-item .content {flex-grow: 1; flex-shrink: 1; flex-basis: 10.3125rem;} .contact-item .content > :last-child {margin-bottom: 0;} .contact-item .title {word-wrap: break-word; overflow-wrap: break-word; font-size: 1.25rem; line-height: 1.5;} @media print, screen and (max-width:49.99875em) { .contact-item .title {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} } @media screen and (min-width:57.5em) { .contact-item .title {font-size: 1.5rem;} } .contact-item a {color: inherit; transition: background-color .15s, color .15s, border-color .15s;} .contact-item a:hover, .contact-item a:focus {background-color: #333; color: #fff;} .contact-item a:active {transition: none; background-color: #000; color: #ffb800;} .contact-item .position {font-size: .75rem; display: block;} @media screen and (min-width:57.5em) { .contact-item .position {font-size: .875rem;} } .contact-item .group {margin-bottom: .5em;} .contact-item .address {font-size: .75rem; margin-bottom: 0;} @media screen and (min-width:57.5em) { .contact-item .address {font-size: .875rem;} } .contact-item .type {font-size: .75rem; font-weight: 700; margin-bottom: 0;} @media screen and (min-width:57.5em) { .contact-item .type {font-size: .875rem;} } .contact-item .phone {white-space: nowrap; display: inline-flex; position: relative; padding-left: 2em;} .contact-item .phone::before {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 1.5em; font-weight: 400; font-family: "Klueber Icons"; position: absolute; left: 0; top: -.3em;} .route, .website, .email, .telephone, .fax, .mobile {position: relative; display: block; padding-left: 1.5rem;} .route::before, .website::before, .email::before, .telephone::before, .fax::before, .mobile::before {position: absolute; top: -1px; left: 0;} .route::before {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 1.25em; font-weight: 400; font-family: "Klueber Icons"; top: -5px; left: -2px;} .website::before {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 1em; font-weight: 400; font-family: "Klueber Icons";} .email::before {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 1em; font-weight: 400; font-family: "Klueber Icons";} .telephone::before {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 1em; font-weight: 400; font-family: "Klueber Icons";} .fax::before {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 1em; font-weight: 400; font-family: "Klueber Icons";} .mobile::before {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 1em; font-weight: 400; font-family: "Klueber Icons";} .contact-list {margin-top: -.5rem; margin-left: -.5rem; margin-right: -.5rem; margin-bottom: 1.5rem; display: flex; flex-wrap: wrap;} .contact-list > * {padding-top: .5rem; padding-left: .5rem; padding-right: .5rem; padding-bottom: .5rem; flex-basis: 22.5rem; flex-grow: 1;} @media screen and (min-width:80em) { .contact-list > :only-child {max-width: 50%;} } .contact-list .contact-item {margin-bottom: 0; height: 100%;} .distributor-news {display: flex; flex-flow: row wrap; margin-right: -.5rem; margin-left: -.5rem; margin-top: 4em;} .distributor-news:first-child {margin-top: 0;} .distributor-news > * {flex: 0 0 auto; min-height: 0; min-width: 0; width: calc(100% - 1rem); margin-left: .5rem; margin-right: .5rem; margin-top: 1rem;} .distributor-news > :first-child {margin-top: 0;} @media screen and (min-width:40em) { .distributor-news > * {flex: 0 0 auto; width: calc(50% - 1rem); margin-left: .5rem; margin-right: .5rem;} .distributor-news > :nth-child(-n+2) {margin-top: 0;} } @media screen and (min-width:68.75em) { .distributor-news > * {flex: 0 0 auto; width: calc(33.3333333333% - 1rem); margin-left: .5rem; margin-right: .5rem;} .distributor-news > :nth-child(-n+3) {margin-top: 0;} } .distributor-highlighted-children {display: flex; flex-flow: row wrap; margin-right: -.5rem; margin-left: -.5rem; margin-top: 4em;} .distributor-highlighted-children:first-child {margin-top: 0;} .distributor-highlighted-children > * {flex: 0 0 auto; min-height: 0; min-width: 0; width: calc(100% - 1rem); margin-left: .5rem; margin-right: .5rem; margin-top: 1rem;} .distributor-highlighted-children > :first-child {margin-top: 0;} @media screen and (min-width:40em) { .distributor-highlighted-children > * {flex: 0 0 auto; width: calc(50% - 1rem); margin-left: .5rem; margin-right: .5rem;} .distributor-highlighted-children > :nth-child(-n+2) {margin-top: 0;} } @media screen and (min-width:68.75em) { .distributor-highlighted-children > * {flex: 0 0 auto; width: calc(33.3333333333% - 1rem); margin-left: .5rem; margin-right: .5rem;} .distributor-highlighted-children > :nth-child(-n+3) {margin-top: 0;} } .distributor-children {display: flex; flex-flow: row wrap; margin-right: -.5rem; margin-left: -.5rem; margin-top: 4em;} .distributor-children:first-child {margin-top: 0;} .distributor-children > * {flex: 0 0 auto; min-height: 0; min-width: 0; width: calc(100% - 1rem); margin-left: .5rem; margin-right: .5rem; margin-top: 1rem;} .distributor-children > :first-child {margin-top: 0;} @media screen and (min-width:40em) { .distributor-children > * {flex: 0 0 auto; width: calc(50% - 1rem); margin-left: .5rem; margin-right: .5rem;} .distributor-children > :nth-child(-n+2) {margin-top: 0;} } @media screen and (min-width:57.5em) { .distributor-children > * {flex: 0 0 auto; width: calc(33.3333333333% - 1rem); margin-left: .5rem; margin-right: .5rem;} .distributor-children > :nth-child(-n+3) {margin-top: 0;} } @media screen and (min-width:80em) { .distributor-children > * {flex: 0 0 auto; width: calc(25% - 1rem); margin-left: .5rem; margin-right: .5rem;} .distributor-children > :nth-child(-n+4) {margin-top: 0;} } .distributor-primary {display: flex; flex-flow: row wrap; margin-right: -.5rem; margin-left: -.5rem; margin-top: 4em;} .distributor-primary:first-child {margin-top: 0;} .distributor-primary > * {flex: 0 0 auto; min-height: 0; min-width: 0; width: calc(100% - 1rem); margin-left: .5rem; margin-right: .5rem; margin-top: 1rem;} .distributor-primary > :first-child {margin-top: 0;} @media screen and (min-width:40em) { .distributor-primary > * {flex: 0 0 auto; width: calc(50% - 1rem); margin-left: .5rem; margin-right: .5rem;} .distributor-primary > :nth-child(-n+2) {margin-top: 0;} } @media screen and (min-width:57.5em) { .distributor-primary > * {flex: 0 0 auto; width: calc(33.3333333333% - 1rem); margin-left: .5rem; margin-right: .5rem;} .distributor-primary > :nth-child(-n+3) {margin-top: 0;} } @media screen and (min-width:80em) { .distributor-primary > * {flex: 0 0 auto; width: calc(25% - 1rem); margin-left: .5rem; margin-right: .5rem;} .distributor-primary > :nth-child(-n+4) {margin-top: 0;} } @media print { .distributor-primary > * {margin-top: 0;} } .distributor-secondary {display: flex; flex-flow: row wrap; margin-right: -.5rem; margin-left: -.5rem; margin-top: 4em;} .distributor-secondary:first-child {margin-top: 0;} .distributor-secondary > * {flex: 0 0 auto; min-height: 0; min-width: 0; width: calc(100% - 1rem); margin-left: .5rem; margin-right: .5rem; margin-top: 1rem;} .distributor-secondary > :first-child {margin-top: 0;} @media screen and (min-width:40em) { .distributor-secondary > * {flex: 0 0 auto; width: calc(50% - 1rem); margin-left: .5rem; margin-right: .5rem;} .distributor-secondary > :nth-child(-n+2) {margin-top: 0;} } @media screen and (min-width:68.75em) { .distributor-secondary > * {flex: 0 0 auto; width: calc(33.3333333333% - 1rem); margin-left: .5rem; margin-right: .5rem;} .distributor-secondary > :nth-child(-n+3) {margin-top: 0;} } .distributor-categories {display: flex; flex-flow: row wrap; margin-right: -.5rem; margin-left: -.5rem; margin-top: 4em;} .distributor-categories:first-child {margin-top: 0;} .distributor-categories > * {flex: 0 0 auto; min-height: 0; min-width: 0; width: calc(100% - 1rem); margin-left: .5rem; margin-right: .5rem; margin-top: 1rem;} .distributor-categories > :first-child {margin-top: 0;} @media screen and (min-width:40em) { .distributor-categories > * {flex: 0 0 auto; width: calc(50% - 1rem); margin-left: .5rem; margin-right: .5rem;} .distributor-categories > :nth-child(-n+2) {margin-top: 0;} } .distributor-tags {display: flex; flex-flow: row wrap; margin-right: -.5rem; margin-left: -.5rem; margin-top: 4em;} .distributor-tags:first-child {margin-top: 0;} .distributor-tags > * {flex: 0 0 auto; min-height: 0; min-width: 0; width: calc(100% - 1rem); margin-left: .5rem; margin-right: .5rem; margin-top: 1rem;} .distributor-tags > :first-child {margin-top: 0;} @media screen and (min-width:40em) { .distributor-tags > * {flex: 0 0 auto; width: calc(50% - 1rem); margin-left: .5rem; margin-right: .5rem;} .distributor-tags > :nth-child(-n+2) {margin-top: 0;} } @media screen and (min-width:68.75em) { .distributor-tags > * {flex: 0 0 auto; width: calc(33.3333333333% - 1rem); margin-left: .5rem; margin-right: .5rem;} .distributor-tags > :nth-child(-n+3) {margin-top: 0;} } .distributor-secondary-item {background-color: #eceded; height: 100%;} .distributor-secondary-item .media {background-color: #cfd0d2; flex-shrink: 0; flex-basis: 5.875rem;} @media screen and (min-width:57.5em) { .distributor-secondary-item .media {flex-basis: 7.1875rem;} } .distributor-secondary-item .media img {-o-object-fit: cover; object-fit: cover; position: absolute; height: 100% !important; top: 0; left: 0; font-family: "object-fit: cover";} .distributor-secondary-item .media .fallback-image {-o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain";} .distributor-secondary-item .figure {position: relative; height: 100%; padding-bottom: 100%;} .distributor-secondary-item .content {padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1rem; padding-bottom: 1rem; flex-basis: 100%; flex-grow: 1;} @media screen and (min-width:57.5em) { .distributor-secondary-item .content {padding-left: 2rem; padding-right: 2rem;} } @media screen and (min-width:57.5em) { .distributor-secondary-item .content {padding-top: 1.5rem; padding-bottom: 1.5rem;} } .distributor-secondary-item .title {font-size: 1rem; font-weight: 700;} @media screen and (min-width:57.5em) { .distributor-secondary-item .title {font-size: 1.125rem;} } .distributor-secondary-item > a {transition: background-color .15s, color .15s, border-color .15s; display: flex; flex-wrap: nowrap; color: inherit; height: 100%;} .distributor-secondary-item > a:hover, .distributor-secondary-item > a:focus {background-color: #333; color: #fff;} .distributor-secondary-item > a:active {transition: none; background-color: #000; color: #ffb800;} .distributor-children-anchors {display: flex; flex-flow: row wrap; margin-right: -.5rem; margin-left: -.5rem; margin-top: 4em;} .distributor-children-anchors:first-child {margin-top: 0;} .distributor-children-anchors > * {flex: 0 0 auto; min-height: 0; min-width: 0; width: calc(100% - 1rem); margin-left: .5rem; margin-right: .5rem; margin-top: 3rem;} .distributor-children-anchors > :first-child {margin-top: 0;} @media screen and (min-width:40em) { .distributor-children-anchors > * {flex: 0 0 auto; width: calc(50% - 1rem); margin-left: .5rem; margin-right: .5rem;} .distributor-children-anchors > :nth-child(-n+2) {margin-top: 0;} } @media screen and (min-width:68.75em) { .distributor-children-anchors > * {flex: 0 0 auto; width: calc(33.3333333333% - 1rem); margin-left: .5rem; margin-right: .5rem;} .distributor-children-anchors > :nth-child(-n+3) {margin-top: 0;} } .distributor-children-anchors .card {height: auto;} .distributor-children-anchors .card .title {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; padding-right: 1.75em;} .distributor-children-anchors .card .title::before {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 1.125em; font-weight: 400; font-family: "Klueber Icons"; position: absolute; top: -.05em; right: 0;} .distributor-children-anchors .link-list {border-top: none;} .distributor-categories-item {display: flex;} .distributor-categories-item .media {display: none;} @media screen and (min-width:68.75em) { .distributor-categories-item .media {display: block; max-height: 14.5rem; flex-basis: 9.375rem;} } .distributor-categories-item .title {margin-bottom: .5em;} .content-middle .section:nth-child(odd) .distributor-secondary-item, .section-spotlight .distributor-secondary-item {background-color: #fff;} .no-item .title {font-size: 1rem; font-weight: 700;} @media screen and (min-width:57.5em) { .no-item .title {font-size: 1.125rem;} } .media-content-container .media-content-wrap + .media-content-wrap {margin-top: 2rem;} @media screen and (min-width:57.5em) { .media-content-container .media-content-wrap + .media-content-wrap {margin-top: 4rem;} } .media-content-container .content {padding-left: 1.5rem; padding-right: 1.5rem;} @media screen and (min-width:57.5em) { .media-content-container .content {padding-left: 2rem; padding-right: 2rem;} } .media-content-container .media {display: none;} @media screen and (min-width:57.5em) { .media-content-container .media {display: block;} } .media-content-wrap {display: flex; flex-flow: row wrap; margin-right: -.5rem; margin-left: -.5rem;} .media-content-wrap .editor-content:not(.grid-content) {max-width: 57.5rem;} .media-content-wrap > * {flex: 0 0 auto; min-height: 0; min-width: 0; width: calc(100% - 1rem); margin-left: .5rem; margin-right: .5rem;} .media-content-wrap > :not(:first-child) {margin-top: 1rem;} .media-content-wrap.is-reverse {flex-direction: row-reverse;} @media screen and (min-width:57.5em) { .media-content-wrap.emphasize-content > .content {flex: 0 0 auto; width: calc(66.6666666667% - 1rem); margin-left: .5rem; margin-right: .5rem; margin-top: 0;} } @media screen and (min-width:57.5em) { .media-content-wrap.emphasize-content > .media {flex: 0 0 auto; width: calc(33.3333333333% - 1rem); margin-left: .5rem; margin-right: .5rem; margin-top: 0;} } @media screen and (min-width:57.5em) { .media-content-wrap.emphasize-media > .content {flex: 0 0 auto; width: calc(33.3333333333% - 1rem); margin-left: .5rem; margin-right: .5rem; margin-top: 0;} } @media screen and (min-width:57.5em) { .media-content-wrap.emphasize-media > .media {flex: 0 0 auto; width: calc(66.6666666667% - 1rem); margin-left: .5rem; margin-right: .5rem; margin-top: 0;} } @media print, screen and (max-width:39.99875em) { .media-content-wrap.emphasize-both > .media > * {max-width: 24rem;} } @media screen and (min-width:40em) { .media-content-wrap.emphasize-both > * {flex: 0 0 auto; width: calc(50% - 1rem); margin-left: .5rem; margin-right: .5rem;} .media-content-wrap.emphasize-both > :nth-child(-n+2) {margin-top: 0;} } .media-content-wrap.gap-large > .media, .media-content-wrap.gap-large > .content {padding-left: 1.5rem; padding-right: 1.5rem;} @media screen and (min-width:57.5em) { .media-content-wrap.gap-large > .media, .media-content-wrap.gap-large > .content {padding-left: 2rem; padding-right: 2rem;} } .content-block-item {padding: 2rem 0; border-top: 2px solid #eceded;} .content-block-item .imgBox img{ width: auto; margin: 0 auto; } @media screen and (min-width:57.5em) { .content-block-item {padding: 4rem 0;} } .content-block-item:last-child {border-bottom: 2px solid #eceded;} .content-block-item .title {padding-left: 1.5rem; padding-right: 1.5rem; margin-top: 2em; margin-bottom: 1em; word-wrap: break-word; overflow-wrap: break-word; font-size: 2.25rem; line-height: 1.36;} @media screen and (min-width:57.5em) { .content-block-item .title {padding-left: 2rem; padding-right: 2rem;} } @media print, screen and (max-width:49.99875em) { .content-block-item .title {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} } @media screen and (min-width:57.5em) { .content-block-item .title {font-size: 2.75rem;} } .content-block-item .title:first-child {margin-top: 0;} .content-block-item .media {font-size: 1rem; margin-top: 0; margin-bottom: 1.5em;} @media screen and (min-width:57.5em) { .content-block-item .media {font-size: 1.125rem;} } .content-block-item .media, .content-block-item .content {padding-left: 1.5rem; padding-right: 1.5rem;} @media screen and (min-width:57.5em) { .content-block-item .media, .content-block-item .content {padding-left: 2rem; padding-right: 2rem;} } .content-middle .section:nth-child(odd) .content-block-item, .section-spotlight .content-block-item {border-color: #fff;} .highlighted-download-item .responsive-embed {background-color: rgba(207, 208, 210, .5);} .highlighted-download-item .responsive-embed a {transition: background-color .15s, color .15s, border-color .15s; display: block; height: 100%;} .highlighted-download-item .responsive-embed a:hover, .highlighted-download-item .responsive-embed a:focus {background-color: #333; color: #fff;} .highlighted-download-item .responsive-embed a:active {transition: none; background-color: #000; color: #ffb800;} .highlighted-download-item .responsive-embed img {width: 100% !important; height: 100% !important; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain";} .highlighted-download-item .trigger {animation: none;} .highlighted-download-item .trigger.is-waiting {pointer-events: none; animation-name: is-waiting-animation; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;} .highlighted-download-item .media {padding-left: 1.5rem; padding-right: 1.5rem;} @media screen and (min-width:57.5em) { .highlighted-download-item .media {padding-left: 2rem; padding-right: 2rem;} } .highlighted-download-item .media a {display: block;} .highlighted-download-item .media > * {max-width: 12.5rem;} @media screen and (min-width:40em) { .highlighted-download-item .media > * {max-width: 21.25rem;} } .highlighted-download-item .media + .content {padding-top: 1.5rem;} @media screen and (min-width:40em) and (max-width:57.49875em) { .highlighted-download-item .media + .content {padding-top: 0;} } .highlighted-download-item .content {padding-left: 1.5rem; padding-right: 1.5rem;} @media screen and (min-width:57.5em) { .highlighted-download-item .content {padding-left: 2rem; padding-right: 2rem;} } .highlighted-download-item .media-content-wrap {display: flex; flex-flow: row wrap; margin-right: -.5rem; margin-left: -.5rem;} .highlighted-download-item .media-content-wrap > * {flex: 0 0 auto; min-height: 0; min-width: 0; width: calc(100% - 1rem); margin-left: .5rem; margin-right: .5rem;} .highlighted-download-item .media-content-wrap > :not(:first-child) {margin-top: 1rem;} .highlighted-download-item .media-content-wrap .editor-content {max-width: 33.75rem;} @media screen and (min-width:57.5em) { .highlighted-download-item:only-child .media + .content .editor-content {max-width: none;} } @media screen and (min-width:40em) { .highlighted-download-item:only-child .media-content-wrap > .media {flex: 0 0 auto; width: calc(33.3333333333% - 1rem); margin-left: .5rem; margin-right: .5rem; margin-top: 0;} } @media screen and (min-width:40em) { .highlighted-download-item:only-child .media-content-wrap > .media + .content {flex: 0 0 auto; width: calc(66.6666666667% - 1rem); margin-left: .5rem; margin-right: .5rem; margin-top: 0;} } @media screen and (min-width:40em) and (max-width:57.49875em) { .highlighted-download-item:not(:only-child) .media-content-wrap > .media {flex: 0 0 auto; width: calc(33.3333333333% - 1rem); margin-left: .5rem; margin-right: .5rem; margin-top: 0;} } @media screen and (min-width:40em) and (max-width:57.49875em) { .highlighted-download-item:not(:only-child) .media-content-wrap > .media + .content {flex: 0 0 auto; width: calc(66.6666666667% - 1rem); margin-left: .5rem; margin-right: .5rem; margin-top: 0;} } @media screen and (min-width:40em) and (max-width:57.49875em) { .highlighted-download-item:nth-child(2n+1) .media {padding-right: 0;} } @media screen and (min-width:40em) and (max-width:57.49875em) { .highlighted-download-item:nth-child(2n) .media-content-wrap {flex-direction: row-reverse;} } @media screen and (min-width:40em) and (max-width:57.49875em) { .highlighted-download-item:nth-child(2n) .media {padding-left: 0;} } .content-middle .section:nth-child(odd) .highlighted-download-item .responsive-embed, .section-spotlight .highlighted-download-item .responsive-embed {background-color: #f6f6f6;} .highlighted-download-list:not(.count-1) {display: flex; flex-flow: row wrap; margin-right: -.5rem; margin-left: -.5rem;} .highlighted-download-list:not(.count-1) > * {flex: 0 0 auto; min-height: 0; min-width: 0; width: calc(100% - 1rem); margin-left: .5rem; margin-right: .5rem;} .highlighted-download-list:not(.count-1) > :not(:first-child) {margin-top: 4rem} @media screen and (min-width:57.5em) { .highlighted-download-list:not(.count-1) > * {flex: 0 0 auto; width: calc(50% - 1rem); margin-left: .5rem; margin-right: .5rem;} .highlighted-download-list:not(.count-1) > :nth-child(-n+2) {margin-top: 0;} } body .mktoModal {padding: .5rem;} body .mktoModal .mktoModalMask {position: fixed; height: 100% !important; background-color: rgba(0, 0, 0, .88);} body .mktoModal .mktoModalContent {padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; max-width: 37.5rem; width: 100%; left: 0 !important; position: relative; margin-left: auto; margin-right: auto;} @media screen and (min-width:57.5em) { body .mktoModal .mktoModalContent {padding-top: 2rem; padding-bottom: 2rem; padding-left: 2rem; padding-right: 2rem;} } body .mktoModal .mktoModalMain {width: 100% !important;} body .mktoModal .mktoForm {background-color: transparent; padding-top: 1rem; padding-left: 0; padding-right: 0; padding-bottom: 0;} body .mktoModal .mktoForm a, body .mktoModal .mktoForm em {padding: 0; margin: 0;} body .mktoModal .mktoForm a {transition: background-color .15s, color .15s, border-color .15s;} body .mktoModal .mktoForm a:hover, body .mktoModal .mktoForm a:focus {background-color: #333; color: #fff;} body .mktoModal .mktoForm a:active {transition: none; background-color: #000; color: #ffb800;} body .mktoModal .mktoForm p {font-family: inherit; font-size: inherit;} body .mktoModal .mktoForm .mktoLabel {margin-left: 0; margin-bottom: .25rem;} body .mktoModal .mktoForm .mktoAsterix:first-child {padding-left: 0} body .mktoModal .mktoForm .mktoFormCol[data-hidden=true] {position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;} body .mktoModal .mktoModalClose {font-size: 1.125rem; min-height: 3em; outline: 0; line-height: 1.4; display: inline-flex; align-items: center; justify-content: center; position: relative; min-width: 3em; transition: color 100ms ease; overflow: hidden; font-weight: 700; text-align: left; padding-top: .8em; padding-right: 1em; padding-bottom: .8em; padding-left: 1em; color: #fff; background-color: #000; transition: background-color .15s, color .15s, border-color .15s; font-size: 1rem; display: block; line-height: 9999px; overflow: hidden; position: absolute; right: 0; top: 0; border: 0; border-radius: 0;} body .mktoModal .mktoModalClose:hover, body .mktoModal .mktoModalClose:focus {background-color: #333; color: #fff;} body .mktoModal .mktoModalClose:active {transition: none; background-color: #000; color: #ffb800;} body .mktoModal .mktoModalClose::before {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 1.375em; font-weight: 400; font-family: "Klueber Icons"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1;} .mkto-success-message {word-wrap: break-word; overflow-wrap: break-word; font-size: 1.5rem; line-height: 1.41; padding: 1.5rem;} @media print, screen and (max-width:49.99875em) { .mkto-success-message {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} } @media screen and (min-width:57.5em) { .mkto-success-message {font-size: 1.875rem} } .calculator .unit {position: absolute; top: 1em; right: 1em;} .calculator .unit + input {padding-right: 4.5em; padding-top: 15px;} .calculator-result-wrap, .calculator-errors {margin-bottom: 1rem;} .calculator-errors {color: #fff; background-color: #91131d; padding-top: 2rem; padding-right: 2rem; padding-bottom: 2rem; padding-left: 2rem;} .calculator-errors ul {list-style: none; margin-bottom: 0; margin-left: 0} .calculator-errors li {margin-bottom: .5em;} .calculator-result-wrap {padding: 2rem; background: #cfd0d2;} .calculator-result-wrap > :last-child {margin-bottom: 0;} .calculator-result {word-wrap: break-word; overflow-wrap: break-word; font-size: 1.25rem; line-height: 1.5;} @media print, screen and (max-width:49.99875em) { .calculator-result {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto} } @media screen and (min-width:57.5em) { .calculator-result {font-size: 1.5rem} } .inline-select {transition: background-color .15s, color .15s, border-color .15s; font-weight: 700; border-bottom: 2px solid transparent; cursor: pointer} .inline-select:hover, .inline-select:focus {background-color: #333; color: #fff} .inline-select:active {transition: none; background-color: #000; color: #ffb800} .inline-select:hover .indicator, .inline-select:focus .indicator {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNyAxMGw1IDUgNS01eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=)} .inline-select.is-active, .inline-select:active {border-color: #ffb800} .inline-select.is-active .indicator {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZiODAwIiBkPSJNNyAxNGw1LTUgNSA1eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=)} .inline-select:active .indicator {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZiODAwIiBkPSJNNyAxNGw1LTUgNSA1eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=)} .inline-select .indicator {white-space: pre-wrap; word-wrap: break-word; display: inline; padding-left: 1.25em; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZiODAwIiBkPSJNNyAxMGw1IDUgNS01eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=)} .inline-select .indicator > * {opacity: 0; font-size: 0} .dropdown.is-visible .dropdown-content {display: block; position: absolute} .dropdown.is-visible .dropdown-helper {display: block} .dropdown-helper {position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; z-index: 10; display: none} .dropdown-content {max-height: calc(90vh - 3rem); overflow-y: auto; scrollbar-width: thin; z-index: 11; display: none; position: relative; background-color: #000} @media (min-height:37.5em) { .dropdown-content {max-height: 50vh} } .dropdown-content::-webkit-scrollbar {-webkit-appearance: none} .dropdown-content::-webkit-scrollbar:vertical {width: .5rem} .dropdown-content::-webkit-scrollbar {background-color: rgba(255, 255, 255, .25)} .dropdown-content::-webkit-scrollbar-thumb {background-color: rgba(255, 255, 255, .35)} @media screen and (min-width:40em) { .dropdown-content .options {margin-top: 1.5rem; margin-bottom: 1.5rem; margin-left: 1.5rem; margin-right: 1.5rem; border-top: 2px solid rgba(255, 255, 255, .25)} } @media screen and (min-width:40em) and (min-width:57.5em) { .dropdown-content .options {margin-top: 2rem; margin-bottom: 2rem; margin-left: 2rem; margin-right: 2rem} } .dropdown-content .options > li:last-child a, .dropdown-content .options > li:last-child label {border-bottom-color: transparent} @media screen and (min-width:40em) { .dropdown-content .options > li:last-child a, .dropdown-content .options > li:last-child label {border-bottom-color: rgba(255, 255, 255, .25)} } .dropdown-content .options a, .dropdown-content .options label {padding-left: 1.5rem; padding-right: 1.5rem; font-size: 1rem; transition: background-color .15s, color .15s, border-color .15s; cursor: pointer; color: #fff; border-bottom: 2px solid rgba(255, 255, 255, .25); display: block; padding-top: .625rem; padding-bottom: .625rem} @media screen and (min-width:57.5em) { .dropdown-content .options a, .dropdown-content .options label {padding-left: 2rem; padding-right: 2rem} } @media screen and (min-width:57.5em) { .dropdown-content .options a, .dropdown-content .options label {font-size: 1.125rem} } .dropdown-content .options a:hover, .dropdown-content .options a:focus, .dropdown-content .options label:hover, .dropdown-content .options label:focus {background-color: #333; color: #fff} .dropdown-content .options a:active, .dropdown-content .options label:active {transition: none; background-color: #000; color: #ffb800} .dropdown-content .options a.is-active, .dropdown-content .options label.is-active {color: #ffb800} .is-compact .dropdown-content .options {border-top: none; margin: 0} .is-compact .dropdown-content .options > li:last-child a, .is-compact .dropdown-content .options > li:last-child label {border-bottom-color: transparent} .panel {padding-top: 1.5rem; padding-bottom: 1.5rem} @media screen and (min-width:57.5em) { .panel {padding-top: 2rem; padding-bottom: 2rem} } .panel.primary {background-color: #eceded} .panel .media {padding-left: 1.5rem; padding-right: 1.5rem} @media screen and (min-width:57.5em) { .panel .media {padding-left: 2rem; padding-right: 2rem} } .panel .content {padding-left: 1.5rem; padding-right: 1.5rem} @media screen and (min-width:57.5em) { .panel .content {padding-left: 2rem; padding-right: 2rem;} } .panel > p{word-break: break-all;} .panel .content > :last-child {margin-bottom: 0;} .panel > :last-child {margin-bottom: 0;} .content-middle .section:nth-child(odd) .panel.primary, .section-spotlight .panel.primary {background-color: #fff;} .teasers:not(:first-child) {margin-top: 3rem;} @media screen and (min-width:57.5em) { .teasers:not(:first-child) {margin-top: 6rem;} } .teasers > :not(:first-child) {margin-top: 2rem;} @media screen and (min-width:57.5em) { .teasers > :not(:first-child) {margin-top: 4rem} } .highlighted-teasers .section-title {padding-left: 1.5rem; padding-right: 1.5rem} @media screen and (min-width:57.5em) { .highlighted-teasers .section-title {padding-left: 2rem; padding-right: 2rem} } .highlighted-teasers .content {padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1rem} @media screen and (min-width:57.5em) { .highlighted-teasers .content {padding-left: 2rem; padding-right: 2rem} } @media screen and (min-width:50em) { .highlighted-teasers .content {padding-top: 2rem;} } @media print { .filters {display: none;} } .filter-results {margin-top: 3rem;} .filter-results {animation: none;} .filter-results.is-waiting {pointer-events: none; animation-name: is-waiting-animation; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;} @media screen and (min-width:57.5em) { .filter-results {margin-top: 6rem} } .filter-results:first-child {margin-top: 0;} .input-group {margin-top: .5rem; margin-bottom: .5rem; display: flex; flex-direction: column; flex-wrap: wrap;} .input-group > * {max-width: 100%;} .input-group.horizontal {flex-direction: row;} .input-group.horizontal > * {margin-right: 2rem;} .input-group.horizontal > :last-child {margin-right: 0;} .page-list, .pagination {display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center;} @media print { .page-list, .pagination {display: none;} } .page-list > a, .page-list > li, .pagination > a, .pagination > li {display: flex; align-items: center; margin-bottom: .25rem; margin-left: .25rem;} .page-list > a.dots, .page-list > li.dots, .pagination > a.dots, .pagination > li.dots {justify-content: center; min-width: 3em;} .page-list .is-active, .pagination .is-active {background-color: #000; color: #ffb800;} .pagination {margin-top: 2rem} @media screen and (min-width:57.5em) { .pagination {margin-top: 4rem;} } @media print, screen and (max-width:39.99875em) { .page-list {display: none;} } .page-selection {display: none; flex-wrap: nowrap;} [data-filter] .page-selection {display: flex;} @media screen and (min-width:40em) { [data-filter] .page-selection {display: none;} } .page-selection > * {margin-left: .25rem; margin-bottom: .25rem} .letter-bar {display: flex; flex-wrap: wrap; margin-bottom: 2rem; font-size: 1rem;} @media screen and (min-width:57.5em) { .letter-bar {font-size: 1.125rem} } @media screen and (min-width:68.75em) { .letter-bar {flex-wrap: nowrap; justify-content: space-between} } .letter-bar > * {background-color: #f9fafa; margin-right: .25rem; margin-bottom: .25rem; text-align: center; min-width: 2.5rem;} @media screen and (min-width:68.75em) { .letter-bar > * {background-color: transparent; min-width: 0} } .letter-bar > :first-child {min-width: 3rem} .letter-bar > .is-active a {font-weight: 700; color: #ffb800} .letter-bar span {display: block; padding-top: .5rem; padding-right: .5rem; padding-bottom: .5rem; padding-left: .5rem;} .letter-bar span.is-disabled {opacity: .2;} .letter-bar a {display: block; color: inherit; transition: background-color .15s, color .15s, border-color .15s;} .letter-bar a:hover, .letter-bar a:focus {background-color: #333; color: #fff;} .letter-bar a:active {transition: none; background-color: #000; color: #ffb800;} .product-finder-entry .filter-results:first-child {margin-top: 0;} .button-group {display: flex;} .button-group > :not(:last-child) {margin-right: .125rem;} .media-teasers {display: flex; flex-flow: row wrap; margin-right: -.5rem; margin-left: -.5rem;} .media-teasers > * {flex-grow: 1; flex-basis: 1px; flex: 0 0 auto; min-height: 0; min-width: 0; width: calc(100% - 1rem); margin-left: .5rem; margin-right: .5rem;} @media screen and (min-width:50em) { .media-teasers > * {flex: 0 0 auto; width: calc(50% - 1rem); margin-left: .5rem; margin-right: .5rem} } @media screen and (min-width:68.75em) { .media-teasers > * {flex: 1 1 0; width: auto; margin-left: .5rem; margin-right: .5rem;} } .media-teasers > :not(:last-child) {margin-bottom: 3rem;} @media screen and (min-width:68.75em) { .media-teasers > :not(:last-child) {margin-bottom: 0;} } .media-teasers a:not(.link) {color: inherit;} .media-teasers .title {word-wrap: break-word; overflow-wrap: break-word; font-size: 1.5rem; line-height: 1.41; padding-left: 1.5rem; padding-right: 1.5rem; margin-bottom: 1.5rem; padding-bottom: .5em; border-bottom: 2px solid #eceded;} @media print, screen and (max-width:49.99875em) { .media-teasers .title {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} } @media screen and (min-width:57.5em) { .media-teasers .title {font-size: 1.875rem;} } @media screen and (min-width:57.5em) { .media-teasers .title {padding-left: 2rem; padding-right: 2rem;} } .media-teasers .headline {font-size: 1rem; font-weight: 700; margin-bottom: .5rem;} @media screen and (min-width:57.5em) { .media-teasers .headline {font-size: 1.125rem;} } .media-teasers .headline .date-wrapper {margin-left: .5rem;} .media-teasers .content {padding-left: 1.5rem; padding-right: 1.5rem;} @media screen and (min-width:57.5em) { .media-teasers .content {padding-left: 2rem; padding-right: 2rem;} } .content-middle .section:nth-child(odd) .media-teasers .title, .section-spotlight .media-teasers .title {border-bottom-color: #fff;} .share-bar {margin-right: -.5rem; margin-left: -.5rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end;} @media print { .share-bar {display: none;} } .share-bar > * {margin-right: .5rem; margin-left: .5rem;} .share-bar .button-bar > * {margin-bottom: .25rem;} .share-bar .button-bar > :not(:first-child) {margin-left: .25rem;} .share-bar .share-text {flex-shrink: 0; margin-bottom: .25rem;} .input-button-group {display: flex; flex-wrap: nowrap; margin-bottom: 1rem} .input-button-group > * {margin-bottom: 0; margin-right: 1rem} .input-button-group > :last-child {margin-right: 0} .input-button-group > :not(button) {flex-grow: 1; flex-basis: 1px} @media screen and (min-width:40em) { .search .input-button-group {margin-bottom: 2rem;} .search .input-button-group [type=text], .search .input-button-group [type=password], .search .input-button-group [type=date], .search .input-button-group [type=datetime], .search .input-button-group [type=datetime-local], .search .input-button-group [type=month], .search .input-button-group [type=week], .search .input-button-group [type=email], .search .input-button-group [type=number], .search .input-button-group [type=search], .search .input-button-group [type=tel], .search .input-button-group [type=time], .search .input-button-group [type=url], .search .input-button-group [type=color] {font-size: 1.75rem; height: 4.5rem;} .search .input-button-group button {font-size: 1.5rem; line-height: 1.5; width: 4.5rem; height: 4.5rem;} } .search-overlay {position: fixed; top: 0; right: 0; bottom: 0; left: 0; bottom: auto; z-index: 12; opacity: 0; pointer-events: none; visibility: hidden; transition: opacity .3s, visibility .3s 0s;} .search-overlay.is-active {pointer-events: auto; opacity: 1; visibility: visible; transition: opacity .3s, visibility 0s;} .search-overlay .wrap {position: relative; background-color: transparent; padding-top: 0; padding-bottom: 0;} .search-overlay form {position: relative;} .search-overlay form [type=text], .search-overlay form [type=password], .search-overlay form [type=date], .search-overlay form [type=datetime], .search-overlay form [type=datetime-local], .search-overlay form [type=month], .search-overlay form [type=week], .search-overlay form [type=email], .search-overlay form [type=number], .search-overlay form [type=search], .search-overlay form [type=tel], .search-overlay form [type=time], .search-overlay form [type=url], .search-overlay form [type=color] {background-color: #fff;} .search-overlay form [type=text]:hover, .search-overlay form [type=password]:hover, .search-overlay form [type=date]:hover, .search-overlay form [type=datetime]:hover, .search-overlay form [type=datetime-local]:hover, .search-overlay form [type=month]:hover, .search-overlay form [type=week]:hover, .search-overlay form [type=email]:hover, .search-overlay form [type=number]:hover, .search-overlay form [type=search]:hover, .search-overlay form [type=tel]:hover, .search-overlay form [type=time]:hover, .search-overlay form [type=url]:hover, .search-overlay form [type=color]:hover {border-color: rgba(0, 0, 0, .16); background-color: #fff;} .search-overlay form [type=text]:focus, .search-overlay form [type=password]:focus, .search-overlay form [type=date]:focus, .search-overlay form [type=datetime]:focus, .search-overlay form [type=datetime-local]:focus, .search-overlay form [type=month]:focus, .search-overlay form [type=week]:focus, .search-overlay form [type=email]:focus, .search-overlay form [type=number]:focus, .search-overlay form [type=search]:focus, .search-overlay form [type=tel]:focus, .search-overlay form [type=time]:focus, .search-overlay form [type=url]:focus, .search-overlay form [type=color]:focus {border-color: rgba(0, 0, 0, .16);} .search-overlay .easy-autocomplete, .search-overlay .form-field {position: static;} .search-overlay .input-button-group > * {margin-right: 0;} .search-overlay .input-button-group [type=text]:last-of-type, .search-overlay .input-button-group [type=password]:last-of-type, .search-overlay .input-button-group [type=date]:last-of-type, .search-overlay .input-button-group [type=datetime]:last-of-type, .search-overlay .input-button-group [type=datetime-local]:last-of-type, .search-overlay .input-button-group [type=month]:last-of-type, .search-overlay .input-button-group [type=week]:last-of-type, .search-overlay .input-button-group [type=email]:last-of-type, .search-overlay .input-button-group [type=number]:last-of-type, .search-overlay .input-button-group [type=search]:last-of-type, .search-overlay .input-button-group [type=tel]:last-of-type, .search-overlay .input-button-group [type=time]:last-of-type, .search-overlay .input-button-group [type=url]:last-of-type, .search-overlay .input-button-group [type=color]:last-of-type {border-right: none;} .search-overlay-helper {position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .88);} .categories {display: flex; flex-wrap: wrap; flex-direction: row;} .categories > * {font-size: 1rem; line-height: 1.2; margin-bottom: .5rem;} @media screen and (min-width:57.5em) { .categories > * {font-size: 1.125rem;} } .categories > :not(:last-child)::after {content: "/"; margin-right: .25rem; margin-left: .25rem;} .categories a {color: inherit;} .categories a:hover, .categories a:focus {color: #ffb800;} .categories .is-disabled {pointer-events: none} .product-finder .filter-results {margin-top: 0} .product-finder .filter-results-bot{margin-top: 3rem;} .navigation-teasers {margin-left: auto; display: none; transition: opacity .3s} @media screen and (min-width:57.5em) { .product-finder .filter-results-bot{margin-top: 6rem;} } @media screen and (min-width:80em) { .navigation-teasers {padding-right: .5rem; padding-left: .5rem; display: block; width: 25%; max-width: 20rem; padding-left: 2.5rem;} } .navigation-teasers > :not(:first-child) {margin-top: 1rem;} .navigation-teasers .card {transition: background-color .15s, color .15s, border-color .15s; border-color: rgba(255, 255, 255, .16); color: #ffb800;} .navigation-teasers .card:hover, .navigation-teasers .card:focus {background-color: #333; color: #fff;} .navigation-teasers .card:active {transition: none; background-color: #000; color: #ffb800;} .navigation-teasers .card .responsive-embed {background-color: #000;} .navigation-teasers .card .title {font-size: 1rem; font-weight: 700;} @media screen and (min-width:57.5em) { .navigation-teasers .card .title {font-size: 1.125rem;} } [data-opened-item-level="3"] .navigation-teasers {opacity: 0; pointer-events: none;} [data-map=locations]::before {color: #ffb800;} .map {background-color: #cfd0d2; height: 320px;} @media screen and (min-width:40em) { .map {height: 580px;} } .map .gm-style {font-family: inherit; font-size: inherit; font-weight: inherit; line-height: 1.5;} .map .gm-style .gm-style-iw {font-size: inherit; font-weight: inherit;} .map .gm-style .gm-style-iw.gm-style-iw-c {border-radius: 0; padding-top: 0 !important; padding-right: 2rem !important; padding-bottom: 0 !important; padding-left: 0 !important; background-color: #f9fafa; width: 20rem; max-width: none !important; max-height: none !important;} .map .gm-style .gm-style-iw .gm-style-iw-d {overflow: auto !important; max-width: none !important;} .map .gm-style .gm-style-iw .gm-style-iw-d :last-child {margin-bottom: 0;} .map .gm-style .cluster img {display: block; width: 100%;} .map .gm-style .cluster span {font-size: .875rem !important; font-weight: 600 !important; color: #000 !important;} .map .gm-style button {top: 0 !important; right: 0 !important; min-width: 0; min-height: 0;} .page-header .map {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; height: 100%; width: 100%} .location {height: 100%; font-size: 1rem; padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem} @media screen and (min-width:57.5em) { .location {font-size: 1.125rem;} } @media screen and (min-width:57.5em) { .location {padding-top: 2rem; padding-bottom: 2rem; padding-left: 2rem; padding-right: 2rem;} } .location .location-inner + * {margin-top: 1rem;} .location .located {font-size: .75rem; font-weight: 700; margin-bottom: .25rem;} .location .located :first-child:not(:last-child)::after {content: "/"; margin-right: 4px; margin-left: 4px;} .location .title {word-wrap: break-word; overflow-wrap: break-word; font-size: 1.25rem; line-height: 1.5;} @media print, screen and (max-width:49.99875em) { .location .title {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} } @media screen and (min-width:57.5em) { .location .title {font-size: 1.5rem;} } .location .address {margin-bottom: 1rem;} .location .contact .title {font-size: 1rem; font-weight: 700;} @media screen and (min-width:57.5em) { .location .contact .title {font-size: 1.125rem;} } .locations-list {display: flex; flex-flow: row wrap; margin-right: -.5rem; margin-left: -.5rem; margin-top: 4em;} .locations-list:first-child {margin-top: 0;} .locations-list > * {flex: 0 0 auto; min-height: 0; min-width: 0; width: calc(100% - 1rem); margin-left: .5rem; margin-right: .5rem; border-bottom: 2px solid #eceded;} .locations-list > :first-child {border-top: 2px solid #eceded;} @media screen and (min-width:40em) { .locations-list > * {flex: 0 0 auto; width: calc(50% - 1rem); margin-left: .5rem; margin-right: .5rem;} .locations-list > :nth-child(-n+2) {border-top: 2px solid #eceded;} } @media screen and (min-width:68.75em) { .locations-list > * {flex: 0 0 auto; width: calc(33.3333333333% - 1rem); margin-left: .5rem; margin-right: .5rem} .locations-list > :nth-child(-n+3) {border-top: 2px solid #eceded;} } .presence-groups-overview .title {margin-top: 2em; margin-bottom: 1em; word-wrap: break-word; overflow-wrap: break-word; font-size: 2.25rem; line-height: 1.36;} @media print, screen and (max-width:49.99875em) { .presence-groups-overview .title {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} } @media screen and (min-width:57.5em) { .presence-groups-overview .title {font-size: 2.75rem;} } .presence-groups-overview .title:first-child {margin-top: 0;} .presence-groups-overview .headline {margin-top: 2em; margin-bottom: 1em; word-wrap: break-word; overflow-wrap: break-word; font-size: 1.5rem; line-height: 1.41; padding-bottom: .5rem; border-bottom: 2px solid #eceded;} @media print, screen and (max-width:49.99875em) { .presence-groups-overview .headline {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} } @media screen and (min-width:57.5em) { .presence-groups-overview .headline {font-size: 1.875rem;} } .presence-groups-overview .title, .presence-groups-overview .headline {padding-left: 1.5rem; padding-right: 1.5rem;} @media screen and (min-width:57.5em) { .presence-groups-overview .title, .presence-groups-overview .headline {padding-left: 2rem; padding-right: 2rem;} } .presence-groups-list {display: flex; flex-flow: row wrap; margin-right: -.5rem; margin-left: -.5rem; margin-bottom: 3rem;} .presence-groups-list > * {flex: 0 0 auto; min-height: 0; min-width: 0; width: calc(100% - 1rem); margin-left: .5rem; margin-right: .5rem; margin-top: 1rem;} .presence-groups-list > :first-child {margin-top: 0;} @media screen and (min-width:40em) { .presence-groups-list > * {flex: 0 0 auto; width: calc(50% - 1rem); margin-left: .5rem; margin-right: .5rem;} .presence-groups-list > :nth-child(-n+2) {margin-top: 0;} } @media screen and (min-width:57.5em) { .presence-groups-list > * {flex: 0 0 auto; width: calc(33.3333333333% - 1rem); margin-left: .5rem; margin-right: .5rem} .presence-groups-list > :nth-child(-n+3) {margin-top: 0;} } @media screen and (min-width:80em) { .presence-groups-list > * {flex: 0 0 auto; width: calc(25% - 1rem); margin-left: .5rem; margin-right: .5rem;} .presence-groups-list > :nth-child(-n+4) {margin-top: 0;} } .presence-group-item {background-color: #fff; height: 100%; padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem} @media screen and (min-width:57.5em) { .presence-group-item {padding-top: 2rem; padding-bottom: 2rem; padding-left: 2rem; padding-right: 2rem;} } @media screen and (min-width:25em) { .presence-group-item {display: flex;} } .presence-group-item .icon {width: 36px; min-width: 36px; margin-right: 1rem;} .presence-group-item .icon + .presences {margin-top: .234375rem;} .presences > * {display: inline-block;} .presences > :not(:last-child)::after {content: "/"; margin-right: .25rem; margin-left: .25rem;} .presences a {color: #000; transition: background-color .15s, color .15s, border-color .15s;} .presences a:hover, .presences a:focus {background-color: #333; color: #fff;} .presences a:active {transition: none; background-color: #000; color: #ffb800;} .easy-autocomplete {position: relative;} .easy-autocomplete-container {max-height: calc(90vh - 3rem); overflow-y: auto; scrollbar-width: thin; position: absolute; top: 100%; left: 0; right: 0; z-index: 11; background-color: #fff;} @media (min-height:37.5em) { .easy-autocomplete-container {max-height: 50vh;} } .easy-autocomplete-container::-webkit-scrollbar {-webkit-appearance: none;} .easy-autocomplete-container::-webkit-scrollbar:vertical {width: .5rem;} .easy-autocomplete-container::-webkit-scrollbar {background-color: rgba(0, 0, 0, .25);} .easy-autocomplete-container::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .35);} .easy-autocomplete-container.is-open {border: 2px solid rgba(0, 0, 0, .16); border-top: 0;} .easy-autocomplete-container ul {display: none;} @media screen and (min-width:40em) { .easy-autocomplete-container ul {padding: calc(.875rem + 2px);} } .easy-autocomplete-container li:first-of-type {border-top: 2px solid rgba(167, 168, 170, .25);} .easy-autocomplete-container li:last-child a {border-bottom-color: transparent;} @media screen and (min-width:40em) { .easy-autocomplete-container li:last-child a {border-bottom-color: rgba(167, 168, 170, .25);} } .easy-autocomplete-container a {font-size: 1rem; transition: background-color .15s, color .15s, border-color .15s; color: #ffb800; border-bottom: 2px solid rgba(167, 168, 170, .25); display: block; padding-top: .625rem; padding-bottom: .625rem; padding-left: calc(.875rem + 2px); padding-right: calc(.875rem + 2px);} @media screen and (min-width:57.5em) { .easy-autocomplete-container a {font-size: 1.125rem;} } .easy-autocomplete-container a:hover, .easy-autocomplete-container a:focus {background-color: #333; color: #fff;} .easy-autocomplete-container a:active {transition: none; background-color: #000; color: #ffb800;} @media screen and (min-width:40em) { .easy-autocomplete-container a {padding-left: 1.5rem;padding-right: 1.5rem } } @media screen and (min-width:40em) and (min-width:57.5em) { .easy-autocomplete-container a {padding-left: 2rem;padding-right: 2rem} } .easy-autocomplete-container .eac-item {max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap} .easy-autocomplete-container .eac-category {font-size: .75rem;font-weight: 700;padding-top: calc(.875rem + 2px);padding-left: calc(.875rem + 2px);padding-right: calc(.875rem + 2px);padding-bottom: calc(.875rem + 2px)} @media screen and (min-width:57.5em) { .easy-autocomplete-container .eac-category {font-size: .875rem} } @media screen and (min-width:40em) { .easy-autocomplete-container .eac-category {padding-left: 1.5rem;padding-right: 1.5rem;padding-top: 0} } @media screen and (min-width:40em) and (min-width:57.5em) { .easy-autocomplete-container .eac-category {padding-left: 2rem;padding-right: 2rem} } .dashboard .dynamic-wrapper {align-items: center} .section-country-detection {color: #000} @media print { .section-country-detection {display: none} } @media screen and (min-width:68.75em) { .section-country-detection {padding-top: 0} } .content-top .section-country-detection .inner-wrap {padding-top: 3rem} .section-country-detection + .section-summary .wrap {background-color: #fff} .section-country-detection + .section-summary .wrap .inner-wrap {padding-top: 6rem} .section-country-detection .wrap {background-color: #eceded;padding-top: 3rem} .section-country-detection.is-highlighted {color: #fff} .section-country-detection.is-highlighted .wrap { background-image: url(../img/globalBg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; padding: 90px 0;} /*.section-country-detection.is-highlighted .wrap > * {visibility: hidden}*/ .section-country-detection.is-highlighted .wrap .button-bar {justify-content: flex-start; gap: 1.5rem} .section-country-detection.is-highlighted.is-loaded .wrap > * {visibility: visible} .section-country-detection.is-highlighted form textarea, .section-country-detection.is-highlighted form select, .section-country-detection.is-highlighted form [type=text], .section-country-detection.is-highlighted form [type=password], .section-country-detection.is-highlighted form [type=date], .section-country-detection.is-highlighted form [type=datetime], .section-country-detection.is-highlighted form [type=datetime-local], .section-country-detection.is-highlighted form [type=month], .section-country-detection.is-highlighted form [type=week], .section-country-detection.is-highlighted form [type=email], .section-country-detection.is-highlighted form [type=number], .section-country-detection.is-highlighted form [type=search], .section-country-detection.is-highlighted form [type=tel], .section-country-detection.is-highlighted form [type=time], .section-country-detection.is-highlighted form [type=url], .section-country-detection.is-highlighted form [type=color] {color: #fff; border-color: #a7a8aa} .section-country-detection.is-highlighted form textarea:hover, .section-country-detection.is-highlighted form select:hover, .section-country-detection.is-highlighted form [type=text]:hover, .section-country-detection.is-highlighted form [type=password]:hover, .section-country-detection.is-highlighted form [type=date]:hover, .section-country-detection.is-highlighted form [type=datetime]:hover, .section-country-detection.is-highlighted form [type=datetime-local]:hover, .section-country-detection.is-highlighted form [type=month]:hover, .section-country-detection.is-highlighted form [type=week]:hover, .section-country-detection.is-highlighted form [type=email]:hover, .section-country-detection.is-highlighted form [type=number]:hover, .section-country-detection.is-highlighted form [type=search]:hover, .section-country-detection.is-highlighted form [type=tel]:hover, .section-country-detection.is-highlighted form [type=time]:hover, .section-country-detection.is-highlighted form [type=url]:hover, .section-country-detection.is-highlighted form [type=color]:hover {border-color: #cfd0d2; background-color: rgba(0, 0, 0, .2)} .section-country-detection.is-highlighted form textarea:focus, .section-country-detection.is-highlighted form select:focus, .section-country-detection.is-highlighted form [type=text]:focus, .section-country-detection.is-highlighted form [type=password]:focus, .section-country-detection.is-highlighted form [type=date]:focus, .section-country-detection.is-highlighted form [type=datetime]:focus, .section-country-detection.is-highlighted form [type=datetime-local]:focus, .section-country-detection.is-highlighted form [type=month]:focus, .section-country-detection.is-highlighted form [type=week]:focus, .section-country-detection.is-highlighted form [type=email]:focus, .section-country-detection.is-highlighted form [type=number]:focus, .section-country-detection.is-highlighted form [type=search]:focus, .section-country-detection.is-highlighted form [type=tel]:focus, .section-country-detection.is-highlighted form [type=time]:focus, .section-country-detection.is-highlighted form [type=url]:focus, .section-country-detection.is-highlighted form [type=color]:focus {border-color: #cfd0d2; background-color: rgba(0, 0, 0, .6)} .section-country-detection.is-highlighted form select {font-size: 16px; background-image:url(../img/main/arrow-down-s-fill.png); min-width: 15rem; margin: 0; padding: 0; padding-left: 10px; background-color:#fff; color:#aaa; border:none;} .section-country-detection .title {word-wrap: break-word; overflow-wrap: break-word; font-size: 1.5rem; line-height: 1.41; margin-bottom: 1rem} @media print, screen and (max-width:49.99875em) { .section-country-detection .title {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto} } @media screen and (min-width:57.5em) { .section-country-detection .title {font-size: 36px; font-weight: 700; color: #fff; letter-spacing: -0.03em;} .section-country-detection > p strong{font-weight: 300; color: #fff; letter-spacing: -0.03em;} } .section-country-detection .button-bar {} @media screen and (min-width:57.5em) { .section-country-detection .button-bar {width: 60%; display: block;} } .section-country-detection .button-bar > :not(:first-child) {margin-left: 0} .section-country-detection .button-bar .button-for-local-website .flag {width: 36px; min-width: 36px; margin-right: 1rem} .section-country-detection .button-bar .button-for-other-local-website {background-color: #eceded} .section-country-detection .button-bar .button-for-other-local-website:hover {background-color: #000} .section-country-detection .button-bar .button-for-other-local-website span:first-child {margin-right: 2rem} .section-country-detection .button-bar .button-for-other-local-website .icon {left: unset; right: 1em} @media screen and (min-width:40em) { .section-quotes .quotes-wrap {display: flex;} } .section-quotes .images {margin-left: 1.5rem; margin-right: 1.5rem; flex-shrink: 0; margin-bottom: 2rem; width: 5.9375rem;} @media screen and (min-width:57.5em) { .section-quotes .images {margin-left: 2rem; margin-right: 2rem;} } @media screen and (min-width:57.5em) { .section-quotes .images {width: 7.5rem;} } @media screen and (min-width:80em) { .section-quotes .images {width: 8.75rem;} } @media screen and (min-width:40em) { .section-quotes .content {flex-grow: 1; min-width: 0; width: 0;} } .quotes-slider.swiper-container-initialized .swiper-slide:not(.swiper-slide-active), .quotes-images-slider.swiper-container-initialized .swiper-slide:not(.swiper-slide-active) {opacity: 0 !important;} .quotes-slider .title {word-wrap: break-word; overflow-wrap: break-word; font-size: 1.25rem; line-height: 1.5; margin-bottom: .125em;} @media print, screen and (max-width:49.99875em) { .quotes-slider .title {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} } @media screen and (min-width:57.5em) { .quotes-slider .title {font-size: 1.5rem} } .quotes-slider .subtitle {font-size: 1rem; font-weight: 700; margin-bottom: 1.25em;} @media screen and (min-width:57.5em) { .quotes-slider .subtitle {font-size: 1.125rem;} } .highlighted-benefits {display: flex; flex-flow: row wrap; margin-right: -.5rem; margin-left: -.5rem; margin-top: 4em;} .highlighted-benefits:first-child {margin-top: 0;} .highlighted-benefits > * {flex: 0 0 auto; min-height: 0; min-width: 0; width: calc(100% - 1rem); margin-left: .5rem; margin-right: .5rem; border-bottom: 2px solid #cfd0d2;} .highlighted-benefits > :first-child {border-top: 2px solid #cfd0d2;} @media screen and (min-width:40em) { .highlighted-benefits > * {flex: 0 0 auto; width: calc(50% - 1rem); margin-left: .5rem; margin-right: .5rem} .highlighted-benefits > :nth-child(-n+2) {border-top: 2px solid #cfd0d2} } @media screen and (min-width:68.75em) { .highlighted-benefits > * {flex: 0 0 auto; width: calc(33.3333333333% - 1rem); margin-left: .5rem; margin-right: .5rem} .highlighted-benefits > :nth-child(-n+3) {border-top: 2px solid #cfd0d2;} } .highlighted-benefits > * {padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem;} @media screen and (min-width:57.5em) { .highlighted-benefits > * {padding-top: 2rem; padding-bottom: 2rem; padding-left: 2rem; padding-right: 2rem;} } .highlighted-benefits > * p {margin-bottom: 0;} .highlighted-benefits .icon {background-color: #cfd0d2; height: 6.25rem; width: 6.25rem; margin-bottom: 1.5rem;} .highlighted-benefits .icon svg {vertical-align: middle;} .highlighted-benefits .title {word-wrap: break-word; overflow-wrap: break-word; font-size: 1.25rem; line-height: 1.5; margin-bottom: .5rem;} @media print, screen and (max-width:49.99875em) { .highlighted-benefits .title {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} } @media screen and (min-width:57.5em) { .highlighted-benefits .title {font-size: 1.5rem} } .certificate-item {padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem;} @media screen and (min-width:57.5em) { .certificate-item {padding-top: 2rem;padding-bottom: 2rem;padding-left: 2rem;padding-right: 2rem} } .certificate-item .responsive-embed img {width: 100% !important; height: 100% !important; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain";} .certificate-item .title {font-size: .75rem; font-weight: 700; margin-bottom: 0; margin-top: 1rem; text-align: center;} @media screen and (min-width:57.5em) { .certificate-item .title {font-size: .875rem;} } .certificate-list {display: flex;flex-wrap: wrap;} .certificate-list > * {flex-basis: 8.75rem;} @media screen and (min-width:50em) { .certificate-list > * {flex-basis: 11.125rem;} } @media screen and (min-width:57.5em) { .certificate-list > * {flex-basis: 12rem;} } .certificate-container {background-color: transparent} .content-middle .section:nth-child(odd) .certificate-container, .section-spotlight .certificate-container {background-color: #fff;} .minds-cookiebot {display: none !important;position: fixed; box-sizing: border-box; bottom: 30px; z-index: 4; overflow-y: auto; overflow-x: hidden; left: 0; right: 0; justify-content: center; color: #fff; background-color: #646569; max-height: 50%;} .minds-cookiebot.is-minds-cookiebot-active.is-minds-cookiebot-dialog-ready {display: flex !important;} .minds-cookiebot.is-minds-cookiebot-switch-detail-active {z-index: 13; max-height: calc(100% - 30px);} .minds-cookiebot-content {display: flex; flex-direction: row; flex-wrap: wrap;} .minds-cookiebot-title {order: 0; margin-bottom: 1rem;} .minds-cookiebot-text {order: 3; margin-top: 1rem;} .minds-cookiebot-text > :last-child {margin-bottom: 0;} @media (min-width:50em) { .minds-cookiebot-text {order: 1;margin-top: 0;margin-bottom: 1.5rem;} } .minds-cookiebot-button-accept {width: 100%;} @media (min-width:50em) { .minds-cookiebot-button-accept {width: auto;margin-left: 1rem;} } .minds-cookiebot-button-decline {width: 100%;margin-top: .25rem;} @media (min-width:50em) { .minds-cookiebot-button-decline {margin-top: 0;width: auto} } .minds-cookiebot-buttons {order: 2; display: flex; flex-wrap: wrap; flex-direction: column-reverse; width: 100%;} @media (min-width:50em) { .minds-cookiebot-buttons {margin-left: auto; order: 3; flex-direction: row; width: auto;} } .minds-cookiebot-button-switch {order: 3;} @media (min-width:50em) { .minds-cookiebot-button-switch {order: 2; margin-right: 1rem; margin-top: 0; margin-left: 0;} } .minds-cookiebot-detail-overview {display: flex; flex-wrap: wrap; margin-left: -.5rem; margin-right: -.5rem;} .minds-cookiebot-detail-overview-item {margin-bottom: 1rem; margin-left: .5rem; margin-right: .5rem; width: calc(100% - 1rem);} @media (min-width:40em) { .minds-cookiebot-detail-overview-item {width: calc(50% - 1rem);} } .minds-cookiebot-panel-text > :last-child {margin-bottom: 0;} .minds-cookiebot-panel {height: 100%;} .minds-cookiebot-detail-tablecontainer table td, .minds-cookiebot-detail-tablecontainer table th {min-width: 0; white-space: nowrap;} .minds-cookiebot-detail-tablecontainer table td:nth-child(3), .minds-cookiebot-detail-tablecontainer table th:nth-child(3) {white-space: normal; min-width: 25rem;} .minds-cookiebot-tabs-panel {display: none;} .is-minds-cookiebot-tabs-panel-active {display: block;} .minds-cookiebot-switch-content {display: none;} .is-minds-cookiebot-switch-content-active {display: block;} .minds-cookiebot-dialog {width: 100%;} .minds-cookiebot-main {padding-right: 1rem; padding-left: 1rem; max-width: 80rem; margin-left: auto; margin-right: auto; padding-top: .75rem; padding-bottom: .75rem;} @media screen and (min-width:40em) { .minds-cookiebot-main {padding-right: 3rem; padding-left: 3rem;} } @media screen and (min-width:57.5em) { .minds-cookiebot-main {padding-right: 4rem; padding-left: 4rem;} } @media screen and (min-width:50em) { .minds-cookiebot-main {padding-top: 1.5rem; padding-bottom: 1.5rem;} } .minds-cookiebot-detail {padding-top: 2rem;} .minds-cookiebot-detail-about {margin-top: 3rem; margin-bottom: 3rem;} .minds-cookiebot-detail-about-title {font-size: 1rem; font-weight: 700; margin-bottom: 0;} @media screen and (min-width:57.5em) { .minds-cookiebot-detail-about-title {font-size: 1.125rem;} } .minds-cookiebot-title {font-size: 1rem; font-weight: 700;} @media screen and (min-width:57.5em) { .minds-cookiebot-title {font-size: 1.125rem;} } .minds-cookiebot-text {font-size: 1rem;} .minds-cookiebot-detail-about-text {font-size: .75rem;} @media screen and (min-width:57.5em) { .minds-cookiebot-detail-about-text {font-size: .875rem;} } .minds-cookiebot-text a, .minds-cookiebot-detail-about-text a {color: #ffb800;} .minds-cookiebot-text > *, .minds-cookiebot-detail-about-text > * {font-size: inherit;} .minds-cookiebot-text > :last-child, .minds-cookiebot-detail-about-text > :last-child {margin-bottom: 0;} .minds-cookiebot-detail-tablecontainer {font-size: .75rem; color: #000;} @media screen and (min-width:57.5em) { .minds-cookiebot-detail-tablecontainer {font-size: .875rem;} } @media screen and (min-width:40em) { .minds-cookiebot-content, .minds-cookiebot-detail {padding-left: 1.5rem; padding-right: 1.5rem;} } @media screen and (min-width:40em) and (min-width:57.5em) { .minds-cookiebot-content, .minds-cookiebot-detail {padding-left: 2rem; padding-right: 2rem;} } .minds-cookiebot-button-accept, .minds-cookiebot-button-decline, .minds-cookiebot-button-accept-selection, .minds-cookiebot-button-switch {font-size: 1rem;} @media screen and (min-width:57.5em) { .minds-cookiebot-button-accept, .minds-cookiebot-button-decline, .minds-cookiebot-button-accept-selection, .minds-cookiebot-button-switch {font-size: 1.125rem;} } .minds-cookiebot-button-accept {color: #fff; background-color: #3cb300; transition: background-color .15s, color .15s, border-color .15s;} .minds-cookiebot-button-accept:hover, .minds-cookiebot-button-accept:focus {background-color: #333; color: #fff} .minds-cookiebot-button-accept:active {transition: none; background-color: #000; color: #ffb800} .minds-cookiebot-button-decline {color: #fff; background-color: #000; transition: background-color .15s, color .15s, border-color .15s} .minds-cookiebot-button-decline:hover, .minds-cookiebot-button-decline:focus {background-color: #333; color: #fff} .minds-cookiebot-button-decline:active {transition: none; background-color: #000; color: #ffb800} .is-minds-cookiebot-switch-detail-active .minds-cookiebot-button-decline {opacity: .25; pointer-events: none} .minds-cookiebot-button-accept-selection {color: #000; background-color: #ffb800; transition: background-color .15s, color .15s, border-color .15s; margin-left: auto} .minds-cookiebot-button-accept-selection:hover, .minds-cookiebot-button-accept-selection:focus {background-color: #333; color: #fff;} .minds-cookiebot-button-accept-selection:active {transition: none; background-color: #000; color: #ffb800;} .minds-cookiebot-detail-buttons {width: 100%; display: flex;} .minds-cookiebot-button-switch {padding-left: 0; padding-right: 0; color: #ffb800;} .minds-cookiebot-button-switch:hover, .minds-cookiebot-button-switch:focus, .minds-cookiebot-button-switch:active {color: #fbcb40;} .minds-cookiebot-button-switch.is-minds-cookiebot-switch-active span::before {transform: translateY(-50%) rotate(-90deg);} .minds-cookiebot-button-switch span {display: block; padding-right: 1.75em} .minds-cookiebot-button-switch span::before {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 1.5em; font-weight: 400; font-family: "Klueber Icons";} .minds-cookiebot-button-switch span::before {position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(90deg);} .minds-cookiebot-panel {padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; background-color: #fff; color: #000;} @media screen and (min-width:57.5em) { .minds-cookiebot-panel {padding-top: 2rem; padding-bottom: 2rem; padding-left: 2rem; padding-right: 2rem;} } .minds-cookiebot-panel-text {font-size: .75rem;} @media screen and (min-width:57.5em) { .minds-cookiebot-panel-text {font-size: .875rem;} } .minds-cookiebot-input-label {margin-bottom: .5rem;} .minds-cookiebot-input-label label {font-size: 1rem; font-weight: 700;} @media screen and (min-width:57.5em) { .minds-cookiebot-input-label label {font-size: 1.125rem;} } .minds-cookiebot-tabs {display: flex; flex-wrap: wrap; margin-bottom: .5rem;} .minds-cookiebot-tabs-item {font-size: 1.125rem; min-height: 3em; outline: 0; line-height: 1.4; display: inline-flex; align-items: center; justify-content: center; position: relative; min-width: 3em; transition: color 100ms ease; overflow: hidden; font-weight: 700; text-align: left; padding-top: .8em; padding-right: 1em; padding-bottom: .8em; padding-left: 1em; color: #fff; background-color: #000; transition: background-color .15s, color .15s, border-color .15s; font-size: .875rem; min-height: 0; cursor: pointer; margin-right: .25rem; margin-bottom: .25rem;} .minds-cookiebot-tabs-item:hover, .minds-cookiebot-tabs-item:focus {background-color: #333; color: #fff;} .minds-cookiebot-tabs-item:active {transition: none; background-color: #000; color: #ffb800;} .minds-cookiebot-tabs-item:last-child {margin-right: 0;} .minds-cookiebot-tabs-item.is-minds-cookiebot-tab-active {background-color: #000; color: #ffb800;} .minds-cookiebot-detail-footer {font-size: .75rem; margin-top: 1rem;} @media screen and (min-width:57.5em) { .minds-cookiebot-detail-footer {font-size: .875rem;} } .minds-cookiebot-detail-footer a {color: #ffb800;} #CybotCookiebotDialog:not(.minds-cookiebot) {transform: translateY(-30px) !important;} #CybotCookiebotDialogDetailBodyContentTextOverview {max-width: 100%;} #CookieDeclarationUserStatusLabelConsentId {word-break: break-all;} .CookieDeclaration {font-size: 1rem;} @media screen and (min-width:57.5em) { .CookieDeclaration {font-size: 1.125rem;} } .CookieDeclaration .CookieDeclarationTypeHeader {font-weight: 700;} .CookieDeclaration table {font-size: .75rem;} @media screen and (min-width:57.5em) { .CookieDeclaration table {font-size: .875rem;} } .minds-cookiebot-placeholder-video {overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; color: #fff; background-color: transparent; background-image: radial-gradient(circle, rgba(0, 0, 0, .52), #000);} .minds-cookiebot-placeholder-video .minds-cookiebot-placeholder-main {overflow: hidden;} .minds-cookiebot-placeholder-video .minds-cookiebot-placeholder-main::after, .minds-cookiebot-placeholder-video .minds-cookiebot-placeholder-main::before {content: ""; display: block; position: absolute; left: 0; right: 0; top: -4px; height: 4px; animation: minds-cookiebot-video-scanline 8s linear infinite; opacity: .33; background-color: transparent; background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .5) 90%, transparent);} .minds-cookiebot-placeholder-video .minds-cookiebot-placeholder-main::before {animation-delay: 4s;} .minds-cookiebot-placeholder-video .minds-cookiebot-placeholder-text {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; text-align: center; z-index: 1; padding: 2rem;} @keyframes minds-cookiebot-video-scanline { 0% {top: -5px;} to {top: 100%;} } .minds-cookiebot-placeholder-text a {color: #ffb800;} .minds-cookiebot-placeholder-text a:hover {color: #fbcb40;} .is-cookiebot-active .cookieconsent-optin, .is-cookiebot-active .cookieconsent-optin-preferences, .is-cookiebot-active .cookieconsent-optin-statistics, .is-cookiebot-active .cookieconsent-optin-marketing {display: none;} .cc-window {position: fixed; z-index: 5; width: 100%; color: #fff; background-color: #646569; padding-top: .75rem; padding-bottom: 1rem;} @media screen and (min-width:40em) { .cc-window {padding-top: 1.5rem; padding-bottom: 1.5rem;} } .cc-window.cc-bottom {bottom: 30px;} .cc-window .cc-main {padding-right: 1rem; padding-left: 1rem; max-width: 80rem; margin-left: auto; margin-right: auto;} @media screen and (min-width:40em) { .cc-window .cc-main {padding-right: 3rem; padding-left: 3rem;} } @media screen and (min-width:57.5em) { .cc-window .cc-main {padding-right: 4rem; padding-left: 4rem;} } .cc-window .cc-content {display: flex; flex-direction: column;} @media screen and (min-width:40em) { .cc-window .cc-content {padding-left: 1.5rem; padding-right: 1.5rem} } @media screen and (min-width:40em) and (min-width:57.5em) { .cc-window .cc-content {padding-left: 2rem; padding-right: 2rem;} } @media screen and (min-width:40em) { .cc-window .cc-content {flex-direction: row; justify-content: flex-start;} } .cc-window .cc-message {font-size: 1rem; padding-bottom: .75rem;} @media screen and (min-width:40em) { .cc-window .cc-message {align-self: center; padding-right: 2rem; padding-bottom: 0;} } .cc-window .cc-dismiss {font-size: 1rem; color: #000; background-color: #ffb800; transition: background-color .15s, color .15s, border-color .15s; white-space: nowrap;} .cc-window .cc-dismiss:hover, .cc-window .cc-dismiss:focus {background-color: #333; color: #fff;} .cc-window .cc-dismiss:active {transition: none; background-color: #000; color: #ffb800;} @media screen and (min-width:40em) { .cc-window .cc-dismiss {font-size: 1.125rem;} } @media screen and (min-width:40em) { .cc-window .cc-compliance {margin-left: auto;} } .infographic-container {padding-right: 1rem; padding-left: 1rem; max-width: 100%; margin-left: auto; margin-right: auto;} @media screen and (min-width:40em) { .infographic-container {padding-right: 3rem; padding-left: 3rem;} } @media screen and (min-width:57.5em) { .infographic-container {padding-right: 4rem; padding-left: 4rem;} } .infographic {display: flex; flex-flow: row wrap; margin-right: -.5rem; margin-left: -.5rem; margin-top: 2rem;} @media screen and (min-width:57.5em) { .infographic {margin-top: 4rem;} } .infographic:first-child {margin-top: 0;} .infographic .countup {flex: 0 0 auto; min-height: 0; min-width: 0; width: calc(100% - 1rem); margin-left: .5rem; margin-right: .5rem; display: flex; margin-top: 2rem; align-items:center;} .infographic .countup:first-child {margin-top: 0;} @media screen and (min-width:50em) { .infographic .countup {flex: 0 0 auto; width: calc(50% - 1rem); margin-left: .5rem; margin-right: .5rem;} .infographic .countup:nth-child(-n+2) {margin-top: 0;} } @media screen and (min-width:80em) { .infographic .countup {flex: 0 0 auto; width: calc(33.3333333333% - 1rem); margin-left: .5rem; margin-right: .5rem;} .infographic .countup:nth-child(-n+3) {margin-top: 0;} } .infographic .countup .media {flex-basis: 33.33%; max-width: 8.125rem;} @media screen and (min-width:50em) { .infographic .countup .media {max-width: 11.25rem;} } .infographic .countup .content {font-size: 1rem; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; padding-left: 1.5rem; padding-right: 1.5rem; flex-basis: 66.66%; flex-grow: 1; overflow: hidden; margin-bottom: 0;} @media screen and (min-width:57.5em) { .infographic .countup .content {font-size: 1.125rem;} } @media screen and (min-width:57.5em) { .infographic .countup .content {padding-left: 2rem; padding-right: 2rem;} } .infographic .countup .responsive-embed {background-color: #f6f6f6;} .infographic .countup .count {font-size: 2.25rem; line-height: 1.36; font-weight: 700; color: #ffb800; display: block; margin-bottom: 1rem;} @media screen and (min-width:57.5em) { .infographic .countup .count {font-size: 2.75rem;} } .js .infographic .countup .count {visibility: hidden;} .infographic .countup .count.lazyloaded {visibility: visible;} .infographic .countup .description {display: block;} @media screen and (min-width:40em) { .team-overview {display: flex; flex-wrap: wrap;} } .team-overview > * {display: flex; flex-wrap: wrap;} @media screen and (min-width:40em) { .team-overview > * {width: 50%;} } @media screen and (min-width:80em) { .team-overview > * {width: 100%;} } .team-overview > :nth-child(even) .image-wrapper {order: 2;} .team-overview > :nth-child(even) .description {order: 3;} .team-overview > :nth-child(even) .tiles {order: 1;} .team-overview > :nth-child(4n+1) .primary {display: none;} .team-overview > :nth-child(4n+1) .secondary {color: #eceded;} .team-overview > :nth-child(4n+1) .tertiary {display: none;} .team-overview > :nth-child(4n+2) .primary {color: #ffb800;} .team-overview > :nth-child(4n+2) .secondary {display: none;} .team-overview > :nth-child(4n+2) .tertiary {display: none; color: #eceded;} .team-overview > :nth-child(4n+3) .secondary {display: none;} .team-overview > :nth-child(4n+3) .tertiary {display: none; color: #ffb800;} .team-overview > :nth-child(4n+4) .primary {display: none;} .team-overview > :nth-child(4n+4) .secondary {display: none;} .team-overview > :nth-child(4n+4) .tertiary {color: #eceded;} @media screen and (min-width:80em) { .team-overview > :nth-child(n) .tile {display: block;} } .team-overview .image-wrapper, .team-overview .tiles {width: 50%;} @media screen and (min-width:40em) { .team-overview .image-wrapper, .team-overview .tiles {width: 50%;} } .team-overview .image-wrapper {order: 1; width: 50%;} @media screen and (min-width:80em) { .team-overview .image-wrapper {width: 16.66%;} } .team-overview .description {order: 3; width: 100%; padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem;} @media screen and (min-width:57.5em) { .team-overview .description {padding-top: 2rem; padding-bottom: 2rem; padding-left: 2rem; padding-right: 2rem;} } @media screen and (min-width:80em) { .team-overview .description {order: 2; width: 33.33%;} } .team-overview .tiles {display: flex; width: 50%; order: 2;} @media screen and (min-width:80em) { .team-overview .tiles {order: 3;} } .team-overview .tile {width: 100%; color: #fff;} @media screen and (min-width:80em) { .team-overview .tile {width: 33.33%;} } .team-overview .tile::before {content: ""; display: block; width: 100%; background-color: currentColor; padding-bottom: 100%;} .team-overview .title {word-wrap: break-word; overflow-wrap: break-word; font-size: 1.25rem; line-height: 1.5; margin-bottom: 1rem;} @media print, screen and (max-width:49.99875em) { .team-overview .title {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} } @media screen and (min-width:57.5em) { .team-overview .title {font-size: 1.5rem;} } .team-overview img {width: 100% !important; height: 100% !important; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain";} .team-overview p {margin: 0;} .team-overview a {transition: background-color .15s, color .15s, border-color .15s; color: inherit;} .team-overview a:hover, .team-overview a:focus {background-color: #333; color: #fff;} .team-overview a:active {transition: none; background-color: #000; color: #ffb800;} .team-overview a:focus ~ a, .team-overview a:hover ~ a {background-color: #333; color: #fff;} .team-overview a:active ~ a {transition: none; background-color: #000; color: #ffb800;} .tippy-box[data-animation=fade][data-state=hidden] {opacity: 0;} [data-tippy-root] {max-width: calc(100vw - 10px);} .tippy-box {position: relative; background-color: #333; color: #fff; border-radius: 4px; font-size: 14px; line-height: 1.4; white-space: normal; outline: 0; transition-property: transform, visibility, opacity;} .tippy-box[data-placement^=top] > .tippy-arrow {bottom: 0;} .tippy-box[data-placement^=top] > .tippy-arrow:before {bottom: -7px; left: 0; border-width: 8px 8px 0; border-top-color: initial; transform-origin: center top;} .tippy-box[data-placement^=bottom] > .tippy-arrow {top: 0;} .tippy-box[data-placement^=bottom] > .tippy-arrow:before {top: -7px; left: 0; border-width: 0 8px 8px; border-bottom-color: initial; transform-origin: center bottom;} .tippy-box[data-placement^=left] > .tippy-arrow {right: 0;} .tippy-box[data-placement^=left] > .tippy-arrow:before {border-width: 8px 0 8px 8px; border-left-color: initial; right: -7px; transform-origin: center left;} .tippy-box[data-placement^=right] > .tippy-arrow {left: 0;} .tippy-box[data-placement^=right] > .tippy-arrow:before {left: -7px; border-width: 8px 8px 8px 0; border-right-color: initial; transform-origin: center right;} .tippy-box[data-inertia][data-state=visible] {transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11);} .tippy-arrow {width: 16px; height: 16px; color: #333;} .tippy-arrow:before {content: ""; position: absolute; border-color: transparent; border-style: solid;} .tippy-content {position: relative; padding: 5px 9px; z-index: 1} .tippy-box[data-animation=shift-toward][data-state=hidden] {opacity: 0} .tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=top] {transform: translateY(-10px)} .tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=bottom] {transform: translateY(10px)} .tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=left] {transform: translateX(-10px)} .tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=right] {transform: translateX(10px)} .tippy-box, .tippy-arrow {background-color: #fff; border-radius: 0;} .tippy-arrow {color: #fff;} .tippy-box {box-shadow: 3px 3px 6px rgba(0, 0, 0, .25); color: currentColor; line-height: inherit; font-size: inherit;} @supports (filter:drop-shadow(3px 3px 6px rgba(0, 0, 0, .25))) { .tippy-box {box-shadow: none; filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, .25));} } .tippy-content {padding: .5rem;} .tippy-content .hide-in-tooltip {display: none;} .tippy-box[data-theme ~ =share-tooltip] .button {font-size: 1rem; margin-bottom: 0;} .tippy-box[data-theme ~ =area-contact] .area-contact {width: 32.5rem; max-width: 100%; margin-left: 0; margin-right: 0; padding-top: 1rem; padding-bottom: 1rem;} .tippy-box[data-theme ~ =whatsapp-window] {margin-bottom: .25rem; margin-right: 1.25rem; border-radius: .5rem; box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);} @media print, screen and (min-width:30em) { .tippy-box[data-theme ~ =whatsapp-window] {margin-right: 2rem; margin-bottom: -.5rem;} } .tippy-box[data-theme ~ =whatsapp-window] .tippy-content {padding: 0;} @media print, screen and (min-width:30em) { .tippy-box[data-theme ~ =whatsapp-window] .tippy-content::after {content: ""; position: absolute; top: 100%; left: 0; right: 1.375rem; height: 3rem;} } .area-contacts-list {display: flex; flex-flow: row wrap; margin-right: -.5rem; margin-left: -.5rem; margin-top: 4em;} .area-contacts-list:first-child {margin-top: 0;} .area-contacts-list > * {flex: 0 0 auto; min-height: 0; min-width: 0; width: calc(100% - 1rem); margin-left: .5rem; margin-right: .5rem; border-bottom: 2px solid #eceded;} .area-contacts-list > :first-child {border-top: 2px solid #eceded;} @media screen and (min-width:40em) { .area-contacts-list > * {flex: 0 0 auto; width: calc(50% - 1rem); margin-left: .5rem; margin-right: .5rem;} .area-contacts-list > :nth-child(-n+2) {border-top: 2px solid #eceded;} } .area-contacts-list .is-active {border-top: 2px solid #eceded;} .area-contacts-list .is-inactive {display: none;} .area-contacts-list .area-contact {padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem;} @media screen and (min-width:57.5em) { .area-contacts-list .area-contact {padding-top: 2rem; padding-bottom: 2rem; padding-left: 2rem; padding-right: 2rem;} } .area-contact {font-size: 1rem; margin-right: -1rem; margin-left: -1rem; display: flex; flex-wrap: wrap;} @media screen and (min-width:57.5em) { .area-contact {font-size: 1.125rem;} } .area-contact .minds-cookiebot-placeholder {display: none !important;} .area-contact > .media {flex: 0 0 auto; width: calc(41.6666666667% - 2rem); margin-left: 1rem; margin-right: 1rem; min-width: 6.25rem; padding-bottom: 1rem;} .area-contact > .media figure .responsive-embed img:nth-of-type(2) {position: absolute; top: 0; right: 0; left: 0; bottom: 0; -o-object-fit: contain; object-fit: contain; opacity: 0; transition: opacity .2s;} .area-contact > .media figure .responsive-embed:hover img:nth-of-type(2) {opacity: 1;} .area-contact > .media a {min-width: 100%; margin-top: 1.4375rem; text-align: center;} .area-contact > .media a span.text {margin: 0;} .area-contact > .media a span.icon {display: none;} @media print, screen and (min-width:30em) { .area-contact > .media a span.icon {display: block;} } @media screen and (min-width:40em) { .area-contact > .media a span.icon {display: none;} } @media screen and (min-width:68.75em) { .area-contact > .media a span.icon {display: block;} } .area-contact > .media .area-contact-video-modal {min-width: 64rem; border: 0; box-shadow: 0 0 1px .2em rgba(0, 0, 0, .4); padding: .2em;} .area-contact > .content {flex: 0 0 auto; width: calc(58.3333333333% - 2rem); margin-left: 1rem; margin-right: 1rem; flex-grow: 1; min-width: 11.625rem;} @media screen and (min-width:50em) { .area-contact > .content {min-width: 13.5rem;} } .area-contact .name {word-wrap: break-word; overflow-wrap: break-word; font-size: 1.25rem; line-height: 1.5;} @media print, screen and (max-width:49.99875em) { .area-contact .name {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} } @media screen and (min-width:57.5em) { .area-contact .name {font-size: 1.5rem;} } .area-contact .job-title {font-size: 1rem; font-weight: 700; font-weight: 400; margin-bottom: 0;} @media screen and (min-width:57.5em) { .area-contact .job-title {font-size: 1.125rem;} } .area-contact .heading {font-size: 1rem; font-weight: 700; margin-top: .75em;} @media screen and (min-width:57.5em) { .area-contact .heading {font-size: 1.125rem;} } .area-contacts-map {display: none; position: absolute;} .map .area-contacts-map {display: block;} .area-contacts-map path {fill: rgba(0, 0, 0, .25); opacity: .65; transition: opacity .3s; cursor: pointer;} .area-contacts-map path:hover {opacity: .85;} .whatsapp-chat-container {max-width: 100%; width: 21.875rem} .whatsapp-chat-content {border-top-left-radius: .5rem; border-top-right-radius: .5rem; background-color: #eceded; min-height: 10rem; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem;} .whatsapp-chat-content .message-container {border-radius: .5rem; border-top-left-radius: 0; padding-top: 0; padding-right: .625rem; padding-bottom: .625rem; padding-left: .625rem; background-color: #fff; margin-right: 2.8125rem; margin-left: .3125rem; position: relative;} .is-initial .whatsapp-chat-content .message-container {opacity: 0; animation: showMessage 2.5s; animation-fill-mode: forwards; animation-timing-function: step-end;} .whatsapp-chat-content .message-container::before {content: " "; position: absolute; width: 0; height: 0; left: -.5rem; right: auto; top: 0; bottom: auto; border: .6875rem solid; border-color: #fff transparent transparent transparent;} .whatsapp-chat-content .message-container span {color: #a7a8aa; font-size: .75rem;} .whatsapp-chat-content .message-container p {margin: 0; line-height: 1.4; font-size: .875rem;} .whatsapp-chat-actions {padding-left: 1.125rem; padding-right: 1.125rem; padding-top: 1.125rem; padding-bottom: 1.125rem;} .button.whatsapp-chat-button {background-color: #2cb742; padding-top: 2rem; padding-right: 2rem; padding-bottom: 2rem; padding-left: 2rem; border-radius: 2rem;} .button.whatsapp-chat-button:hover, .button.whatsapp-chat-button:focus, .button.whatsapp-chat-button:active {color: #fff; background-color: #25aa3a;} .whatsapp-chat-cta {font-size: 1.125rem; min-height: 3em; outline: 0; line-height: 1.4; display: inline-flex; align-items: center; justify-content: center; position: relative; min-width: 3em; transition: color 100ms ease; overflow: hidden; font-weight: 700; text-align: left; padding-top: .8em; padding-right: 1em; padding-bottom: .8em; padding-left: 1em; color: #000; background-color: #ffb800; transition: background-color .15s, color .15s, border-color .15s; border-radius: 1.5625rem; min-height: 0; width: 100%; font-size: 1rem; padding-top: .5em; padding-right: 2em; padding-bottom: .5em; padding-left: 2em; color: #fff; background-color: #4fce5d; text-align: center; white-space: nowrap;} .whatsapp-chat-cta:hover, .whatsapp-chat-cta:focus {background-color: #333; color: #fff;} .whatsapp-chat-cta:active {transition: none; background-color: #000; color: #ffb800;} .whatsapp-chat-cta:hover, .whatsapp-chat-cta:focus, .whatsapp-chat-cta:active {color: #fff; background-color: #2cb742;} .whatsapp-chat-cta .icon-whatsapp {margin-right: .5rem; font-size: .875rem;} .dot-container {position: absolute; background-color: #fff; border-radius: 1.5625rem; height: 1.75rem; width: 3rem; visibility: hidden;} .is-initial .dot-container {visibility: visible; animation: showDots 2.5s; animation-fill-mode: forwards;} .dot-container .dot-flashing {left: 1.25rem; top: .6875rem; position: relative; width: .3125rem; height: .3125rem; border-radius: .3125rem; background-color: #000; color: #000;} .is-initial .dot-container .dot-flashing {animation: dotFlashing 1s infinite linear alternate; animation-delay: .5s;} .dot-container .dot-flashing::before, .dot-container .dot-flashing::after {content: ""; display: inline-block; position: absolute; top: 0;} .dot-container .dot-flashing::before {left: -.625rem; width: .3125rem; height: .3125rem; border-radius: .3125rem; background-color: #000; color: #000; animation: dotFlashing 1s infinite alternate; animation-delay: 0s;} .dot-container .dot-flashing::after {left: .625rem; width: .3125rem; height: .3125rem; border-radius: .3125rem; background-color: #000; color: #000; animation: dotFlashing 1s infinite alternate; animation-delay: 1s;} @keyframes dotFlashing { 0% {background-color: #000;} 50%, to {background-color: #eceded;} } @keyframes showDots { to {visibility: hidden;} } @keyframes showMessage { to {opacity: 1;} } .section-country-detection-helper {color: #fff;} @media print { .section-country-detection-helper {display: none;} } .section-country-detection-helper .wrap {background-color: #646569; padding-bottom: 3rem;} .section-country-detection-helper .wrap .inner-wrap {padding-top: 3rem;} .section-country-detection-helper .wrap .inner-wrap .content-wrap .section-title {font-size: 2rem;} .section-country-detection-helper form .form-field select {border-color: rgba(255, 255, 255, .16); color: #fff; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNyAxMGw1IDUgNS01eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);} .section-country-detection-helper form .form-field select:hover, .section-country-detection-helper form .form-field select:focus {border-color: #fff;background-color: rgba(255, 255, 255, .08);} .section-country-detection-helper form .form-field select option {background-color: #646569;} /* .country-detection-notice-container {position: fixed; top: 0; right: 0; width: 100vw; z-index: 99999; background-color: #cfd0d2} @media screen and (min-width:40em) { .country-detection-notice-container {width: 28.125rem; top: 8.25rem} } @media screen and (min-width:50em) { .country-detection-notice-container {width: 28.125rem; top: 14.3125rem} } .country-detection-notice-container .country-detection-notice {padding-top: 1em; padding-left: 2em; padding-right: 2em; padding-bottom: 1em} @media screen and (min-width:50em) { .country-detection-notice-container .country-detection-notice {padding-top: 2em; padding-left: 0;} } .country-detection-notice-container .country-detection-notice::after {content: ""; width: 100%; position: absolute; z-index: -1; transform-origin: top; transform: skew(-20deg); height: 100%; top: 0; right: 0; background-color: #cfd0d2;} */ .lg-icon {font-family: "lg" !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .lg-container {font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";} .lg-next, .lg-prev {background-color: rgba(0, 0, 0, .45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 10840; outline: 0; border: 0;} .lg-next.disabled, .lg-prev.disabled {opacity: 0 !important; cursor: default;} .lg-next:hover:not(.disabled), .lg-prev:hover:not(.disabled) {color: #fff;} .lg-single-item .lg-next, .lg-single-item .lg-prev {display: none;} .lg-next {right: 20px;} .lg-next:before {content: "";} .lg-prev {left: 20px;} .lg-prev:after {content: "";} @keyframes lg-right-end { 0% {left: 0;} 50% {left: -30px;} to {left: 0;} } @keyframes lg-left-end { 0% {left: 0;} 50% {left: 30px;} to {left: 0;} } .lg-outer.lg-right-end .lg-object {animation: lg-right-end .3s; position: relative;} .lg-outer.lg-left-end .lg-object {animation: lg-left-end .3s; position: relative;} .lg-toolbar {z-index: 10820; left: 0; position: absolute; top: 0; width: 100%;} .lg-media-overlap .lg-toolbar {background-image: linear-gradient(0deg, transparent, rgba(0, 0, 0, .4))} .lg-toolbar .lg-icon {color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium; will-change: color; transition: color .2s linear; background: 0 0; border: 0; box-shadow: none;} .lg-toolbar .lg-icon.lg-icon-18 {font-size: 18px;} .lg-toolbar .lg-icon:hover {color: #fff;} .lg-toolbar .lg-close:after {content: "";} .lg-toolbar .lg-maximize {font-size: 22px;} .lg-toolbar .lg-maximize:after {content: "";} .lg-toolbar .lg-download:after {content: "";} .lg-sub-html {color: #eee; font-size: 16px; padding: 10px 40px; text-align: center; z-index: 10800; opacity: 0; transition: opacity .2s ease-out 0s;} .lg-sub-html h4 {margin: 0; font-size: 13px; font-weight: 700;} .lg-sub-html p {font-size: 12px; margin: 5px 0 0;} .lg-sub-html a {color: inherit;} .lg-sub-html a:hover {text-decoration: underline;} .lg-media-overlap .lg-sub-html {background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6));} .lg-item .lg-sub-html {position: absolute; bottom: 0; right: 0; left: 0;} .lg-error-msg {font-size: 14px; color: #999;} .lg-counter {color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; height: 47px; vertical-align: middle;} .lg-closing .lg-toolbar, .lg-closing .lg-prev, .lg-closing .lg-next, .lg-closing .lg-sub-html {opacity: 0; transition: transform .08 cubic-bezier(0, 0, .25, 1) 0s, opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear;} body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap, body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont {opacity: 0; transform: scale3d(.5, .5, .5); will-change: transform, opacity; transition: transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;} body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap, body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont {opacity: 1; transform: scale3d(1, 1, 1);} .lg-icon:focus-visible {color: #fff; border-radius: 3px; outline: 1px dashed rgba(255, 255, 255, .6);} .lg-toolbar .lg-icon:focus-visible {border-radius: 8px; outline-offset: -5px;} .lg-outer .lg-thumb-outer {background-color: #0d0a0a; width: 100%; max-height: 350px; overflow: hidden; float: left;} .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {cursor: -o-grab; cursor: -ms-grab; cursor: grab;} .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {cursor: move; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing;} .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {transition-duration: 0s !important;} .lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb {transition-duration: 0s !important;} .lg-outer .lg-thumb-outer.lg-thumb-align-middle {text-align: center;} .lg-outer .lg-thumb-outer.lg-thumb-align-left {text-align: left;} .lg-outer .lg-thumb-outer.lg-thumb-align-right {text-align: right;} .lg-outer.lg-single-item .lg-thumb-outer {display: none;} .lg-outer .lg-thumb {padding: 5px 0; height: 100%; margin-bottom: -5px; display: inline-block; vertical-align: middle;} @media (min-width:768px) { .lg-outer .lg-thumb {padding: 10px 0;} } .lg-outer .lg-thumb-item {cursor: pointer; float: left; overflow: hidden; height: 100%; border-radius: 2px; margin-bottom: 5px; will-change: border-color;} @media (min-width:768px) { .lg-outer .lg-thumb-item {border-radius: 4px; border: 2px solid #fff; transition: border-color .25s ease;} } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {border-color: #a90707;} .lg-outer .lg-thumb-item img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block;} .lg-outer.lg-can-toggle .lg-item {padding-bottom: 0;} .lg-outer .lg-toggle-thumb:after {content: "";} .lg-outer.lg-animate-thumb .lg-thumb {transition-timing-function: cubic-bezier(.215, .61, .355, 1);} .lg-outer .lg-video-cont {text-align: center; display: inline-block; vertical-align: middle; position: relative;} .lg-outer .lg-video-cont .lg-object {width: 100% !important; height: 100% !important;} .lg-outer .lg-has-iframe .lg-video-cont {-webkit-overflow-scrolling: touch; overflow: auto;} .lg-outer .lg-video-object {position: absolute; left: 0; right: 0; width: 100%; height: 100%; top: 0; bottom: 0; z-index: 3} .lg-outer .lg-video-poster {z-index: 1} .lg-outer .lg-has-video .lg-video-object {opacity: 0; will-change: opacity; transition: opacity .3s ease-in} .lg-outer .lg-has-video.lg-video-loaded .lg-video-poster, .lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button {opacity: 0 !important} .lg-outer .lg-has-video.lg-video-loaded .lg-video-object {opacity: 1} @keyframes lg-play-stroke { 0% {stroke-dasharray: 1, 200; stroke-dashoffset: 0} 50% {stroke-dasharray: 89, 200; stroke-dashoffset: -35px} to {stroke-dasharray: 89, 200; stroke-dashoffset: -124px} } @keyframes lg-play-rotate { to {transform: rotate(360deg)} } .lg-video-play-button {width: 18%; max-width: 140px; position: absolute; top: 50%; left: 50%; z-index: 2; cursor: pointer; transform: translate(-50%, -50%) scale(1); will-change: opacity, transform; transition: transform .25s cubic-bezier(.17, .88, .32, 1.28), opacity .1s} .lg-video-play-button:hover .lg-video-play-icon-bg, .lg-video-play-button:hover .lg-video-play-icon {opacity: 1} .lg-video-play-icon-bg {fill: none; stroke-width: 3%; stroke: #fcfcfc; opacity: .6; will-change: opacity; transition: opacity .12s ease-in} .lg-video-play-icon-circle {position: absolute; top: 0; left: 0; bottom: 0; right: 0; fill: none; stroke-width: 3%; stroke: rgba(30, 30, 30, .9); stroke-opacity: 1; stroke-linecap: round; stroke-dasharray: 200; stroke-dashoffset: 200} .lg-video-play-icon {position: absolute; width: 25%; max-width: 120px; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); opacity: .6; will-change: opacity; transition: opacity .12s ease-in} .lg-video-play-icon .lg-video-play-icon-inner {fill: #fcfcfc} .lg-video-loading .lg-video-play-icon-circle {animation: lg-play-rotate 2s linear .25s infinite, lg-play-stroke 1.5s ease-in-out .25s infinite} .lg-video-loaded .lg-video-play-button {opacity: 0; transform: translate(-50%, -50%) scale(.7)} .lg-progress-bar {background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 10830; opacity: 0; will-change: opacity; transition: opacity .08s ease 0s} .lg-progress-bar .lg-progress {background-color: #a90707; height: 5px; width: 0} .lg-progress-bar.lg-start .lg-progress {width: 100%} .lg-show-autoplay .lg-progress-bar {opacity: 1} .lg-autoplay-button:after {content: ""} .lg-show-autoplay .lg-autoplay-button:after {content: ""} .lg-single-item .lg-autoplay-button {opacity: .75; pointer-events: none} .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {transition-duration: 0ms !important} .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {will-change: transform; transition: transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s} .lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap {will-change: transform; transition: transform .8s cubic-bezier(0, 0, .25, 1) 0s} .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden} .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img {transform: scale3d(1, 1, 1); will-change: opacity, transform; transition: transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s, opacity .15s !important; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden} .lg-icon.lg-zoom-in:after {content: ""} .lg-icon.lg-actual-size {font-size: 20px} .lg-icon.lg-actual-size:after {content: ""} .lg-icon.lg-zoom-out {opacity: .5;pointer-events: none} .lg-icon.lg-zoom-out:after {content: ""} .lg-zoomed .lg-icon.lg-zoom-out {opacity: 1; pointer-events: auto} .lg-outer[data-lg-slide-type=video] .lg-zoom-in, .lg-outer[data-lg-slide-type=video] .lg-actual-size, .lg-outer[data-lg-slide-type=video] .lg-zoom-out, .lg-outer[data-lg-slide-type=iframe] .lg-zoom-in, .lg-outer[data-lg-slide-type=iframe] .lg-actual-size, .lg-outer[data-lg-slide-type=iframe] .lg-zoom-out, .lg-outer.lg-first-slide-loading .lg-zoom-in, .lg-outer.lg-first-slide-loading .lg-actual-size, .lg-outer.lg-first-slide-loading .lg-zoom-out {opacity: .75; pointer-events: none} .lg-outer .lg-pager-outer {text-align: center; z-index: 10800; height: 10px; margin-bottom: 10px} .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {overflow: visible} .lg-outer.lg-single-item .lg-pager-outer {display: none} .lg-outer .lg-pager-cont {cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px} .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {opacity: 1;transform: translate3d(0, 0, 0)} .lg-outer .lg-pager-cont.lg-pager-active .lg-pager {box-shadow: 0 0 0 2px #fff inset} .lg-outer .lg-pager-thumb-cont {background-color: #fff; color: #fff; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; will-change: transform, opacity; transition: opacity .15s ease 0s, transform .15s ease 0s; transform: translate3d(0, 5px, 0)} .lg-outer .lg-pager-thumb-cont img {width: 100%; height: 100%} .lg-outer .lg-pager {background-color: rgba(255, 255, 255, .5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset; display: block; height: 12px; transition: box-shadow .3s ease 0s; width: 12px} .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {box-shadow: 0 0 0 8px #fff inset} .lg-outer .lg-caret {border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0} .lg-fullscreen:after {content: ""} .lg-fullscreen-on .lg-fullscreen:after {content: ""} .lg-outer .lg-dropdown-overlay {background-color: rgba(0, 0, 0, .25); bottom: 0; cursor: default; left: 0; position: absolute; right: 0; top: 0; z-index: 10819; opacity: 0; visibility: hidden; will-change: visibility, opacity; transition: visibility 0s linear .18s, opacity .18s linear 0s} .lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active .lg-dropdown-overlay {transition-delay: 0s; transform: translate3d(0, 0, 0); opacity: 1; visibility: visible} .lg-outer.lg-dropdown-active .lg-share {color: #fff} .lg-outer .lg-dropdown {background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; transform: translate3d(0, 5px, 0); will-change: visibility, opacity, transform; transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s} .lg-outer .lg-dropdown:after {content: "";display: block;height: 0;width: 0;position: absolute;border: 8px solid transparent;border-bottom-color: #fff;right: 16px;top: -16px} .lg-outer .lg-dropdown > li:last-child {margin-bottom: 0} .lg-outer .lg-dropdown > li:hover a {color: #333} .lg-outer .lg-dropdown a {color: #333;display: block;white-space: pre;padding: 4px 12px;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 12px} .lg-outer .lg-dropdown a:hover {background-color: rgba(0, 0, 0, .07)} .lg-outer .lg-dropdown .lg-dropdown-text {display: inline-block;line-height: 1;margin-top: -3px;vertical-align: middle} .lg-outer .lg-dropdown .lg-icon {color: #333;display: inline-block;float: none;font-size: 20px;height: auto;line-height: 1;margin-right: 8px;padding: 0;vertical-align: middle;width: auto} .lg-outer .lg-share {position: relative} .lg-outer .lg-share:after {content: ""} .lg-outer .lg-share-facebook .lg-icon {color: #3b5998} .lg-outer .lg-share-facebook .lg-icon:after {content: ""} .lg-outer .lg-share-twitter .lg-icon {color: #00aced} .lg-outer .lg-share-twitter .lg-icon:after {content: ""} .lg-outer .lg-share-pinterest .lg-icon {color: #cb2027} .lg-outer .lg-share-pinterest .lg-icon:after {content: ""} .lg-comment-box {width: 420px;max-width: 100%;position: absolute;right: 0;top: 0;bottom: 0;z-index: 9999;background-color: #fff;will-change: transform;transform: translate3d(100%, 0, 0);transition: transform .4s cubic-bezier(0, 0, .25, 1) 0s} .lg-comment-box .lg-comment-title {margin: 0; color: #fff; font-size: 18px} .lg-comment-box .lg-comment-header {background-color: #000; padding: 12px 20px; position: absolute; left: 0; right: 0; top: 0} .lg-comment-box .lg-comment-body {height: 100% !important; padding-top: 43px !important; width: 100% !important} .lg-comment-box .fb-comments {height: 100%; width: 100%; background: url(/project/frontend/build/loading.gif) no-repeat center center #fff; overflow-y: auto; display: inline-block} .lg-comment-box .fb-comments[fb-xfbml-state=rendered] {background-image: none} .lg-comment-box .fb-comments > span {max-width: 100%} .lg-comment-box .lg-comment-close {position: absolute; right: 5px; top: 12px; cursor: pointer; font-size: 20px; color: #999; will-change: color; transition: color .2s linear} .lg-comment-box .lg-comment-close:hover {color: #fff} .lg-comment-box .lg-comment-close:after {content: ""} .lg-comment-box iframe {max-width: 100% !important; width: 100% !important} .lg-comment-box #disqus_thread {padding: 0 20px} .lg-outer .lg-comment-overlay {background-color: rgba(0, 0, 0, .25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 10819; opacity: 0; visibility: hidden; will-change: visibility, opacity; transition: visibility 0s linear .18s, opacity .18s linear 0s} .lg-outer .lg-comment-toggle:after {content: ""} .lg-outer.lg-comment-active .lg-comment-overlay {transition-delay: 0s; transform: translate3d(0, 0, 0); opacity: 1; visibility: visible} .lg-outer.lg-comment-active .lg-comment-toggle {color: #fff} .lg-outer.lg-comment-active .lg-comment-box {transform: translate3d(0, 0, 0)} .lg-outer .lg-img-rotate {position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: transform .4s cubic-bezier(0, 0, .25, 1) 0s} .lg-outer[data-lg-slide-type=video] .lg-rotate-left, .lg-outer[data-lg-slide-type=video] .lg-rotate-right, .lg-outer[data-lg-slide-type=video] .lg-flip-ver, .lg-outer[data-lg-slide-type=video] .lg-flip-hor, .lg-outer[data-lg-slide-type=iframe] .lg-rotate-left, .lg-outer[data-lg-slide-type=iframe] .lg-rotate-right, .lg-outer[data-lg-slide-type=iframe] .lg-flip-ver, .lg-outer[data-lg-slide-type=iframe] .lg-flip-hor {opacity: .75; pointer-events: none} .lg-rotate-left:after {content: ""} .lg-rotate-right:after {content: ""} .lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver {font-size: 26px} .lg-flip-ver:after {content: ""} .lg-flip-hor:after {content: ""} .lg-medium-zoom-item {cursor: zoom-in} .lg-medium-zoom .lg-outer {cursor: zoom-out} .lg-medium-zoom .lg-outer.lg-grab img.lg-object {cursor: zoom-out} .lg-medium-zoom .lg-outer.lg-grabbing img.lg-object {cursor: zoom-out} .lg-relative-caption .lg-outer .lg-sub-html {white-space: normal; bottom: auto; padding: 0; background-image: none} .lg-relative-caption .lg-outer .lg-relative-caption-item {opacity: 0; padding: 16px 0; transition: .5s opacity ease} .lg-relative-caption .lg-outer .lg-show-caption .lg-relative-caption-item {opacity: 1} .lg-group:after {content: ""; display: table; clear: both} .lg-container {display: none; outline: 0} .lg-container.lg-show {display: block} .lg-on {scroll-behavior: unset} .lg-overlay-open {overflow: hidden} .lg-toolbar, .lg-prev, .lg-next, .lg-pager-outer, .lg-hide-sub-html .lg-sub-html {opacity: 0; will-change: transform, opacity; transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) 0s} .lg-show-in .lg-toolbar, .lg-show-in .lg-prev, .lg-show-in .lg-next, .lg-show-in .lg-pager-outer {opacity: 1} .lg-show-in.lg-hide-sub-html .lg-sub-html {opacity: 1} .lg-show-in .lg-hide-items .lg-prev {opacity: 0; transform: translate3d(-10px, 0, 0)} .lg-show-in .lg-hide-items .lg-next {opacity: 0; transform: translate3d(10px, 0, 0)} .lg-show-in .lg-hide-items .lg-toolbar {opacity: 0; transform: translate3d(0, -10px, 0)} .lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {opacity: 0; transform: translate3d(0, 20px, 0)} .lg-outer {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10500; text-align: left; opacity: .001; outline: 0; will-change: auto; overflow: hidden; transition: opacity .15s ease 0s} .lg-outer * {box-sizing: border-box} .lg-outer.lg-zoom-from-image {opacity: 1} .lg-outer.lg-visible {opacity: 1} .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {transition-duration: inherit !important; transition-timing-function: inherit !important} .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {transition-duration: 0s !important; opacity: 1} .lg-outer.lg-grab img.lg-object {cursor: -o-grab; cursor: -ms-grab; cursor: grab} .lg-outer.lg-grabbing img.lg-object {cursor: move; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing} .lg-outer .lg-content {position: absolute; top: 0; left: 0; right: 0; bottom: 0} .lg-outer .lg-inner {width: 100%; position: absolute; left: 0; top: 0; bottom: 0; transition: opacity 0s; white-space: nowrap} .lg-outer .lg-item {display: none !important} .lg-outer .lg-item:not(.lg-start-end-progress) {background: url(/project/frontend/build/loading.gif) no-repeat center center} .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {display: inline-block !important} .lg-outer.lg-css .lg-current {display: inline-block !important} .lg-outer .lg-item, .lg-outer .lg-img-wrap {display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%} .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {content: ""; display: inline-block; height: 100%; vertical-align: middle} .lg-outer .lg-img-wrap {position: absolute; left: 0; right: 0; top: 0; bottom: 0; white-space: nowrap; font-size: 0} .lg-outer .lg-item.lg-complete {background-image: none} .lg-outer .lg-item.lg-current {z-index: 10600} .lg-outer .lg-object {display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto; height: auto; position: relative} .lg-outer .lg-empty-html.lg-sub-html, .lg-outer .lg-empty-html .lg-sub-html {display: none} .lg-outer.lg-hide-download .lg-download {opacity: .75; pointer-events: none} .lg-outer .lg-first-slide .lg-dummy-img {position: absolute; top: 50%; left: 50%} .lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {transform: translate3d(0, 0, 0); opacity: 1} .lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {opacity: 1; transition: opacity .2s ease-out .15s} .lg-backdrop {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10400; background-color: #000; opacity: 0; will-change: auto; transition: opacity 333ms ease-in 0s} .lg-backdrop.in {opacity: 1} .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {transition: none 0s ease 0s !important} .lg-css3.lg-use-css3 .lg-item {-webkit-backface-visibility: hidden; backface-visibility: hidden} .lg-css3.lg-fade .lg-item {opacity: 0} .lg-css3.lg-fade .lg-item.lg-current {opacity: 1} .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {transition: opacity .1s ease 0s} .lg-css3.lg-use-css3 .lg-item.lg-start-progress {transition: transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s} .lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s} .lg-css3.lg-slide.lg-use-css3 .lg-item {opacity: 0} .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {transform: translate3d(-100%, 0, 0)} .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {transform: translate3d(100%, 0, 0)} .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {transform: translate3d(0, 0, 0); opacity: 1} .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s} .lg-container {display: none} .lg-container.lg-show {display: block} .lg-container.lg-dragging-vertical .lg-backdrop {transition-duration: 0s !important} .lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {transition-duration: 0s !important; opacity: 1} .lg-inline .lg-backdrop, .lg-inline .lg-outer {position: absolute} .lg-inline .lg-backdrop {z-index: 1} .lg-inline .lg-outer {z-index: 2} .lg-inline .lg-maximize:after {content: ""} .lg-components {transform: translate3d(0, 100%, 0); will-change: transform; transition: transform .35s ease-out 0s; z-index: 10800; position: absolute; bottom: 0; right: 0; left: 0} .lg-toolbar .lg-close {font-size: inherit} .lg-toolbar .lg-close::after {content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-weight: 400; font-family: "Klueber Icons"; font-size: 1.4375rem} .elements .element-description {padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; display: inline-block; background-color: #000; margin-bottom: 16px} @media screen and (min-width:57.5em) { .elements .element-description {padding-top: 2rem; padding-bottom: 2rem; padding-left: 2rem; padding-right: 2rem} } .elements .element-headline, .elements .element-sub-headline {color: #fff; margin-bottom: 0} .elements .element-headline {word-wrap: break-word; overflow-wrap: break-word; font-size: 1.5rem; line-height: 1.41} @media print, screen and (max-width:49.99875em) { .elements .element-headline {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto} } @media screen and (min-width:57.5em) { .elements .element-headline {font-size: 1.875rem} } .elements .element-sub-headline {font-size: 1rem; font-weight: 700} @media screen and (min-width:57.5em) { .elements .element-sub-headline {font-size: 1.125rem} } .elements .grid-wrap {border: 1px solid #a7a8aa; margin-bottom: 32px; padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem} @media screen and (min-width:57.5em) { .elements .grid-wrap {padding-top: 2rem; padding-bottom: 2rem; padding-left: 2rem; padding-right: 2rem} } .elements .grid-wrap .grid-inner {display: flex; flex-flow: row wrap; margin-right: -.5rem; margin-left: -.5rem} .elements .grid-wrap .grid-content {border: 1px solid #a7a8aa; text-align: center; flex: 0 0 auto; min-height: 0; min-width: 0; width: calc(100% - 1rem); margin-left: .5rem; margin-right: .5rem} @media screen and (min-width:57.5em) { .elements .grid-wrap .grid-content {flex: 0 0 auto; width: calc(50% - 1rem); margin-left: .5rem; margin-right: .5rem} } .elements .grid-wrap-no-gutter {text-align: center; display: flex; flex-flow: row wrap; margin-right: -.5rem; margin-left: -.5rem} .elements .grid-wrap-no-gutter .grid-content {border: 1px solid #a7a8aa; flex: 0 0 auto; width: calc(50% - 1rem); margin-left: .5rem; margin-right: .5rem} .elements .headlines h1 {border: 1px solid #a7a8aa} .elements .headlines h2 {border: 1px solid #a7a8aa} .elements .headlines h3 {border: 1px solid #a7a8aa} .elements .headlines h4 {border: 1px solid #a7a8aa} .elements .headlines h5 {border: 1px solid #a7a8aa} .elements .headlines h6 {border: 1px solid #a7a8aa} .elements .colors {display: flex; flex-flow: row wrap; margin-right: -.5rem; margin-left: -.5rem} .elements .colors .corporate {background-color: #ffb800} .elements .colors .corporate-75 {background-color: #fbcb40} .elements .colors .corporate-50 {background-color: #fddc80} .elements .colors .black {background-color: #000} .elements .colors .black-75 {background-color: #646567} .elements .colors .black-45 {background-color: #a7a8aa} .elements .colors .black-25 {background-color: #cfd0d2} .elements .colors .black-10 {background-color: #eceded} .elements .colors .white {background-color: #fff} .elements .colors .blue {background-color: #758caa} .elements .colors .blue-50 {background-color: #bac6d4} .elements .colors .red {background-color: #91131d} .elements .colors .red-50 {background-color: #c8898e} .elements .colors .green {background-color: #52715b} .elements .colors .green-50 {background-color: #a9b8ad} .elements .colors .color-wrap {flex: 0 0 auto; width: calc(50% - 1rem); margin-left: .5rem; margin-right: .5rem} @media screen and (min-width:57.5em) { .elements .colors .color-wrap {flex: 0 0 auto; width: calc(25% - 1rem); margin-left: .5rem; margin-right: .5rem} } .elements .colors .color {height: 12.5rem} /* 회사소개 > 개요 */ .company-overview .video{height: 630px;} .company-overview .video iframe{height: 100%;} @media all and (max-width: 1024px){ .company-overview .video{height: 390px;} } @media all and (max-width: 768px){ .company-overview .video{height: 270px;} } /* 회사소개 > 연혁 */ .mb_view{display: none;} .history_area .history_tabs{width: 100%; font-size: 0px;} .history_area .history_tabs > a{font-size: 20px; font-weight: 600; display: inline-block; width: 50%; text-align: center; padding: 10px; color: #ddd; border-bottom: 3px solid #ddd;} .history_area .history_tabs > a.current{color: #ffb800; border-bottom: 3px solid #ffb800;} .history_area .history_tabs > a img{width: 35px; margin-right: 8px; display: inline-block;} .history_area .history_box_area{padding: 20px 0;} .history_area .history_box_area .history_box > ul > li{margin-bottom: 20px;} .history_area .history_box_area .history_box > ul > li:last-child{margin-bottom: 0;} .history_area .history_box_area .history_box > ul > li .year{font-size: 20px; font-weight: 600; color: #ffb800; margin-right: 20px; letter-spacing: 0px; display: inline-block; vertical-align: top;} .history_area .history_box_area .history_box > ul > li p{display: inline-block; font-size: 16px; font-weight: 400; color: #555; letter-spacing: 0px; margin: 0;} .history_area .history_box_area .history_box > ul > li.bottom{border-bottom: 1px dashed #ddd; padding-bottom: 30px; margin-bottom: 30px;} @media all and (max-width: 768px){ .history_area .history_tabs > a{font-size: 15px;} .history_area .history_tabs > a img{width: 25px; vertical-align: baseline;} .history_area .history_box_area .history_box > ul > li .year{width: 50px; font-size: 18px;} .history_area .history_box_area .history_box > ul > li p{width: calc(100% - 70px); font-size: 15px;} } @media all and (max-width: 430px){ .mb_view{display: block;} .history_area .history_tabs > a{line-height: 1.2;} .history_area .history_tabs > a img{margin: 0 auto; display: block; margin-bottom: 8px;} .history_area .history_box_area .history_box > ul > li .year{width: 30px; font-size: 16px;} .history_area .history_box_area .history_box > ul > li p{width: calc(100% - 50px); font-size: 13px;} } /* 회사소개 > 핵심가치 */ .CoreValueArea .imgBox{width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 50px; margin-bottom: 50px;} .CoreValueArea .CoreValueBox{margin-top: 50px;} .CoreValueArea .CoreValueBox > li{border-bottom: 1px dashed #ddd; padding-bottom: 20px; margin-bottom: 20px;} .CoreValueArea .CoreValueBox > li:last-child{margin: 0px; padding: 0px; border: 0;} .CoreValueArea .CoreValueBox > li .title{margin-bottom: 10px; font-size: 22px; font-weight: 600; color: #222;} .CoreValueArea .CoreValueBox > li .title b{margin-right: 10px; font-size: 24px; color: #ffb600;} .CoreValueArea .CoreValueBox > li .text{font-size: 17px; font-weight: 500;} /* 회사소개 > 경영방침 */ .guideline_area{width: 100%; border-top: 1px solid #ddd; padding: 100px 0;} .guideline_area .guideline-text{width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 50px;} .guideline_area .guideline-text > li{text-align: center;} .guideline_area .guideline-text > li .titleBox .en{font-size: 30px; color: #ffb800;} .guideline_area .guideline-text > li .titleBox .kr{font-weight: 500;} .guideline_area .guideline-text > li .infoBox p{color: #333;} .guideline_area .imgBox{ width: 100%; } .guideline_area .imgBox img{ width: auto; margin: 0 auto; } @media all and (max-width: 768px){ .guideline_area{padding: 2rem 0;} .guideline_area .guideline-text{flex-direction: column; align-items: flex-start;} .guideline_area .guideline-text > li{width: 100%; text-align: left; display: flex; flex-direction: row; align-items: flex-start; margin-bottom: 15px;} .guideline_area .guideline-text > li:last-child{margin-bottom: 0;} .guideline_area .guideline-text > li .titleBox{width: 100px;} .guideline_area .guideline-text > li .titleBox .en{line-height: 1; margin-bottom: 10px;} .guideline_area .guideline-text > li .titleBox .kr{margin-bottom: 0;} .guideline_area .guideline-text > li .infoBox{width: calc(100% - 130px); margin-left: 30px;} } @media all and (max-width: 430px){ .guideline_area .guideline-text > li{flex-direction: column;} .guideline_area .guideline-text > li .titleBox{width: 100%;} .guideline_area .guideline-text > li .titleBox .en{font-size: 24px;} .guideline_area .guideline-text > li .titleBox .kr{font-size: 15px;} .guideline_area .guideline-text > li .infoBox{width: 100%; margin-top: 10px; margin-left: 0;} } /* 회사소개 > 뉴스룸 */ .__newsroomArea .newsroomPage .topTitle{width: 100%; font-family: 'S-CoreDream-5Medium'; font-size: 36px; text-align: center; margin-bottom: 30px;} .__newsroomArea .newsroomPage #newsroomFrm{width: 100%;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList{width: 100%; margin: 0; border: 0; border-radius: 0; overflow: hidden; display: table;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tr{padding: 7px;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tr *{text-align: center;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tr span{font-size: 14px; font-weight: 400; color: #333; letter-spacing: 0px;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList thead tr th{border-top: 2px solid #222; background-color: #f7f7f7; border-bottom: 0;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList thead tr th span{font-weight: 600;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tbody tr{border-bottom: 1px solid #f2f2f2;} /*.__newsroomArea .newsroomPage #newsroomFrm .newsroomList tbody tr:last-child{border-bottom: 0px;}*/ .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tbody tr:hover{background-color: #fff;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tbody tr:nth-child(even){background-color: #fff;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tbody tr td span.notice{padding: 7px 12px; background-color: #ffb450; color: #fff; font-size: 13px; font-weight: 600; position: relative; border-radius: 5px;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tbody tr td span a.subject{display: inline-block; color: #333; padding: 0; margin: 0; line-height: 1; margin-left: 5px;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tbody tr td img{width: 13px; padding: 0; display: inline-block;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList thead tr th, .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tbody tr td{border-right: 1px solid #f2f2f2; padding: 7px;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList thead tr th:last-child, .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tbody tr td:last-child{border-right: 0px;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList thead tr th.num{width: 10%;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList thead tr th.sub{width: auto;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList thead tr th.name{width: 8%;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList thead tr th.date{width: 10%;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList thead tr th.view{width: 10%;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tbody tr td.sub{text-align: left; padding-left: 10px;} @media all and (max-width: 1280px){ .__newsroomArea .content-wrap{padding: 0;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tbody tr td img{display: none;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tbody tr td span a.subject{width: 450px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tr span{letter-spacing: -0.03em;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList thead tr th.name{width: 10%;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList thead tr th.date{width: 15%;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList thead tr th.view{width: 12%;} } @media all and (max-width: 1024px){ .__newsroomArea .newsroomPage #newsroomFrm .newsroomList thead tr th.name, .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tbody tr td.name{display: none;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tr *{padding: 5px; font-size: 13px;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tr span{padding: 0;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tbody tr td span.notice{padding: 4px 8px; font-size: 12px;} } @media all and (max-width: 768px){ .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tr{padding: 30px 15px;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList thead, .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tbody tr td.view{display: none;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tbody{border-top: 2px solid #222; border-right: 0px; border-left: 0px; border-bottom: 0px;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tbody tr{display: flex; flex-direction: column;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tbody tr:last-child{border-bottom: 1px solid #f0f0f0;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tbody tr td{width: 100%; text-align: left; border: 0px; padding: 0; margin: 0; line-height: 1;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tr span, .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tbody tr td span a.subject{text-align: left;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tr span{font-size: 13px;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tr td.num span{color: #222;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tr td.date span{color: #b9b9b9;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tbody tr td.sub{margin: 10px 0 14px;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tbody tr td.sub span{font-size: 15px;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tbody tr td span a.subject{font-size: 15px; line-height: 1.4; font-weight: 600; margin: 0;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tbody tr td span a.subject{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -wekit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; width: 100%;} .__newsroomArea .newsroomPage #newsroomFrm .newsroomList tbody tr td.sub{padding-left: 0;} } /* 회사소개 > 영상 */ .__newsroomMediaArea .news-info {padding-top: 35px;} .__newsroomMediaArea .news-info .news-title {font-size: 20px; font-weight: 600; color: #000; padding-bottom: 10px;} .__newsroomMediaArea .news-info #moreRead {} .__newsroomMediaArea .news-info #moreRead .news-text {font-size: 14px; line-height: 1.5; letter-spacing: -0.02em; color: #333; clear: both; padding-top: 10px;} .__newsroomMediaArea .news-info #moreRead .more{margin-top: 10px;} .__newsroomMediaArea .news-info #moreRead .btn-t4 {font-size: 14px; font-weight: 700; display: inline-block; position: relative; height: 40px; line-height: 39px; padding: 0 15px; border: 1px solid #ffb800; background-color: #ffb800; text-align: center; color: #000;} .__newsroomMediaArea .news-info #moreRead .btn-t4:hover{color: #ffb800; background-color: #000; border-color: #000;} .__newsroomMediaArea .content-top .w100-section .wrap{padding: 60px 0 120px; background-color: #f0f0f0;} .__newsroomMediaArea .content-top .w100-section .wrap .another-media{position: relative;} .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-slide{display: flex; flex-direction: column; align-items: flex-start; background-color: transparent;} .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-slide .infobox{line-height: 1; margin-top: 15px;} .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-slide .infobox .news-title{font-size: 17px; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: left; color: #000;} .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-button-next.swiper-button-disabled, .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-button-prev.swiper-button-disabled{opacity: 0;} .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-button-prev, .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-rtl .swiper-button-next{left: -60px; top: 50%; bottom: auto;} .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-button-next, .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-rtl .swiper-button-prev{right: -60px; top: 50%; bottom: auto;} .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-button-next, .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-button-prev{color: #ffb800;} .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-button-prev:after, .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-rtl .swiper-button-next:after, .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-button-next:after, .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-rtl .swiper-button-prev:after{display: none;} .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-button-prev, .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-container-rtl .swiper-button-next{width: 50px; height: 50px; background-image: url(../img/icon/prev-icon.png); background-repeat: no-repeat; background-size: cover; display: block; outline: none;} .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-button-next, .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-container-rtl .swiper-button-prev{width: 50px; height: 50px; background-image: url(../img/icon/next-icon.png); background-repeat: no-repeat; background-size: cover; display: block; outline: none;} .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-horizontal > .swiper-pagination-bullets, .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-pagination-bullets.swiper-pagination-horizontal, .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-pagination-custom, .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-pagination-fraction{display: flex; justify-content: center; align-items: center; bottom: -60px;} .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-pagination-bullet-active{width: 15px; height: 15px; background: transparent; border: 2px solid #ffb800;} .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper {width: 100%; height: 100%;} .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-slide {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;} .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;} @media all and (max-width: 1024px){ .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-button-next, .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-rtl .swiper-button-prev{right: 0; top: auto; bottom: -60px;} .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-button-prev, .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-rtl .swiper-button-next{left: auto; right: 70px; top: auto; bottom: -60px;} .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-button-prev, .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-container-rtl .swiper-button-next, .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-button-next, .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-container-rtl .swiper-button-prev{width: 30px; height: 30px;} .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-horizontal > .swiper-pagination-bullets, .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-pagination-bullets.swiper-pagination-horizontal, .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-pagination-custom, .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-pagination-fraction{bottom: -60px; z-index: 0;} } @media all and (max-width: 768px){ .__newsroomMediaArea .news-info .news-title{font-size: 17px; line-height: 1.3; word-break: break-all;} .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-slide .infobox .news-title{font-size: 15px;} .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-button-prev, .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-container-rtl .swiper-button-next, .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-button-next, .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-container-rtl .swiper-button-prev{width: 20px; height: 20px;} .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-button-prev, .__newsroomMediaArea .content-top .w100-section .wrap .another-media .swiper-rtl .swiper-button-next{right: 50px;} } @media all and (max-width: 430px){} /* 회사소개 > 뉴스룸/영상 내용 */ .__newsroomMediaArea .newsroomPage ._mediaTable{width: 100%; border-top: 3px solid #222; padding: 0; margin: 0;} .__newsroomMediaArea .newsroomPage ._mediaTable * {display: block;} .__newsroomMediaArea .newsroomPage ._mediaTable thead{width: 100%; background-color: #fff; color: #000; border: 0;} .__newsroomMediaArea .newsroomPage ._mediaTable thead tr{background-color: #fff; transition: none;} .__newsroomMediaArea .newsroomPage ._mediaTable thead tr th{padding: 0; margin: 0;} .__newsroomMediaArea .newsroomPage ._mediaTable thead tr th div{width: 100%; display: flex; flex-direction: row; align-items: center; padding: 15px 0; border-bottom: 1px solid #eaeaea;} .__newsroomMediaArea .newsroomPage ._mediaTable thead tr th div h4{width: 120px; font-family: 'S-CoreDream-3Light'; font-size: 18px; color: #000; text-align: center;} .__newsroomMediaArea .newsroomPage ._mediaTable thead tr th div p{width: calc(100% - 120px); font-family: 'S-CoreDream-3Light'; font-size: 18px; text-align: left; color: #666; margin: 0; padding-left: 50px;} .__newsroomMediaArea .newsroomPage ._mediaTable thead tr th div .download_file{color: #666;} .__newsroomMediaArea .newsroomPage ._mediaTable thead tr th div .download_file img{width: 13px; padding: 0; display: inline-block;} .__newsroomMediaArea .newsroomPage ._mediaTable tbody{border: 0;} .__newsroomMediaArea .newsroomPage ._mediaTable tbody tr{transition: none;} .__newsroomMediaArea .newsroomPage ._mediaTable tbody tr:hover{background-color: #fff;} .__newsroomMediaArea .newsroomPage ._mediaTable tbody tr td{padding: 30px 15px;} .__newsroomMediaArea .newsroomPage ._mediaTable tbody tr td .viewDetail{width: 100%;} .__newsroomMediaArea .newsroomPage ._mediaTable tbody tr td .viewDetail .video{width: 100%; height: 640px;} .__newsroomMediaArea .newsroomPage ._mediaTable tbody tr td .viewDetail .video iframe{height: 100%;} .__newsroomMediaArea .newsroomPage ._mediaTable tbody tr td .viewDetail .img{margin-bottom: 30px;} .__newsroomMediaArea .newsroomPage ._mediaTable tbody tr td .viewDetail .text{font-family: 'S-CoreDream-3Light'; font-size: 17px; color: #222; line-height: 1.7;} .__newsroomMediaArea .newsroomPage ._mediaTable tbody tr td .viewDetail .text strong{font-family: 'S-CoreDream-5Medium'; display: block;} .__newsroomMediaArea .newsroomPage ._pagemovebox{width: 100%;} .__newsroomMediaArea .newsroomPage ._pagemovebox > ul{font-size: 15px; border-top: 1px solid #eaeaea;} .__newsroomMediaArea .newsroomPage ._pagemovebox > ul > li{padding: 15px; border-bottom: 1px solid #e7e7e7; display: flex; align-items: center;} .__newsroomMediaArea .newsroomPage ._pagemovebox > ul > li span{font-family: 'S-CoreDream-3Light'; width: 70px; color: #666; display: flex; justify-content: space-between; align-items: center;} .__newsroomMediaArea .newsroomPage ._pagemovebox > ul > li span i{margin-left: 10px;} .__newsroomMediaArea .newsroomPage ._pagemovebox > ul > li > a{font-family: 'S-CoreDream-3Light'; width: calc(100% - 120px); margin-left: 50px; display: block; float: right; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #666;} .__newsroomMediaArea .newsroomPage ._btnwrap{width: 100%; display: flex; justify-content: flex-end; margin-top: 30px;} .__newsroomMediaArea .newsroomPage ._btnwrap .listBtn{font-family: 'S-CoreDream-3Light'; font-size: 15px; width: 130px; height: 35px; display: flex; justify-content: center; align-items: center; color: #fff; background-color: #ffb800;} @media all and (max-width: 768px){ .__newsroomMediaArea .newsroomPage ._mediaTable{display: block;} .__newsroomMediaArea .newsroomPage ._mediaTable tbody tr td .viewDetail .video{height: 440px;} .__newsroomMediaArea .newsroomPage ._mediaTable thead tr th div h4, .__newsroomMediaArea .newsroomPage ._mediaTable thead tr th div p{font-size: 14px;} .__newsroomMediaArea .newsroomPage ._mediaTable thead tr th div h4{width: 80px;} .__newsroomMediaArea .newsroomPage ._mediaTable thead tr th div p{width: calc(100% - 80px);} } @media all and (max-width: 430px){ .__newsroomMediaArea .newsroomPage ._mediaTable thead tr th div{padding: 5px 0;} .__newsroomMediaArea .newsroomPage ._mediaTable thead tr th div h4{font-size: 14px; width: 100px; text-align: left;} .__newsroomMediaArea .newsroomPage ._mediaTable thead tr th div p{font-size: 14px; width: calc(100% - 100px); padding: 0;} .__newsroomMediaArea .newsroomPage ._mediaTable tbody tr td{padding: 30px 0;} .__newsroomMediaArea .newsroomPage ._mediaTable tbody tr td .viewDetail .video{height: 240px;} .__newsroomMediaArea .newsroomPage ._mediaTable tbody tr td .viewDetail .text{font-size: 15px;} .__newsroomMediaArea .newsroomPage ._pagemovebox > ul > li{padding: 5px 0;} .__newsroomMediaArea .newsroomPage ._pagemovebox > ul > li span{width: 80px; font-size: 14px;} .__newsroomMediaArea .newsroomPage ._pagemovebox > ul > li > a{width: calc(100% - 80px); font-size: 14px;} } /* 회사소개 > 위치 */ ._locationArea{} ._locationArea .mapbox{margin-bottom: 30px;} ._locationArea .mapbox:last-child{margin-bottom: 0;} ._locationArea .mapbox .mapImg{position: relative; height: 550px;} ._locationArea .mapbox .mapImg .wrap_controllers, ._locationArea .mapbox .mapImg .wrap_btn_zoom{display: none;} ._locationArea .mapbox .mapImg .seoulMap{height: 100%;} ._locationArea .mapbox .mapImg .pohangMap{height: 100%;} ._locationArea .mapbox .mapImg .map{height: 550px;} ._locationArea .mapbox .mapCon{font-size: 14px; border: 1px solid #e9e9e9; background-color: #fff; border-top: 0; display: flex; flex-direction: row; align-items: center; padding: 35px;} ._locationArea .mapbox .mapCon .location-logo-wrap{width: 250px; border-right: 1px solid #e9e9e9;} ._locationArea .mapbox .mapCon .location-logo-wrap .location-logo{display: flex; flex-direction: column; align-items: center; margin: 0;} ._locationArea .mapbox .mapCon .location-logo-wrap .location-logo img{width: 145px;} ._locationArea .mapbox .mapCon .location-logo-wrap .location-logo .location_name{font-size: 16px; font-weight: 600; margin-top: 10px;} ._locationArea .mapbox .mapCon .location-infomation{width: calc(100% - 300px); margin-left: 50px;} ._locationArea .mapbox .mapCon .location-infomation > ul{overflow: hidden;} ._locationArea .mapbox .mapCon .location-infomation > ul > li{font-size: 14px; line-height: 24px; color: #666; letter-spacing: -0.05em; display: inline-block; padding-left: 13px; background: url(../img/icon/dot-icon.png)no-repeat left center; margin-right: 30px;} ._locationArea .mapbox .mapCon .location-infomation .alert{font-size: 14px; line-height: 24px; color: #666; margin-top: 10px;} ._locationArea .mapbox .mapCon .location-infomation .alert .f_red{color: #f00;} @media all and (max-width: 768px){ ._locationArea .mapbox .mapImg, ._locationArea .mapbox .mapImg .wrap_map, ._locationArea .mapbox .mapImg .map{height: 350px!important;} ._locationArea .mapbox .mapCon{display: flex; flex-direction: column;} ._locationArea .mapbox .mapCon .location-logo-wrap{width: 100%; border: 0;} ._locationArea .mapbox .mapCon .location-infomation{width: 100%; margin-left: 0; margin-top: 15px; padding-top: 15px; border-top: 1px solid #e9e9e9;} } @media all and (max-width: 430px){ ._locationArea .mapbox .mapCon{padding: 15px;} } /* 고객지원 > 동영상팝업 */ .pop_bg{position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: none; z-index: 100; background: rgba(0,0,0,0.7);} .layer_movie{display: none; width: 100%; height: 500px; overflow-y: hidden;} .layer_movie iframe{position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; width: 700px; height: 500px; margin: auto auto;} .layer_box{position: fixed; top: 50%; bottom: 0; left: 50%; right: 0; transform: translate(-50%,-50%); width: 800px; height: 500px; margin: auto auto; padding: 30px; background: #fff; z-index: 101; -webkit-box-sizing: border-box; box-sizing: border-box; display: none;} .layer_box .btn_close{position: absolute; top: 0; right: 0; display: block; width: 35px; height: 35px; overflow: hidden; z-index: 1;} /* 고객지원 > 윤활 테스트 */ .support_efficiency{position: relative;} .support_efficiency .media-content-wrap .editor-content:not(.grid-content){max-width: 100%;} .support_efficiency ._videoArea dl{width: 100%; font-size: 0px;} .support_efficiency ._videoArea dl::after{content: ''; clear: both; display: block;} .support_efficiency ._videoArea dl .movie{width: calc(100%/3 - 15px); float: left; margin: 0 22px 22px 0; display: inline-block;} .support_efficiency ._videoArea dl .movie:nth-child(3n){margin-right: 0;} .support_efficiency ._videoArea dl .movie .txt{font-size: 16px; font-weight: 600; color: #000; margin: 10px 0 0;} .support_efficiency .media-content{width: 100%;} .support_efficiency .media-wrap iframe{width: 100%;} @media all and (max-width: 768px){ .support_efficiency ._videoArea dl .movie{width: calc(100%/2 - 11px);} .support_efficiency ._videoArea dl .movie:nth-child(2n){margin-right: 0;} .support_efficiency ._videoArea dl .movie:nth-child(3n){margin-right: 22px;} .layer_box{width: 95%; height: 350px;} .layer_movie iframe{width: 100%; height: 100%;} } @media all and (max-width: 430px){ .support_efficiency ._videoArea dl .movie{width: 100%; margin: 0 0 25px 0;} .support_efficiency ._videoArea dl .movie:last-child{margin-bottom: 0px;} .layer_box{height: 240px;} } /* 고객지원 > 윤활 세미나 */ .support_semina .media-content-wrap .editor-content:not(.grid-content){max-width: 100%;} .editor-content .editor-list{ margin-left: 0; } .editor-content .editor-list li p{ font-weight: 600; color: #ffb800; } .editor-content ul.editor-list > li::before{ display: none; } .support_semina .education_table{} .support_semina .education_table tr *{padding: 10px 15px; border: 1px solid #383838; vertical-align: middle;} .support_semina .education_table thead tr th{background-color: #ffb450;} .support_semina .education_table thead tr th:nth-child(1){width: 20%;} .support_semina .education_table thead tr th:nth-child(2){width: 80%;} .support_semina .education_table tr *{border: 0;} .support_semina .education_table thead, .support_semina .education_table tbody{border: 0;} .support_semina .education_table thead tr th.edu_module{text-align: center;} .support_semina .education_table thead tr th{border-top: 1px solid #666; border-bottom: 1px solid #666; border-right: 1px solid #666;} .support_semina .education_table tbody tr th, .support_semina .education_table tbody tr td{border-bottom: 1px solid #eceded; border-right: 1px solid #eceded;} .support_semina .education_table thead tr th:last-child, .support_semina .education_table tbody tr td:last-child{border-right: 0px;} .support_semina .education_table tbody tr:nth-child(even){background-color: #fff;} .support_semina .education_table tbody tr:hover{background-color: #fff;} .information-text{font-size: 15px; margin-bottom: 0; margin-top: 15px;} .support_semina .download-item .inner::before{font-family:axicon; src:url(../font/axicon.eot?c24xcj);src:url(../font/axicon.eot?#iefixc24xcj) format('embedded-opentype'),url(../font/axicon.woff2) format('woff2'),url(../font/axicon.woff?c24xcj) format('woff'),url(../font/axicon.ttf?c24xcj) format('truetype'),url(../font/axicon.svg?c24xcj#axicon) format('svg'); content: '\e005';} @media all and (max-width: 768px){ .support_semina .education_table thead{display: none;} .support_semina .education_table tr *{padding: 5px; display: flex; flex-direction: column; align-items: flex-start; width: 100%;} .support_semina .education_table tr th{background-color: #ffb450;} .support_semina .education_table tbody tr:first-child th{border-top: 1px solid #383838;} .support_semina .education_table tbody tr *{border-left: 1px solid #383838; border-right: 1px solid #383838;} .support_semina .education_table tbody tr td:last-child{border-right: 1px solid #383838;} } @media all and (max-width: 430px){ .information-text{font-size: 13px;} } /* 고객지원 > 윤활 faq */ .support_faq .article-content{max-width: 100%;} .support_faq .faq_{display: block;} .support_faq .faq_ dl{position: relative; margin-bottom: 50px;} .support_faq .faq_ dl:last-child{margin-bottom: 0;} .support_faq .faq_ dl > *{position: relative; box-sizing: border-box;} .support_faq .faq_ dl dt .faqbtn_{font-family: 'S-CoreDream-5Medium'; font-size: 16px; display: block; color: #222; border: none; background: none; text-align: left; padding: 0; min-height: auto; transition: all .3s;} .support_faq .faq_ dl dt .faqbtn_:hover{color: #ffb450;} .support_faq .faq_ dl dd{display: none; font-family: 'S-CoreDream-3Light'; font-size: 15px; color: #222; margin-top: 30px; line-height: 1.7; word-break: keep-all;} .support_faq .faq_ dl dd .__orange{color: #ff7316;} .support_faq .faq_ dl dd .__orange .linkmove_{vertical-align: top;} .support_faq .faq_ dl.active dd{display: block;} .support_faq_{vertical-align: top; color: #294991;} .support_faq .faq_ dl dd .box{margin-top: 15px;} .support_faq .faq_ dl dd .box p{} .editor-content .table-wrap{margin: 0;} .editor-content .table-wrap > li::before{display: none;} .editor-content .table-wrap > li .table_title{font-size: 16px; margin-bottom: 5px; display: block;} .editor-content .table-wrap > li .qnaTable{width: 100%; display: table;} .editor-content .table-wrap > li .qnaTable tr *{text-align: center; border: 0; padding: 10px 15px; vertical-align: middle;} .editor-content .table-wrap > li .qnaTable thead, .editor-content .table-wrap > li .qnaTable tbody{border: 0;} .editor-content .table-wrap > li .qnaTable thead tr:hover, .editor-content .table-wrap > li .qnaTable tbody tr:hover{background-color: #fff;} .editor-content .table-wrap > li .qnaTable tbody tr:nth-child(even){background-color: #fff;} .editor-content .table-wrap > li .qnaTable thead tr th{background-color: #ffb450; border-top: 1px solid #666; border-bottom: 1px solid #666; border-right: 1px solid #666;} .editor-content .table-wrap > li .qnaTable thead tr th:last-child, .editor-content .table-wrap > li .qnaTable tbody tr td:last-child{border-right: 0;} .editor-content .table-wrap > li .qnaTable tbody tr th, .editor-content .table-wrap > li .qnaTable tbody tr td{border-bottom: 1px solid #eceded; border-right: 1px solid #eceded;} .editor-content .table-wrap .table_infomation{margin-top: 10px; font-size: 15px; display: block; letter-spacing: -0.05em;} @media all and (max-width: 768px){ .editor-content .table-wrap > li .qnaTable{display: block;} } @media all and (max-width: 430px){ .support_faq .faq_ dl{margin-bottom: 30px;} .support_faq .faq_ dl dt .faqbtn_, .support_faq .faq_ dl dd{font-size: 13px;} .support_faq .faq_ dl dd{margin-top: 10px;} } /* 고객지원 > 문의 */ .support_notice .section .section-svg{fill: #383838;} .support_notice .section .section-svg .svg-icon{fill: #383838;} .support_notice .__noticeArea .signfrm{} .support_notice .__noticeArea .signfrm input, .support_notice .__noticeArea .signfrm select, .support_notice .__noticeArea .signfrm textarea{padding: 0 0 0 10px; font-size: 14px;} .support_notice .__noticeArea .signfrm textarea{padding-top: 10px;} .support_notice .agreeBox_{width: 100%; height: 150px; overflow: auto; border: 2px solid #d6d6d6; margin: 0 0.5rem; padding: 10px; margin-bottom: 15px;} .support_notice .agreeBox_ .title{font-size: 16px; font-weight: 600; line-height: 1; margin-bottom: 10px;} .support_notice .agreeBox_ > div > p{font-size: 14px; margin-bottom: 15px; color: #666;} /* 내부 서치 영역 */ ._searchArea{text-align: right; margin-bottom: 30px;} ._searchArea .searchType{font-size: 14px; display: inline-block; width: 150px; height: 35px; margin: 0; border: 1px solid #cecece; outline: none; -webkit-appearance: none; background: transparent url(../img/icon/select-arrow.png)no-repeat right 15px bottom 50%; padding: 0 0 0 10px;} ._searchArea > div{display: inline-block; position: relative; padding-right: 70px; margin-left: 8px;} ._searchArea > div label{cursor: pointer;} ._searchArea > div input[type="text"]{width: 250px; height: 35px; margin: 0; padding: 0 15px; border: 1px solid #cecece; outline: none; -webkit-appearance: none; font-size: 14px;} ._searchArea > div > .searchBtn{display: block; width: 60px; height: 35px; min-height: 35px; font-size: 14px; line-height: 1; border: none; background: #b0b0b0; position: absolute; top: 0; right: 0; text-align: center; box-shadow: none; cursor: pointer;} ._searchArea > div > .searchBtn span{display: inline-block; position: relative; color: #fff; font-size: 14px; letter-spacing: -0.03em;} @media all and (max-width: 500px){ ._searchArea{text-align: left; margin: 0 0 30px; font-size: 0px;} ._searchArea .searchType{width: 30%; background-size: 10px; font-size: 12px; padding: 0 0 0 5px; background: transparent url(../img/icon/select-arrow.png)no-repeat right 5px bottom 50%; vertical-align: top;} ._searchArea > div{width: 68%; margin-left: 2%; padding: 0;} ._searchArea > div input[type="text"]{width: 73%; margin: 0; padding: 0; font-size: 12px;} ._searchArea > div > .searchBtn{width: 25%; margin-left: 2%; padding: 0;} ._searchArea > div > .searchBtn span{font-size: 12px;} } /* 페이지네이션 */ .pagenation{margin-top: 30px;} .pagenation > ul{display: flex; justify-content: center; align-items: center; flex-direction: row;} .pagenation > ul > li{display: flex; justify-content: center; align-items: center; margin-right: 5px;} .pagenation > ul > li:last-child{margin: 0;} .pagenation > ul > li > a{display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; font-size: 14px; color: #333; border: 1px solid #f0f0f0; background-color: #fff; transition: all .3s;} .pagenation > ul > li > a:hover{background-color: #ffb450; color: #fff; border: 1px solid #ffb450;} .pagenation > ul > li.pageBtn > a:hover{background-color: #fff; color: #333; border: 1px solid #f0f0f0;} .pagenation > ul > li.current > a{background-color: #ffb450; color: #fff; border: 1px solid #ffb450;} .pagination > ul > li > a {background-color:#e6e6e6 !important; color:#000 !important;} .pagination > ul > li > a.is-active {background-color:#ffb450 !important; color:#000;} #main-page .page-header-background.bg01 .page-header-background-image {background-image:url(../img/main/klueber-welcome-image.jpg) !important;} .page-header-background.bg02 .page-header-background-image {background-image:url(../img/main/bg02.jpeg) !important;} .page-header-background.bg03 .page-header-background-image {background-image:url(../img/main/bg03.jpg) !important;} .page-header-background.bg04 .page-header-background-image {background-image:url(../img/main/bg04.jpg) !important;} .page-header-background.bg05 .page-header-background-image {background-image:url(../img/main/bg05.jpeg) !important;} .page-header-background.bg06 .page-header-background-image {background-image:url(../img/main/bg06.jpg) !important;} .page-header-background.bg07 .page-header-background-image {background-image:url(../img/main/bg07.jpg) !important;} .page-header-background.bg08 .page-header-background-image {background-image:url(../img/main/bg08.jpg) !important;} .page-header-background.bg09 .page-header-background-image {background-image:url(../img/main/bg09.jpg) !important;} /*chemical-industry*/ .page-header-background.bg10 .page-header-background-image {background-image:url(../img/main/cement-header-3.jpg) !important;} .page-header-background.bg11 .page-header-background-image {background-image:url(../img/main/Raffinerie_Bild.jpg) !important;} .page-header-background.bg12 .page-header-background-image {background-image:url(../img/main/Food_Klueber_lubrication_1.jpg) !important;} .page-header-background.bg13 .page-header-background-image {background-image:url(../img/main/Hydropower-Industry-Klueber-Lubrication.jpg) !important;} .page-header-background.bg14 .page-header-background-image {background-image:url(../img/main/Speciality_lubricants_for_industrial_automation_1206400879_test_5.jpg) !important;} .page-header-background.bg15 .page-header-background-image {background-image:url(../img/main/_Lubricants_for_metalworking.jpg) !important;} .page-header-background.bg16 .page-header-background-image {background-image:url(../img/main/klueber_Lubricants_for_mining_industry.jpg) !important;} .page-header-background.bg17 .page-header-background-image {background-image:url(../img/main/kluber_lubricants_for_oil_and_gas.jpeg) !important;} .page-header-background.bg18 .page-header-background-image {background-image:url(../img/main/paper-kluber.jpeg) !important;} .page-header-background.bg19 .page-header-background-image {background-image:url(../img/main/Kluber_Lubrication_Pharma.jpg) !important;} .page-header-background.bg20 .page-header-background-image {background-image:url(../img/main/Header_Rail_neu_2.jpg) !important;} .page-header-background.bg21 .page-header-background-image {background-image:url(../img/main/1_lubricants_for_rubber_and_plastic.jpg) !important;} .page-header-background.bg22 .page-header-background-image {background-image:url(../img/main/continous-casting.jpg) !important;} .page-header-background.bg23 .page-header-background-image {background-image:url(../img/main/kluber-textile-lubricants-1.jpeg) !important;} .page-header-background.bg24 .page-header-background-image {background-image:url(../img/main/wind-lubricants-kluber-3.jpg) !important;} .page-header-background.bg25 .page-header-background-image {background-image:url(../img/main/kluber-wood-pallets.jpeg) !important;} .page-header-background.bg26 .page-header-background-image {background-image:url(../img/main/hydrogen-productionBg.png) !important;} .page-header-background.bg27 .page-header-background-image {background-image:url(../img/main/overhead-cranesBg.png) !important;} .page-header-background.bg28 .page-header-background-image {background-image:url(../img/main/special-lubricants-for-mountain-equipmentBg.png) !important;} .page-header-background.process-lubricants .page-header-background-image {background-image:url(../img/main/process-lubricants-headerbg.jpg) !important;} .page-header-background.corrosion-klueber .page-header-background-image {background-image:url(../img/main/corrosion-klueber-headerbg.jpg) !important;} .page-header-background.hydro .page-header-background-image {background-image:url(../img/main/Kluber_Lubrication_Hydro_Lubricants_2.jpg) !important;} .page-header-background.dispensers .page-header-background-image {background-image:url(../img/main/Kluebermatic-kluber-lubrication-2-2.jpg) !important;} ._locationArea .page-header-background .page-header-background-image{background-image:url(../img/company/location_img_w1800.png);} .components_chains .page-header-background-image{background-image:url(../img/components/Kluber_lubrication_chains_w180.jpg);} .components_compressors .page-header-background-image{background-image:url(../img/components/compressor_oils_from_Kluber_Lubrication-w1800.jpg);} .components_compressors .page-header-background-image.bg01{background-image:url(../img/components/air-compressorBg.png)} .components_compressors .page-header-background-image.bg02{background-image:url(../img/components/gas-compressorBg.png)} .components_compressors .page-header-background-image.bg03{background-image:url(../img/components/refrigeration-compressorBg.png)} .components_grease .page-header-background-image{background-image:url(../img/components/Gear-w1800.png);} .components_girth .page-header-background-image{background-image:url(../img/components/Kluber_Lubrication_girth_gear_drives-w1800.jpg);} .components_linear .page-header-background-image{background-image:url(../img/components/Kluber_Lubrication_linear_guide-w1800.jpg);} .components_oil .page-header-background-image{background-image:url(../img/components/oil-w1800.png);} .components_plain .page-header-background-image{background-image:url(../img/components/Gleitlager-w1800.jpg);} .components_screws .page-header-background-image{background-image:url(../img/components/Kluber_Lubrication_screws_2-w1800.jpg);} .components_metal .page-header-background-image{background-image:url(../img/components/Kluber_Lubrication__sintered_metal_bearings-w1800.jpg);} .components_spring .page-header-background-image{background-image:url(../img/components/Kluber_Lubrication_springs-w1800.jpg);} .components_rolling .page-header-background-image{background-image:url(../img/components/Ball_bearing_KGelb_04-w1800.jpg);} .components_valves .page-header-background-image{background-image:url(../img/components/Kluber_Lubrication_valves_1_1-w1800.jpg);} /* 레이어 팝업 */ .pop-layer{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background-color: rgba(0,0,0,80%);} .pop-layer .pop-layer2{width: 600px; display: block;} .pop-layer2 .pop-container {padding: 40px 32px 20px 32px;} .pop-layer2 {display: none; position: absolute; top: 50%; left: 50%; background-color: #fff; z-index: 10; transform: translate(-50%,-50%);} .pop-layer .inqfrm-info{} .pop-layer .inqfrm-info .row{display: block; margin: 15px 0 0 0;} .pop-layer .inqfrm-info .row::after{content: ''; clear: both; display: block;} .pop-layer .inqfrm-info .row .field{} .pop-layer .inqfrm-info .row .field label{font-size: 13px; margin-left: 10px; color: #888;} .pop-layer .inqfrm-info .row .field input[type="text"]{width: 100%; height: 40px; margin-top: 8px; border-radius: 6px; border: 1px solid #888; font-size: 13px; color: #888;} .pop-layer .inqfrm-info .row .field select{width: 100%; height: 40px; margin-top: 8px; border-radius: 6px; border: 1px solid #888; font-size: 13px; color: #888;} .pop-layer .inqfrm-info .row .field textarea{width: 100%; height: 80px; margin-top: 8px; border-radius: 6px; border: 1px solid #888; font-size: 13px; color: #888;} .pop-layer .inqfrm-info .row:first-child{margin-top: 0;} .pop-layer .checkbox{margin-top: 10px;} .pop-layer .checkbox::after{content: ''; clear: both; display: block;} .pop-layer .checkbox .row{display: flex; flex-wrap: wrap; margin: 0;} .pop-layer .checkbox .row input[type="checkbox"]{position: relative!important; width: 13px!important; height: 13px!important; clip: auto!important; margin-top: 3px;} .pop-layer .checkbox .row p{width: calc(100% - 25px); margin-left: 10px; font-size: 13px; color: #888;} .pop-layer .checkbox .btn-layerClose{padding: 15px; background: #000; color: #fff; font-size: 13px; min-height: auto; line-height: 1; float: right;} .pop-layer2 .btn-r {} .inq-closeBtn{position: absolute; top: 0; right: 0; width: 40px; height: 40px; background-color: #000; display: flex; justify-content: center; align-items: center; font-size: 24px; color: #fff;} .reservNo{border: 1px solid #ddd; width: 100%; height: 35px; line-height: 34px; padding-left: 12px; box-sizing: border-box; outline: none; margin-bottom: 10px;} @media all and (max-width: 768px){ .pop-layer .pop-layer2{width: 430px; height: 600px; overflow: auto;} } @media all and (max-width:430px){ .pop-layer .pop-layer2{width: 320px;} .pop-layer2{width: 95%;} } /* 유튜브 영역 */ /* .video{display: none;} */ .moreA span{color:#ffb800; font-weight: 700; font-size:18px;} .moreA svg{display: none;} .moreA:hover span{color:#fbcb40} /* 버튼 활성화 */ .button-link.active{background-color: #ffb800;} .button-link.active.is-disabled{background-color: #000; opacity: .25; pointer-events: none;} /* .secondary-navigation li>a:not(.card) .inner::before{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 1.375em; font-weight: 400; font-family: "Klueber Icons"; position: absolute; top: 50%; transform: translateY(-50%); left: 0;} .secondary-navigation .news .inner::before{content: "";} .secondary-navigation .worldwide .inner::before {content: "";} */ /* 뉴스레터 */ .newsletter-page{} .newsletter-page .row .col-half .form-field input, .newsletter-page .row .col-full .form-field input, .newsletter-page .row .col-half .form-field select, .newsletter-page .row .col-full .form-field select{padding-top: 15px;} .footer .row .col-half .form-field input, .footer .row .col-full .form-field input, .footer .row .col-half .form-field select, .footer .row .col-full .form-field select, .content-bottom .row .col-half .form-field input, .content-bottom .row .col-full .form-field input, .content-bottom .row .col-half .form-field select, .content-bottom .row .col-full .form-field select{padding-top: 0px;} .search-overlay .form-field .easy-autocomplete input{padding-top: 15px;} /* newsroom-wrap 영역 */ .newsroom-wrap .content-block-item .media{padding: 0;} .newsroom-wrap .media-content-wrap .editor-content:not(.grid-content){max-width: 100%;} .newsroom-wrap .content-block-item .imgbox-wrap{padding: 0 2rem;} .newsroom-wrap .content-block-item .imgbox-wrap > ul{display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 1.5em;} .newsroom-wrap .content-block-item .txtbox-wrap{padding: 0 2rem;} @media all and (max-width: 1024px){ .newsroom-wrap .content-block-item .imgbox-wrap > ul > li:nth-child(1){padding-right: 1.125rem;} .newsroom-wrap .content-block-item .imgbox-wrap > ul > li:nth-child(2){padding-left: 1.125rem;} } @media all and (max-width: 500px){ .newsroom-wrap .content-block-item .imgbox-wrap > ul{flex-direction: column;} .newsroom-wrap .content-block-item .imgbox-wrap > ul > li{margin-bottom: 15px;} .newsroom-wrap .content-block-item .imgbox-wrap > ul > li:last-child{margin-bottom: 0;} .newsroom-wrap .content-block-item .imgbox-wrap > ul > li:nth-child(1){padding-right: 0;} .newsroom-wrap .content-block-item .imgbox-wrap > ul > li:nth-child(2){padding-left: 0;} }