/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger:hover{opacity:.7}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent}.hamburger--3dxy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent}.hamburger--3dxy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;opacity:0}.hamburger--minus.is-active .hamburger-inner:before{top:0}.hamburger--minus.is-active .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}body, html {
  margin: 0;
  padding: 0;
  height: 100%; }

@font-face {
  font-family: 'Ubuntu';
  src: url("/assets/fonts/ubuntu/UbuntuMono-Regular.ttf");
  font-weight: 400; }

@font-face {
  font-family: 'Ubuntu';
  src: url("/assets/fonts/ubuntu/UbuntuMono-Italic.ttf");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'Titillium';
  src: url("/assets/fonts/titillium/TitilliumWeb-Light.ttf");
  font-weight: 300; }

@font-face {
  font-family: 'Titillium';
  src: url("/assets/fonts/titillium/TitilliumWeb-Regular.ttf");
  font-weight: 400; }

@font-face {
  font-family: 'Titillium';
  src: url("/assets/fonts/titillium/TitilliumWeb-SemiBold.ttf");
  font-weight: 600; }

@font-face {
  font-family: 'Titillium';
  src: url("/assets/fonts/titillium/TitilliumWeb-Bold.ttf");
  font-weight: 700; }

.app {
  font-size: 14px;
  font-family: 'Titillium';
  letter-spacing: 0.2px;
  overflow-x: hidden; }

.main {
  height: 100%; }

body {
  scroll-behavior: smooth; }

.container {
  position: relative;
  max-width: 992px;
  margin: 0 auto; }

.section__container {
  margin: 0 auto; }
  @media screen and (max-width: 992px) {
    .section__container {
      width: 90%; } }

button, input, select, label, textarea {
  font-family: 'Titillium' !important;
  letter-spacing: 0.2px; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0; }

.animated__link {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  cursor: pointer; }
  .animated__link:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #647380;
    visibility: hidden;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }
  .animated__link--purple {
    color: #7a68e8; }
    .animated__link--purple:before {
      background-color: #7a68e8; }
  .animated__link--charcoal {
    color: #4a4c52; }
    .animated__link--charcoal:before {
      background-color: #4a4c52; }
  .animated__link--italic {
    font-style: italic; }
  .animated__link:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }

.cookie-banner {
  position: fixed !important;
  bottom: 0;
  background: rgba(47, 53, 67, 0.89) !important;
  min-height: 70px !important;
  font-family: 'Titillium' !important;
  font-size: 16px;
  text-align: left !important;
  width: 100vw;
  z-index: 20000; }
  .cookie-banner .cookie-message {
    padding: 25px 30px;
    width: calc(100% - 100px) !important;
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: white;
    vertical-align: middle; }
  .cookie-banner .button-close {
    background: transparent !important;
    border: 1px solid white !important;
    border-radius: 7px !important;
    color: white !important;
    width: 80px !important;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    cursor: pointer; }

.nav {
  height: 70px;
  line-height: 70px;
  padding: 0 2rem;
  position: fixed;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  background-color: white;
  z-index: 100;
  border-bottom: 1px solid #c9c9cb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media screen and (max-width: 768px) {
    .nav {
      padding: 0 1rem; } }
  .nav > .container {
    width: 100%;
    height: 100%; }
  .nav__logo {
    width: 160px;
    display: inline-block;
    vertical-align: middle; }
    .nav__logo > img {
      display: block; }
  .nav__links {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    right: 0; }
  .nav__link {
    color: #647380;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    margin: 0 10px;
    position: relative;
    display: inline-block;
    text-align: left;
    cursor: pointer; }
    .nav__link > .fa {
      display: inline;
      vertical-align: middle;
      color: black; }
    .nav__link__inline {
      line-height: 1;
      padding-bottom: 5px; }
    .nav__link__button {
      color: #3dce8c;
      border: 1px solid #3dce8c;
      padding: 10px 15px;
      border-radius: 5px; }
      .nav__link__button:hover {
        background-color: #3dce8c;
        color: white; }
    .nav__link__dropdown {
      position: relative;
      display: inline-block; }
      .nav__link__dropdown .fa {
        padding-left: 0.5rem;
        vertical-align: top;
        color: #4a4c52; }
      .nav__link__dropdown__mobile {
        max-height: 0;
        opacity: 0;
        border: 1px solid #c9c9cb;
        border-radius: 6px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        .nav__link__dropdown__mobile--active {
          margin-top: 18px;
          max-height: 500px;
          opacity: 1;
          -webkit-transition: max-height 0.4s ease-out;
          transition: max-height 0.4s ease-out; }
          .nav__link__dropdown__mobile--active a:nth-child(1) {
            margin-top: 1rem; }
          .nav__link__dropdown__mobile--active > a {
            margin-left: 1rem; }
      .nav__link__dropdown__content {
        display: none;
        position: absolute;
        background-color: white;
        top: 55px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        border-radius: 5px;
        padding: 0.9rem 0.5rem;
        padding-bottom: 0;
        left: 0;
        text-align: left;
        min-width: 80px;
        border: 1px solid #c9c9cb;
        margin-left: -12px; }
        .nav__link__dropdown__content__item {
          display: block;
          line-height: 1;
          padding-bottom: 4px;
          margin-bottom: 1rem;
          color: #647380;
          font-size: 14px;
          font-weight: 300;
          margin-left: 7px; }
      .nav__link__dropdown:hover .nav__link__dropdown__content, .nav__link__dropdown:active .nav__link__dropdown__content {
        display: block; }
  .nav__hamburger {
    display: block;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    position: fixed;
    left: 0;
    right: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 70px;
    top: 0;
    border-top: 1px solid #c9c9cb;
    border-bottom: 1px solid #c9c9cb;
    background: white;
    padding: 1rem 10px 0 1rem; }
    .nav__hamburger > .nav__link {
      display: block;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      line-height: 1.5;
      padding-bottom: 4px;
      margin-bottom: 1rem;
      width: inherit; }
      .nav__hamburger > .nav__link__button {
        padding: 10px 15px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        margin-left: 0px; }
      > .nav__hamburger > .nav__link__icon {
        display: block;
        padding-top: 0.5rem; }
    .nav__hamburger--open {
      display: block;
      -webkit-transform: translateX(0%);
              transform: translateX(0%); }
    .nav__hamburger__button {
      float: right;
      padding: 0;
      margin-top: 24px;
      line-height: 1;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content; }
    .nav__hamburger__secondary {
      display: block;
      min-height: 335px;
      -webkit-transform: translateX(100%);
              transform: translateX(100%);
      -webkit-transition: -webkit-transform 0.2s ease-in-out;
      transition: -webkit-transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
      position: fixed;
      left: 0;
      right: 0;
      margin-left: 0;
      margin-right: 0;
      margin-top: 70px;
      border-top: 1px solid #c9c9cb;
      border-bottom: 1px solid #c9c9cb;
      background: white;
      padding: 1rem 10px 0 1rem;
      top: 0; }
      .nav__hamburger__secondary > .nav__link {
        display: block;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        line-height: 1.5;
        padding-bottom: 4px;
        margin-bottom: 1rem;
        width: inherit; }
        > .nav__hamburger__secondary > .nav__link__icon {
          display: block;
          padding-top: 0.5rem; }
      .nav__hamburger__secondary--open {
        -webkit-transform: translateX(0%);
                transform: translateX(0%); }
      .nav__hamburger__secondary__back > i {
        color: #4a4c52 !important;
        margin-right: 0.5rem; }

.hamburger-inner {
  height: 2px;
  width: 35px;
  color: #4a4c52; }
  .hamburger-inner:before, .hamburger-inner:after {
    height: 2px;
    width: 35px;
    color: #4a4c52; }

.footer {
  background-color: #f3f4fa; }
  .footer__container {
    padding-top: 30px;
    padding-bottom: 40px;
    text-align: center;
    width: 90%;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .footer__container {
        width: 85%; } }
  .footer .footer__container:nth-child(1) {
    padding-top: 50px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e7eb; }
  .footer__social {
    text-align: left; }
    .footer__social__buttons {
      display: inline-block;
      vertical-align: middle;
      padding-bottom: 0;
      text-align: left; }
      @media screen and (max-width: 768px) {
        .footer__social__buttons {
          display: block;
          width: 100%;
          text-align: center;
          padding-bottom: 1rem; } }
      .footer__social__buttons > a {
        display: inline-block;
        position: relative;
        width: 44px;
        height: 44px;
        background-color: white;
        text-align: center;
        font-size: 1.2rem;
        border-radius: 5px;
        border: 1px solid #c9c9cb;
        color: #4a4c52;
        margin-right: 0.5rem; }
        .footer__social__buttons > a > i {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
        .footer__social__buttons > a > .fa-twitter {
          color: #00B6F1; }
        .footer__social__buttons > a > .fa-facebook-f {
          color: #3B5998; }
        .footer__social__buttons > a > .fa-linkedin {
          color: #007BB6; }
    .footer__social__signup {
      display: inline-block;
      position: relative;
      width: auto;
      vertical-align: middle;
      float: right;
      border: 1px solid #c9c9cb;
      border-radius: 6px;
      overflow-y: hidden; }
      @media screen and (max-width: 768px) {
        .footer__social__signup {
          display: block;
          margin: 0 auto;
          float: none;
          width: 100%; } }
      .footer__social__signup > * {
        display: inline-block;
        vertical-align: top;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        border: none;
        outline: none; }
      .footer__social__signup > input {
        height: 45px;
        width: 200px;
        font-size: 0.8rem;
        color: #8c8f92;
        padding: 0 1rem;
        border-radius: 6px;
        padding-bottom: 2px; }
        @media screen and (max-width: 768px) {
          .footer__social__signup > input {
            width: calc(100% - 134px); } }
      .footer__social__signup > button {
        height: 47px;
        font-size: 0.8rem;
        width: 102px;
        border-radius: 0 5px 5px 0;
        float: right;
        cursor: pointer; }
  .footer__block {
    display: inline-block;
    width: 15%;
    vertical-align: top;
    text-align: left; }
    .footer__block__header {
      font-size: 16px;
      color: #4a4c52;
      padding-bottom: 1rem;
      font-weight: 600; }
    .footer__block__links > a {
      font-size: 16px;
      color: #8c8f92;
      display: block;
      line-height: 2.6;
      text-decoration: none; }
      @media screen and (max-width: 768px) {
        .footer__block__links > a {
          font-size: 14px; } }
      .footer__block__links > a > img {
        width: 28px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 0.5rem; }
      .footer__block__links > a > i {
        font-size: 25px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 1rem; }
    .footer__block__links--github {
      font-weight: 300;
      margin-left: -10px; }
      .footer__block__links--github > img {
        width: 38px !important; }
      .footer__block__links--github > strong {
        font-weight: 600;
        color: black;
        text-decoration: underline; }
    .footer__block__links--slack {
      font-weight: 300;
      margin-left: -4px; }
      .footer__block__links--slack > img {
        margin-right: 0.8rem !important; }
      .footer__block__links--slack > strong {
        font-weight: 600;
        color: #d30d0c;
        text-decoration: underline; }
    .footer__block__links--address {
      line-height: 2.0;
      font-size: 16px;
      color: #8c8f92; }
      @media screen and (max-width: 768px) {
        .footer__block__links--address {
          font-size: 14px; } }
      .footer__block__links--address > span {
        display: block; }
        .footer__block__links--address > span > i {
          font-size: 25px;
          margin-right: 1rem;
          vertical-align: middle;
          padding-left: 5px; }
      .footer__block__links--address > span:nth-child(2) {
        margin-left: 2.2rem; }
      .footer__block__links--address > a {
        color: #7a68e8;
        display: block;
        text-decoration: none;
        margin-left: 2.2rem; }
    @media screen and (max-width: 768px) {
      .footer__block {
        width: 60%;
        padding-bottom: 50px; } }
  .footer__block:nth-child(1) {
    width: 30%; }
    @media screen and (max-width: 768px) {
      .footer__block:nth-child(1) {
        width: 60%; } }
  .footer__block:nth-child(6) {
    width: 10%; }
  @media screen and (max-width: 768px) {
    .footer__block:nth-child(2), .footer__block:nth-child(4), .footer__block:nth-child(6) {
      width: 40%; } }
  @media screen and (max-width: 768px) {
    .footer__block:nth-child(5), .footer__block:nth-child(6) {
      padding-bottom: 0; } }

.button {
  display: block;
  padding: 0 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 50px;
  border-radius: 5px;
  line-height: 50px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  margin: 0 auto;
  cursor: pointer;
  outline: none;
  border: none; }
  @media screen and (max-width: 768px) {
    .button {
      font-size: 14px; } }
  .button--red {
    background-color: #f75e61;
    color: white; }
    .button--red:hover {
      background-color: #d30d0c; }
  .button--green {
    background-color: #3dce8c;
    color: white; }
  .button--charcoal {
    background-color: #4a4c52;
    color: white; }
  .button--transparent {
    color: #f75e61;
    border: 1px solid #f75e61; }
    .button--transparent:hover {
      color: white;
      background-color: #f75e61; }

button {
  outline: none;
  border: none; }

.visualiser {
  width: 900px;
  margin: 0 auto;
  position: absolute;
  bottom: -180px;
  height: 574px;
  background-color: #2f3544;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 15px 0px rgba(119, 119, 119, 0.7);
          box-shadow: 2px 2px 15px 0px rgba(119, 119, 119, 0.7);
  margin-left: calc(50% - 450px);
  overflow-x: hidden; }
  @media screen and (max-width: 992px) {
    .visualiser {
      width: 90%;
      margin-left: 5%; } }
  @media screen and (max-width: 768px) {
    .visualiser {
      bottom: -140px; } }
  @media screen and (min-height: 1000px) {
    .visualiser {
      bottom: -80px; } }
  .visualiser__tabs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
    height: 60px;
    background: black;
    border-radius: 5px 5px 0 0;
    line-height: 60px;
    list-style: none;
    overflow-x: scroll; }
    .visualiser__tabs__list__item {
      min-width: 90px;
      width: 100%;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 0.8px;
      text-align: center;
      color: #4a4d52;
      font-weight: 400;
      cursor: pointer; }
      .visualiser__tabs__list__item--active {
        color: #7897f5;
        border-bottom: 1px solid #7897f5; }
  .visualiser__content {
    height: calc(100% - 60px);
    border-radius: 0 0 5px 5px;
    position: relative; }
    .visualiser__content > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row;
              flex-flow: row;
      height: 100%; }
    .visualiser__content__graph {
      background-color: #3b4254;
      border-radius: 0 0 5px 0;
      color: transparent;
      width: 100%; }
    .visualiser__content__code {
      position: absolute !important;
      background-color: #2f3543;
      border-radius: 0 0 0 5px;
      max-width: 98%;
      z-index: 10; }
      .visualiser__content__code > pre {
        display: inline-block;
        margin-top: 0;
        padding: 0rem 1rem;
        font-family: 'Ubuntu' !important;
        font-weight: 400 !important;
        overflow-x: hidden;
        vertical-align: top; }
        .visualiser__content__code > pre.auto-slide {
          -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease; }
        .visualiser__content__code > pre > code {
          color: #8c8c92;
          font-size: 16px;
          line-height: 1.23;
          font-family: 'Ubuntu' !important;
          font-weight: 400 !important; }
          @media screen and (max-width: 768px) {
            .visualiser__content__code > pre > code {
              font-size: 14px; } }
      .visualiser__content__code > pre:nth-child(1) {
        width: 30px;
        padding: 2px 3px;
        background-color: #2a2f3b;
        display: inline-block;
        white-space: pre-line;
        text-align: center;
        color: #8a94af;
        font-size: 16px;
        opacity: 0.4;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        line-height: 1.19;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important; }
      .visualiser__content__code > pre:nth-child(2) {
        width: calc(100% - 30px); }
      .visualiser__content__code__slider {
        background-color: #505e72;
        width: 12px;
        height: 100%;
        position: absolute;
        right: 0px;
        border-radius: 5px;
        cursor: col-resize; }
        .visualiser__content__code__slider__handle {
          position: absolute;
          width: 25px;
          height: 25px;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none;
          cursor: col-resize;
          left: -19px;
          top: 40%; }
          .visualiser__content__code__slider__handle > img {
            -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none; }

.vis-network > canvas {
  -ms-touch-action: pan-y !important;
      touch-action: pan-y !important; }

/* Prism CSS */
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #636c79;
  font-style: italic !important; }

.token.punctuation {
  color: #f8f8f2; }

.token.system {
  color: #f176f1; }

.token.special {
  color: white; }

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
  color: #f92672; }

.token.boolean,
.token.number {
  color: #ae81ff; }

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #a6e22e; }

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #f8f8f2; }

.token.operator {
  color: #7897f2; }

.token.string {
  color: #46cc90; }

.token.atrule,
.token.attr-value,
.token.function {
  color: #f2bd5f; }

.token.keyword {
  color: #7897f2; }

.token.variable {
  color: #f8765f; }

.token.regex,
.token.important {
  color: #fd971f; }

.token.important,
.token.bold {
  font-weight: bold; }

.token.italic {
  font-style: italic; }

.token.entity {
  cursor: help; }

.paging-component {
  position: relative;
  padding: 50px 0;
  width: 100%; }
  @media screen and (max-width: 768px) {
    .paging-component {
      padding: 30px 0; } }
  .paging-component__button {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    outline: none;
    position: relative;
    cursor: pointer;
    background-color: white;
    color: #647380;
    border: 1px solid #c9c9cb; }
    .paging-component__button:disabled {
      background-color: #f3f4fa;
      opacity: 0.5; }
    .paging-component__button--hidden {
      visibility: hidden; }
    .paging-component__button--invisible {
      visibility: hidden; }
    .paging-component__button > i {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      padding-top: 2px; }
    .paging-component__button--left > i {
      padding-right: 2px; }
    .paging-component__button--right > i {
      padding-left: 1px; }
  .paging-component__content {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: calc(100% - 60px);
    overflow: hidden; }
    .paging-component__content--full {
      width: 100%; }
    .paging-component__content > * {
      display: inline-block;
      vertical-align: middle; }
    .paging-component__content__item {
      opacity: 0;
      position: relative;
      width: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      vertical-align: top;
      display: inline-block !important; }
      .paging-component__content__item--active {
        width: 280px !important;
        -webkit-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
        opacity: 1;
        margin: 0 10px !important; }
        @media screen and (max-width: 768px) {
          .paging-component__content__item--active {
            width: 260px !important;
            margin-left: 0 !important;
            margin-right: 0 !important; } }
        @media screen and (max-width: 400px) {
          .paging-component__content__item--active {
            width: 240px !important; } }
        @media screen and (max-width: 350px) {
          .paging-component__content__item--active {
            width: 200px !important; } }

.testimonials {
  padding-bottom: 90px;
  padding-top: 10px; }
  @media screen and (max-width: 768px) {
    .testimonials {
      padding-bottom: 50px; } }
  .testimonials__header {
    position: relative; }
    .testimonials__header > span {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      text-align: center; }
  .testimonials__headerimg {
    max-width: 160px;
    display: block;
    margin: 0 auto; }
  .testimonials__items {
    padding-top: 0px !important; }
  .testimonials__item {
    height: 320px;
    border: 1px solid #c9c9cb;
    border-radius: 5px; }
    @media screen and (max-width: 768px) {
      .testimonials__item {
        height: 260px; } }
    @media screen and (max-width: 400px) {
      .testimonials__item {
        height: 290px; } }
    .testimonials__item__text {
      height: calc(100% - 132px);
      line-height: 1.67;
      font-size: 16px;
      text-align: left;
      color: #4a4c52;
      padding: 1.2rem; }
      @media screen and (max-width: 768px) {
        .testimonials__item__text {
          font-size: 12px; } }
    .testimonials__item__details {
      background-color: #f3f4fa;
      width: 278px;
      height: 92px;
      margin: 0 auto;
      border-radius: 0 0 5px 5px;
      text-align: left; }
      @media screen and (max-width: 768px) {
        .testimonials__item__details {
          width: 258px; } }
      @media screen and (max-width: 400px) {
        .testimonials__item__details {
          width: 238px; } }
      @media screen and (max-width: 350px) {
        .testimonials__item__details {
          width: 198px !important; } }
      .testimonials__item__details__img, .testimonials__item__details__text {
        display: inline-block;
        vertical-align: middle; }
      .testimonials__item__details__img {
        width: 80px;
        margin-right: 0.5rem;
        position: relative;
        height: 100%; }
        .testimonials__item__details__img > img {
          width: 70%;
          display: block;
          border-radius: 50%;
          margin: 0 auto;
          margin-top: 1rem;
          border: 1px solid #c9c9cb; }
      .testimonials__item__details__text {
        width: calc(100% - 90px);
        font-size: 14px; }
        .testimonials__item__details__text > * {
          display: block; }
          @media screen and (max-width: 768px) {
            .testimonials__item__details__text > * {
              font-size: 12px; } }
        .testimonials__item__details__text > span:nth-child(1) {
          color: #4a4c52;
          font-weight: 600; }
        .testimonials__item__details__text > span:nth-child(2) {
          color: #8c8f92; }

.support-form {
  display: block;
  background-color: white;
  width: 75%;
  margin: 0 auto;
  border-radius: 5px;
  padding: 50px; }
  @media screen and (max-width: 768px) {
    .support-form {
      width: initial;
      padding: 30px 20px; } }
  .support-form__text {
    display: block;
    width: 100%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    padding-bottom: 30px;
    color: #8c8f92;
    font-family: 'Titillium'; }
    @media screen and (max-width: 768px) {
      .support-form__text {
        font-size: 14px; } }
  .support-form__consent {
    display: block;
    width: 100%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    padding-top: 30px;
    color: #8c8f92;
    font-family: 'Titillium'; }
    @media screen and (max-width: 768px) {
      .support-form__consent {
        font-size: 14px; } }
    .support-form__consent--footer {
      display: inline-block;
      width: 220px;
      vertical-align: bottom;
      text-align: right;
      float: right;
      padding-right: 1rem;
      padding-top: 10px;
      font-size: 10px; }
      @media screen and (max-width: 768px) {
        .support-form__consent--footer {
          display: block;
          width: 100%;
          text-align: center;
          margin-bottom: 1rem;
          float: none; } }
  .support-form__button {
    margin-top: 1rem;
    outline: none;
    width: 300px;
    font-weight: 300;
    text-transform: uppercase;
    cursor: pointer; }
    @media screen and (max-width: 768px) {
      .support-form__button {
        width: 100%; } }
    .support-form__button:disabled {
      cursor: not-allowed; }
  .support-form__error {
    font-size: 14px;
    color: #d30d0c;
    font-weight: 600px;
    font-family: 'Titillium'; }
  .support-form__input {
    display: block;
    height: 50px;
    border: 1px solid #c9c9cb;
    border-radius: 5px;
    font-size: 14px;
    width: calc(100% - 2rem);
    outline: none;
    padding: 0 1rem;
    color: #a8a9b0;
    background-color: white; }
    .support-form__input::-webkit-input-placeholder {
      color: #a8a9b0; }
    .support-form__input:-ms-input-placeholder {
      color: #a8a9b0; }
    .support-form__input::-ms-input-placeholder {
      color: #a8a9b0; }
    .support-form__input::placeholder {
      color: #a8a9b0; }
    .support-form__input--invalid {
      border: 1px solid #d30d0c; }
    .support-form__input__select {
      width: 100%;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; }
    .support-form__input__textarea {
      height: 180px;
      resize: none;
      padding-top: 1rem;
      padding-bottom: 1rem; }
    .support-form__input__checkbox {
      width: 20px;
      height: 20px; }
      .support-form__input__checkbox:checked {
        background: #3dce8c; }
    .support-form__input__group {
      display: block; }
      .support-form__input__group > * {
        display: inline-block;
        vertical-align: top; }
      .support-form__input__group__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .support-form__input__group__row > div {
          -ms-flex-preferred-size: 0;
              flex-basis: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1; }
  .support-form__label {
    font-size: 14px;
    color: #a8a9b0;
    text-transform: uppercase;
    padding-bottom: 0.5rem;
    display: block; }
    @media screen and (max-width: 768px) {
      .support-form__label {
        display: none; } }
    .support-form__label--modified {
      padding-top: 1.6rem; }
      @media screen and (max-width: 768px) {
        .support-form__label--modified {
          display: block; } }
    .support-form__label--checkbox {
      font-size: 15px;
      text-transform: capitalize;
      display: inline-block; }
  .support-form__row {
    padding-bottom: 1.6rem; }
    .support-form__row--modified {
      padding-bottom: 0; }
    .support-form__row__item {
      display: inline-block;
      vertical-align: top;
      width: calc(50% - 30px);
      position: relative; }
      @media screen and (max-width: 768px) {
        .support-form__row__item {
          width: 100%;
          display: block; } }
      .support-form__row__item__select:before {
        content: '\F0D7';
        font-family: FontAwesome;
        color: #a8a9b0;
        display: inline-block;
        position: absolute;
        right: 18px;
        top: 18px;
        pointer-events: none; }
    .support-form__row > div:nth-child(2) {
      margin-left: 60px; }
      @media screen and (max-width: 768px) {
        .support-form__row > div:nth-child(2) {
          margin-left: 0;
          margin-top: 20px; } }
  .support-form__section {
    padding: 90px 0;
    background-image: url("/assets/img/support_form-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    @media screen and (max-width: 768px) {
      .support-form__section {
        padding: 50px 0; } }
    .support-form__section__header {
      display: block;
      text-align: center;
      color: white;
      font-size: 32px;
      font-weight: 300;
      padding-bottom: 50px; }
      @media screen and (max-width: 768px) {
        .support-form__section__header {
          font-size: 22px;
          padding-bottom: 30px; } }
      .support-form__section__header--with-tag {
        padding-bottom: 0.8rem; }
    .support-form__section__tag {
      display: block;
      font-size: 20px;
      margin-bottom: 3rem;
      font-weight: 300;
      color: #8c8f92;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .support-form__section__tag {
          font-size: 16px;
          margin-bottom: 2rem; } }

.ReactModal__Overlay {
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.75) !important; }

.ReactModal__Body--open {
  overflow: hidden; }

.ReactModal__Closebtn {
  right: 1rem;
  top: 1rem;
  display: block;
  text-align: right;
  padding: 1rem;
  cursor: pointer; }
  .ReactModal__Closebtn:before {
    font-size: 1.5rem;
    color: #4a4c52; }

.ReactModal__Content {
  border-radius: 5px !important;
  top: 50% !important;
  left: 50% !important;
  width: 768px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 !important;
  bottom: 0 !important;
  right: 0 !important; }
  @media screen and (max-width: 768px) {
    .ReactModal__Content {
      width: 90%;
      height: 90%; } }
  @media screen and (max-height: 992px) {
    .ReactModal__Content {
      max-height: 90%; } }
  .ReactModal__Content > .support-form {
    width: 80%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 30px;
    padding-bottom: 30px; }
  .ReactModal__Content__splash {
    height: 200px;
    position: relative;
    background: url("/assets/svg/community-splash.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center; }
    .ReactModal__Content__splash__container {
      top: 50% !important;
      left: 50% !important;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      position: absolute;
      text-align: center;
      width: 100%; }
      .ReactModal__Content__splash__container > span {
        display: block;
        font-family: 'Titillium' !important;
        color: white; }
    .ReactModal__Content__splash__header {
      font-size: 30px; }
      @media screen and (max-width: 768px) {
        .ReactModal__Content__splash__header {
          font-size: 16px; } }
    .ReactModal__Content__splash__text {
      font-size: 18px; }
      @media screen and (max-width: 768px) {
        .ReactModal__Content__splash__text {
          font-size: 14px; } }

.kgms-features__item {
  height: 280px;
  background-color: #ffffff;
  border: 1px solid  #e6e8f4;
  border-radius: 5px; }
  @media screen and (max-width: 768px) {
    .kgms-features__item {
      height: 240px; } }
  @media screen and (max-width: 400px) {
    .kgms-features__item {
      height: 280px; } }
  .kgms-features__item__container {
    height: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .kgms-features__item__logo {
    height: 40px;
    margin-bottom: 1rem; }
    .kgms-features__item__logo > img {
      max-height: 100%; }
  .kgms-features__item__header {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    color: #4a4c52;
    padding-bottom: 0.8rem; }
    @media screen and (max-width: 768px) {
      .kgms-features__item__header {
        font-size: 16px; } }
  .kgms-features__item__text {
    font-size: 16px;
    line-height: 1.8;
    text-align: center;
    color: #8c8f92;
    display: block; }
    @media screen and (max-width: 768px) {
      .kgms-features__item__text {
        font-size: 14px; } }

.company-logos {
  background-color: #f3f4fa; }
  .company-logos__item {
    position: relative;
    height: 100px; }
    .company-logos__item > img {
      max-width: 90%;
      max-height: 100px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      opacity: 0.6; }

.home {
  width: 100%;
  height: 100%; }
  .home__header {
    display: block;
    margin: 0 auto;
    font-weight: 300;
    color: #4a4c52;
    font-size: 30px; }
    .home__header > strong {
      font-weight: 600; }
    @media screen and (max-width: 768px) {
      .home__header {
        font-size: 20px;
        width: 100%; } }
  .home__splash {
    height: 100vh;
    min-height: 800px;
    position: relative;
    background-image: url("/assets/svg/BG-HD.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    max-height: 1200px; }
    .home__splash__text {
      text-align: center; }
      @media screen and (min-height: 1000px) {
        .home__splash__text {
          padding-top: calc((1000px - 394px)/3.5) !important; } }
      @media screen and (max-height: 1000px) {
        .home__splash__text {
          padding-top: calc((100vh - 394px)/4); } }
      @media screen and (max-height: 800px) {
        .home__splash__text {
          padding-top: 120px; } }
      .home__splash__text > span {
        display: block;
        margin: 0 auto; }
      .home__splash__text__headline {
        font-size: 36px;
        font-weight: 500; }
        @media screen and (max-width: 992px) {
          .home__splash__text__headline {
            font-size: 28px; } }
        @media screen and (max-width: 768px) {
          .home__splash__text__headline {
            font-size: 25px; } }
        @media screen and (max-width: 620px) {
          .home__splash__text__headline {
            font-size: 19px;
            font-weight: 600; } }
        @media screen and (max-width: 480px) {
          .home__splash__text__headline {
            font-size: 26px;
            font-weight: 400;
            width: 320px;
            margin: 0 auto; } }
        @media screen and (max-width: 320px) {
          .home__splash__text__headline {
            font-size: 22px;
            font-weight: 400;
            width: 280px;
            margin: 0 auto; } }
      .home__splash__text__tag {
        padding-top: 0px;
        font-size: 20px;
        color: #4a4c52;
        font-weight: 300;
        line-height: 1.8; }
        @media screen and (max-width: 992px) {
          .home__splash__text__tag {
            font-size: 18px;
            font-weight: 400; } }
        @media screen and (max-width: 768px) {
          .home__splash__text__tag {
            font-size: 16px;
            font-weight: 400; } }
        @media screen and (max-width: 480px) {
          .home__splash__text__tag {
            font-size: 14px;
            font-weight: 400; } }
        @media screen and (max-width: 320px) {
          .home__splash__text__tag {
            font-size: 12px;
            font-weight: 400; } }
      .home__splash__text__install {
        text-decoration: none;
        font-size: 16px;
        background-color: #393F4C;
        color: white;
        width: 210px;
        display: block;
        margin: 1rem auto 0 auto;
        padding: 0.8rem 0;
        border-radius: 5px; }
        .home__splash__text__install > .fa {
          margin-left: 1rem;
          color: #92a7b4; }
        @media screen and (max-width: 768px) {
          .home__splash__text__install {
            font-size: 14px; } }
  .home__links {
    position: relative;
    min-height: 405px; }
    @media screen and (max-width: 768px) {
      .home__links {
        min-height: 340px; } }
    @media screen and (min-height: 1000px) {
      .home__links {
        min-height: 305px; } }
    .home__links__container {
      width: 60%;
      padding-top: 220px; }
      @media screen and (max-width: 768px) {
        .home__links__container {
          width: 90%;
          padding-top: 190px; } }
      @media screen and (min-height: 1000px) {
        .home__links__container {
          padding-top: 120px; } }
      .home__links__container__item {
        width: 33.33%;
        display: inline-block;
        vertical-align: middle;
        text-align: center; }
        .home__links__container__item > img {
          display: block;
          max-width: 60px;
          margin: 0 auto; }
        .home__links__container__item > span {
          display: block;
          padding-top: 0.5rem;
          font-size: 18px;
          color: #a6abac; }
          @media screen and (max-width: 768px) {
            .home__links__container__item > span {
              font-size: 12px; } }
          .home__links__container__item > span > a {
            display: inline-block;
            font-weight: 600; }
            @media screen and (max-width: 768px) {
              .home__links__container__item > span > a {
                display: block; } }
          .home__links__container__item > span > .github-link {
            color: black; }
          .home__links__container__item > span > .slack-link {
            color: #d30d0c; }
          .home__links__container__item > span > .twitter-link {
            color: #50bcf4; }
  .home__features {
    position: relative; }
    .home__features__container {
      padding-top: 90px;
      padding-bottom: 90px; }
      @media screen and (max-width: 768px) {
        .home__features__container {
          padding-top: 50px; } }
    .home__features--coloured {
      background: #f3f4fa; }
      .home__features--coloured > .home__features__container {
        padding-bottom: 140px; }
        @media screen and (max-width: 768px) {
          .home__features--coloured > .home__features__container {
            padding-bottom: 120px; } }
    .home__features--alternate > .home__features__container {
      padding-top: 40px !important; }
    .home__features__headline {
      width: 55%;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .home__features__headline {
          width: 100%; } }
    .home__features__circle {
      width: 120px;
      height: 120px;
      background-color: #ffffff;
      -webkit-box-shadow: 2px 2px 10px 0 rgba(150, 134, 255, 0.2);
              box-shadow: 2px 2px 10px 0 rgba(150, 134, 255, 0.2);
      border-radius: 50%;
      position: absolute;
      bottom: -60px;
      left: calc(50% - 60px); }
      .home__features__circle > img {
        width: 48px;
        top: 60px;
        display: block;
        margin: 0 auto;
        margin-top: 36px; }
    .home__features__item {
      display: block;
      padding-top: 100px; }
      @media screen and (max-width: 768px) {
        .home__features__item {
          padding-top: 70px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-flow: column;
                  flex-flow: column; } }
      .home__features__item > div {
        width: 45%;
        display: inline-block;
        vertical-align: middle; }
        @media screen and (max-width: 768px) {
          .home__features__item > div {
            width: 100%;
            display: block; } }
      .home__features__item > div:nth-child(2) {
        margin-left: 10%; }
        @media screen and (max-width: 768px) {
          .home__features__item > div:nth-child(2) {
            margin-left: 0; } }
      .home__features__item__text__logo {
        width: 45px;
        height: 45px;
        border-radius: 10px;
        border: transparent;
        color: white;
        display: block; }
        .home__features__item__text__logo > img {
          max-width: 100%; }
        .home__features__item__text__logo--red {
          background-color: #f75e62; }
        .home__features__item__text__logo--purple {
          background-color: #796de3; }
        .home__features__item__text__logo--blue {
          background-color: #21b5fa; }
        .home__features__item__text__logo--green {
          background-color: #46cd90; }
        @media screen and (max-width: 768px) {
          .home__features__item__text__logo {
            display: inline-block; } }
      .home__features__item__text > a {
        color: #7a68e8;
        font-size: 18px;
        font-weight: 400;
        padding-top: 10px;
        display: block; }
        @media screen and (max-width: 768px) {
          .home__features__item__text > a {
            font-size: 14px; } }
      .home__features__item__text__headline {
        display: block;
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 22px;
        font-weight: 600;
        color: #4a4c52; }
        @media screen and (max-width: 768px) {
          .home__features__item__text__headline {
            margin-top: 10px;
            margin-left: 1rem;
            display: inline-block;
            vertical-align: top;
            font-size: 16px; } }
      .home__features__item__text__paragraph {
        display: block;
        font-size: 18px;
        color: #8c8f92;
        text-align: left;
        line-height: 1.8; }
        @media screen and (max-width: 768px) {
          .home__features__item__text__paragraph {
            font-size: 14px; } }
      @media screen and (max-width: 768px) {
        .home__features__item__text {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2; } }
      .home__features__item__img > img {
        max-width: 100%;
        margin: 0 auto;
        display: block; }
      @media screen and (max-width: 768px) {
        .home__features__item__img {
          margin-bottom: 40px;
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1; } }
  .home__production {
    position: relative; }
    .home__production__headline {
      width: 60%;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .home__production__headline {
          width: 90%; } }
    .home__production__button {
      z-index: 2; }
    .home__production > img {
      position: absolute;
      width: 100%;
      top: -10%;
      height: 120%;
      z-index: -1; }
  .home__deployment {
    padding-top: 90px;
    padding-bottom: 90px; }
    @media screen and (max-width: 768px) {
      .home__deployment {
        padding-top: 50px;
        padding-bottom: 50px; } }
    .home__deployment__headline {
      width: 50%;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .home__deployment__headline {
          width: 100%; } }
    .home__deployment__items--desktop {
      padding: 50px 0;
      width: 100%; }
      @media screen and (max-width: 768px) {
        .home__deployment__items--desktop {
          padding: 30px 0; } }
      .home__deployment__items--desktop__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        .home__deployment__items--desktop__row > :nth-child(2) {
          border-left: 1px solid #f2f6fa;
          border-right: 1px solid #f2f6fa; }
    .home__deployment__items__item {
      height: 130px;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      cursor: pointer;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      border: 1px solid white; }
      .home__deployment__items__item > img {
        -ms-flex-item-align: center;
            align-self: center;
        max-width: 80%;
        max-height: 100%; }
      .home__deployment__items__item:hover {
        border: 1px solid #c9c9cb; }
  .home__usecases {
    min-height: 700px;
    background-image: url("/assets/img/background.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    .home__usecases__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      min-height: 700px; }
    .home__usecases__header {
      font-size: 30px;
      font-weight: 300;
      line-height: 1.4;
      text-align: center;
      color: #ffffff;
      padding-top: 90px;
      display: block;
      width: 60%;
      margin: 0 auto; }
      .home__usecases__header > strong {
        color: #7a68e8;
        font-weight: 600; }
      @media screen and (max-width: 768px) {
        .home__usecases__header {
          font-size: 22px;
          width: 100%;
          margin-bottom: 20px;
          padding-top: 50px; } }
    .home__usecases__tabcontainer {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .home__usecases__tabpanel {
      display: none; }
      .home__usecases__tabpanel--selected {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; }
        @media screen and (max-width: 768px) {
          .home__usecases__tabpanel--selected {
            -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                    order: 2; } }
      @media screen and (max-width: 768px) {
        .home__usecases__tabpanel__container {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-flow: column;
                  flex-flow: column;
          padding-bottom: 50px; } }
      .home__usecases__tabpanel__img {
        display: inline-block;
        width: 45%;
        vertical-align: middle; }
        @media screen and (max-width: 768px) {
          .home__usecases__tabpanel__img {
            margin-bottom: 30px;
            width: 100%;
            -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                    order: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 150px;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; } }
        .home__usecases__tabpanel__img > img {
          max-width: 100%;
          display: block;
          margin: 0 auto; }
          @media screen and (max-width: 768px) {
            .home__usecases__tabpanel__img > img {
              width: 50%; } }
        .home__usecases__tabpanel__img--scaled > img {
          max-width: 90%; }
      .home__usecases__tabpanel__text {
        display: inline-block;
        width: 45%;
        margin-left: 10%;
        vertical-align: middle; }
        .home__usecases__tabpanel__text > * {
          display: block; }
        @media screen and (max-width: 768px) {
          .home__usecases__tabpanel__text {
            width: 100%;
            margin-left: 0;
            -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                    order: 2; } }
        .home__usecases__tabpanel__text__title {
          font-size: 22px;
          font-weight: 600;
          line-height: 1.2;
          text-align: left;
          color: #ffffff; }
          @media screen and (max-width: 768px) {
            .home__usecases__tabpanel__text__title {
              font-size: 16px; } }
        .home__usecases__tabpanel__text__content {
          padding-top: 1.2rem;
          padding-bottom: 1.2rem;
          font-size: 18px;
          line-height: 1.8;
          text-align: left;
          color: #848494; }
          @media screen and (max-width: 768px) {
            .home__usecases__tabpanel__text__content {
              font-size: 14px; } }
        .home__usecases__tabpanel__text > a {
          color: #7a68e8;
          font-size: 18px;
          font-weight: 400; }
          @media screen and (max-width: 768px) {
            .home__usecases__tabpanel__text > a {
              font-size: 14px; } }
    .home__usecases__tablist {
      margin: 0;
      padding: 0;
      padding-bottom: 2px;
      list-style: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      width: 100%;
      height: 110px;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      background-color: transparent; }
      @media screen and (max-width: 768px) {
        .home__usecases__tablist {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1;
          margin-bottom: 30px;
          height: 70px;
          width: 100vw;
          margin-left: -6%;
          padding: 0; } }
      .home__usecases__tablist__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        vertical-align: middle;
        height: 100%;
        width: 20%;
        cursor: pointer;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.22;
        color: #848494;
        outline: none; }
        @media screen and (max-width: 768px) {
          .home__usecases__tablist__item {
            border-bottom: 2px solid #8c8f92; } }
        .home__usecases__tablist__item--selected {
          border-radius: 5px 5px 0 0;
          background-color: #414859;
          -webkit-box-shadow: 0 0 17px 0 rgba(50, 46, 46, 0.25);
                  box-shadow: 0 0 17px 0 rgba(50, 46, 46, 0.25); }
          .home__usecases__tablist__item--selected > img {
            -webkit-filter: invert(0) !important;
                    filter: invert(0) !important; }
          .home__usecases__tablist__item--selected > .home__usecase__tablist__item__text--bots {
            color: #46CD90; }
          .home__usecases__tablist__item--selected > .home__usecase__tablist__item__text--search {
            color: #7a68e8; }
          .home__usecases__tablist__item--selected > .home__usecase__tablist__item__text--services {
            color: #F75E62; }
          .home__usecases__tablist__item--selected > .home__usecase__tablist__item__text--science {
            color: #21B5FA; }
          .home__usecases__tablist__item--selected > .home__usecase__tablist__item__text--security {
            color: #40ED79; }
          .home__usecases__tablist__item--selected:nth-child(1) {
            border-top: none;
            border-bottom: 2px solid #46CD90; }
          .home__usecases__tablist__item--selected:nth-child(2) {
            border-top: none;
            border-bottom: 2px solid #7a68e8; }
          .home__usecases__tablist__item--selected:nth-child(3) {
            border-top: none;
            border-bottom: 2px solid #F75E62; }
          .home__usecases__tablist__item--selected:nth-child(4) {
            border-top: none;
            border-bottom: 2px solid #21B5FA; }
          .home__usecases__tablist__item--selected:nth-child(5) {
            border-top: none;
            border-bottom: 2px solid #40ED79; }
        @media screen and (max-width: 768px) {
          .home__usecases__tablist__item > span {
            display: none; } }
        .home__usecases__tablist__item > img {
          width: 34px;
          padding-bottom: 0.8rem;
          -webkit-filter: invert(0.6);
                  filter: invert(0.6); }
          @media screen and (max-width: 768px) {
            .home__usecases__tablist__item > img {
              padding-bottom: 0; } }
  .home > .testimonials {
    padding-top: 30px; }
    @media screen and (max-width: 768px) {
      .home > .testimonials {
        padding-top: 30px; } }
  .home__world {
    min-height: 480px;
    background-image: linear-gradient(91deg, #4d5575, #36405a); }
    @media screen and (max-width: 768px) {
      .home__world {
        min-height: 170px; } }
    .home__world__container {
      background-image: url("/assets/img/graknmap.png");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      min-height: 480px;
      padding: 90px 0; }
      @media screen and (max-width: 768px) {
        .home__world__container {
          min-height: 170px;
          padding: 40px 0; } }
    .home__world__headline {
      display: block;
      margin: 0 auto;
      color: #fff;
      font-weight: 600;
      font-size: 48px;
      text-align: center;
      width: 100%;
      margin-bottom: auto;
      padding-top: 0; }
      .home__world__headline > strong {
        color: #f75e61;
        font-weight: 600; }
      @media screen and (max-width: 768px) {
        .home__world__headline {
          font-size: 20px; } }
    .home__world__link {
      color: white;
      font-size: 18px;
      font-weight: 400;
      line-height: 1.2;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .home__world__link {
          font-size: 12px; } }

iframe {
  margin-top: 70px;
  min-height: calc(100vh - 70px);
  width: 100%;
  border: none;
  overflow-y: hidden; }
  @media screen and (max-width: 768px) {
    iframe {
      min-height: 700px; } }

.about {
  padding-top: 70px; }
  .about__splash {
    position: relative;
    height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    background-image: url("/assets/svg/about-splash.svg");
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    color: white; }
    .about__splash__text {
      font-size: 36px;
      display: block;
      margin: 0 auto;
      font-weight: 300; }
      @media screen and (max-width: 992px) {
        .about__splash__text {
          font-size: 26px; } }
      @media screen and (max-width: 768px) {
        .about__splash__text {
          font-size: 22px;
          width: 360px;
          margin: 0 auto; } }
    .about__splash__circle {
      width: 120px;
      height: 120px;
      background-color: #ffffff;
      -webkit-box-shadow: 2px 2px 10px 0 rgba(150, 134, 255, 0.2);
              box-shadow: 2px 2px 10px 0 rgba(150, 134, 255, 0.2);
      border-radius: 50%;
      position: absolute;
      bottom: -60px;
      left: calc(50% - 60px); }
      .about__splash__circle > img {
        width: 48px;
        top: 60px;
        display: block;
        margin: 0 auto;
        margin-top: 36px; }
  .about__team {
    padding: 120px 0 70px 0; }
    @media screen and (max-width: 768px) {
      .about__team {
        padding: 90px 0; } }
    .about__team__header {
      display: block;
      text-align: center;
      font-size: 30px;
      padding-bottom: 50px;
      color: #4a4c52;
      font-weight: 600; }
      @media screen and (max-width: 768px) {
        .about__team__header {
          font-size: 24px; } }
    .about__team__text {
      font-size: 16px; }
      .about__team__text > span {
        display: inline-block;
        vertical-align: middle;
        width: 46%;
        background-color: #f3f4fa;
        border-radius: 6px;
        border: solid 1px #e8eaf4;
        padding: 50px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        line-height: 1.8;
        color: #8c8f92;
        font-size: 18px; }
        @media screen and (max-width: 992px) {
          .about__team__text > span {
            width: 100%;
            display: block;
            font-size: 14px; } }
      .about__team__text__divider {
        width: 8%;
        display: inline-block;
        vertical-align: middle; }
        @media screen and (max-width: 992px) {
          .about__team__text__divider {
            width: 100%;
            display: block; } }
        .about__team__text__divider > img {
          display: block;
          margin: 0 auto;
          max-width: 50%; }
        @media screen and (max-width: 992px) {
          .about__team__text__divider {
            display: none !important; } }
      @media screen and (max-width: 992px) {
        .about__team__text__col2 {
          border-top: none !important;
          margin-top: -70px; } }
  .about__members {
    padding-bottom: 70px;
    text-align: center; }
    .about__members__header {
      display: block;
      text-align: center;
      font-size: 30px;
      padding-bottom: 50px;
      color: #4a4c52;
      font-weight: 600; }
      @media screen and (max-width: 768px) {
        .about__members__header {
          font-size: 24px; } }
    .about__members__item {
      height: 240px;
      width: 180px;
      display: inline-block;
      margin: 5px 5px;
      background-color: white;
      position: relative;
      overflow-y: hidden; }
      @media screen and (max-width: 500px) {
        .about__members__item {
          width: 100%; } }
      .about__members__item > img {
        display: block;
        margin: 0 auto;
        width: 100%;
        height: 100%; }
        @media screen and (max-width: 500px) {
          .about__members__item > img {
            width: 180px;
            margin-left: 0;
            display: inline-block;
            vertical-align: top; } }
      .about__members__item__info {
        display: block;
        text-decoration: none;
        color: white;
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 0.8rem;
        -webkit-transform: translate(0, calc(100% - 3rem));
                transform: translate(0, calc(100% - 3rem));
        -webkit-transition: background-color 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
        transition: background-color 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
        transition: background-color 200ms ease-in-out, transform 200ms ease-in-out;
        transition: background-color 200ms ease-in-out, transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
        background-color: rgba(0, 0, 0, 0.4);
        text-align: left; }
        .about__members__item__info:hover {
          -webkit-transform: translate(0, 0);
                  transform: translate(0, 0); }
        .about__members__item__info > span {
          display: block;
          font-size: 14px; }
        .about__members__item__info__name {
          font-size: 16px !important;
          margin-bottom: 0.5rem; }
        .about__members__item__info__education {
          margin-bottom: 0.3rem; }
        @media screen and (max-width: 500px) {
          .about__members__item__info {
            padding-top: 0;
            position: relative;
            width: calc(100% - 220px);
            margin-left: 0;
            display: inline-block;
            vertical-align: top;
            color: black;
            -webkit-transform: translate(0, 0);
                    transform: translate(0, 0);
            background-color: white;
            text-align: left;
            font-size: 12px; } }

.careers {
  padding-top: 70px; }
  .careers__splash {
    position: relative;
    height: 400px;
    display: block;
    text-align: center;
    background-image: url("/assets/img/careers-splash.png");
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    color: white; }
    @media screen and (max-width: 768px) {
      .careers__splash {
        background-position: 20% bottom; } }
    .careers__splash__text {
      padding-top: 150px;
      font-size: 42px;
      display: block;
      margin: 0 auto;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .careers__splash__text {
          font-size: 30px; } }
    .careers__splash__circle {
      width: 120px;
      height: 120px;
      background-color: #ffffff;
      -webkit-box-shadow: 2px 2px 10px 0 rgba(150, 134, 255, 0.2);
              box-shadow: 2px 2px 10px 0 rgba(150, 134, 255, 0.2);
      border-radius: 50%;
      position: absolute;
      bottom: -60px;
      left: calc(50% - 60px); }
      .careers__splash__circle > img {
        width: 48px;
        top: 60px;
        display: block;
        margin: 0 auto;
        margin-top: 36px; }
  .careers__intro {
    padding: 90px 0; }
    @media screen and (max-width: 768px) {
      .careers__intro {
        padding: 50px 0; } }
    .careers__intro__container {
      display: block; }
      .careers__intro__container > * {
        display: inline-block;
        vertical-align: middle; }
        @media screen and (max-width: 768px) {
          .careers__intro__container > * {
            display: block; } }
      @media screen and (max-width: 768px) {
        .careers__intro__container {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
    .careers__intro__text {
      width: 60%;
      font-size: 16px;
      line-height: 1.7;
      color: #4a4c52; }
      .careers__intro__text > span {
        width: 90%;
        display: block; }
      @media screen and (max-width: 768px) {
        .careers__intro__text {
          width: 100%;
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2;
          font-size: 14px; }
          .careers__intro__text > span {
            width: 100%; } }
    .careers__intro__img {
      width: 40%; }
      .careers__intro__img > img {
        max-width: 100%;
        margin: 0 auto;
        display: block; }
      @media screen and (max-width: 768px) {
        .careers__intro__img {
          width: 100%;
          margin-bottom: 30px;
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1; } }
  .careers__job {
    padding-bottom: 90px; }
    @media screen and (max-width: 768px) {
      .careers__job {
        padding-bottom: 70px; } }
    .careers__job__logo > img {
      display: block;
      margin: 0 auto;
      padding-bottom: 1rem; }
    .careers__job__title {
      font-size: 24px;
      font-weight: 600;
      display: block;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .careers__job__title {
          font-size: 18px; } }
    .careers__job__intro {
      font-size: 16px;
      line-height: 1.78;
      text-align: center;
      color: #8c8f92;
      padding-top: 1rem;
      display: block;
      text-align: left; }
      @media screen and (max-width: 768px) {
        .careers__job__intro {
          font-size: 14px; } }
    .careers__job__list {
      width: 100%;
      background-color: #fdfdff;
      border-radius: 6px;
      border: solid 1px #e8eaf4;
      margin-top: 50px;
      padding: 50px 60px 0 60px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      @media screen and (max-width: 768px) {
        .careers__job__list {
          padding: 50px 20px 0 20px; } }
      .careers__job__list__section__title {
        font-size: 20px;
        font-weight: 600;
        display: block;
        text-align: center;
        color: #4a4c52; }
        @media screen and (max-width: 768px) {
          .careers__job__list__section__title {
            font-size: 16px; } }
      .careers__job__list__section__items {
        padding: 30px 0 50px 0; }
        .careers__job__list__section__items__col:nth-child(1) {
          width: 55%; }
          @media screen and (max-width: 768px) {
            .careers__job__list__section__items__col:nth-child(1) {
              width: 100%; } }
        .careers__job__list__section__items__col {
          display: inline-block;
          width: 45%;
          vertical-align: top;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box; }
          @media screen and (max-width: 768px) {
            .careers__job__list__section__items__col {
              display: block;
              width: 100%; } }
          .careers__job__list__section__items__col__item {
            display: block;
            margin-bottom: 12px;
            line-height: 1.65;
            width: 90%;
            font-size: 16px;
            color: #4a4c52;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box; }
            @media screen and (max-width: 768px) {
              .careers__job__list__section__items__col__item {
                font-size: 14px;
                width: 100%; } }
            .careers__job__list__section__items__col__item > i {
              margin-right: 10px;
              padding: 4px;
              border-radius: 50%;
              font-weight: 300;
              display: inline-block; }
            .careers__job__list__section__items__col__item > span {
              display: inline-block;
              vertical-align: top;
              width: calc(100% - 35px); }

.community {
  padding-top: 70px; }
  .community__splash {
    height: 450px;
    background-image: url("/assets/svg/community-splash.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center; }
    @media screen and (max-width: 768px) {
      .community__splash {
        background-position: 10% center;
        height: 300px; } }
    .community__splash__container {
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-line-pack: start;
          align-content: flex-start;
      position: relative; }
      .community__splash__container > h1 {
        display: block;
        font-size: 42px;
        text-align: left;
        color: white;
        width: 50%;
        line-height: 1.5;
        font-weight: 300; }
        .community__splash__container > h1 > strong {
          font-weight: 600; }
        @media screen and (max-width: 768px) {
          .community__splash__container > h1 {
            font-size: 24px;
            width: 100%;
            text-align: center; } }
    .community__splash__form {
      text-align: center;
      padding-bottom: 1rem;
      position: absolute;
      right: 0;
      bottom: -350px;
      width: 45%;
      right: 0;
      background-color: #f5f7fb;
      z-index: 1;
      border: solid 1px #e6e8f4;
      padding: 50px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-radius: 6px; }
      @media screen and (max-width: 768px) {
        .community__splash__form {
          bottom: -540px;
          width: 100%; } }
      @media screen and (max-width: 480px) {
        .community__splash__form {
          bottom: -580px; } }
      .community__splash__form__header {
        font-size: 28px;
        display: block;
        color: #4a4c52;
        padding-bottom: 1rem;
        font-weight: 600; }
        @media screen and (max-width: 768px) {
          .community__splash__form__header {
            font-size: 20px; } }
      .community__splash__form__tag {
        font-size: 18px;
        display: block;
        padding-bottom: 30px;
        color: #8c8f92; }
        @media screen and (max-width: 768px) {
          .community__splash__form__tag {
            font-size: 14px; } }
      .community__splash__form > input,
      .community__splash__form > button {
        display: block;
        height: 50px;
        margin-bottom: 1rem;
        width: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border: solid 1px #dde1ed;
        border-radius: 6px; }
      .community__splash__form > input {
        outline: none;
        padding: 0 0.5rem;
        font-size: 0.8rem;
        margin-bottom: 30px; }
      .community__splash__form > button {
        margin-top: 50px;
        font-size: 1rem;
        border: none;
        border-radius: 5px;
        margin-bottom: 0; }
  .community__content {
    padding: 90px 0; }
    @media screen and (max-width: 768px) {
      .community__content {
        padding-top: 590px; } }
    @media screen and (max-width: 480px) {
      .community__content {
        padding-top: 630px; } }
    .community__content__links__col:nth-child(1) {
      width: 50%; }
      @media screen and (max-width: 768px) {
        .community__content__links__col:nth-child(1) {
          margin-right: 0;
          width: 100%; } }
    .community__content__links__col {
      display: inline-block;
      vertical-align: top; }
      @media screen and (max-width: 768px) {
        .community__content__links__col {
          display: block; } }
      .community__content__links__col__item {
        padding-bottom: 2.5rem; }
        .community__content__links__col__item > span {
          display: block;
          font-size: 16px;
          width: 90%;
          color: #8c8f92;
          font-weight: 400;
          line-height: 1.8; }
          @media screen and (max-width: 768px) {
            .community__content__links__col__item > span {
              font-size: 14px;
              width: 100%; } }
          .community__content__links__col__item > span > a {
            color: #7a68e8; }
        .community__content__links__col__item__header {
          font-size: 22px !important;
          padding-bottom: 1rem;
          color: #4a4c52 !important;
          font-weight: 600 !important;
          width: 100% !important; }
          @media screen and (max-width: 768px) {
            .community__content__links__col__item__header {
              font-size: 20px !important; } }
          .community__content__links__col__item__header > img {
            display: inline-block;
            height: 30px;
            vertical-align: middle;
            padding-right: 1rem; }
          .community__content__links__col__item__header > .fa {
            padding-right: 1rem;
            font-size: 30px; }
            .community__content__links__col__item__header > .fa-facebook {
              color: #3b5999; }
            .community__content__links__col__item__header > .fa-github {
              color: black; }
    .community__content__links__row {
      padding-top: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      @media screen and (max-width: 768px) {
        .community__content__links__row {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          padding-top: 0; } }
      .community__content__links__row__col {
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
  .community__fancy {
    position: relative;
    padding: 90px 0;
    background-image: url("/assets/img/background.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    @media screen and (max-width: 768px) {
      .community__fancy {
        padding: 50px 0; } }
    .community__fancy__container {
      padding-bottom: 0 !important; }
      @media screen and (max-width: 992px) {
        .community__fancy__container {
          width: 90% !important; } }
      .community__fancy__container > .kgms-page__features__header {
        padding-bottom: 0 !important;
        color: white; }
        .community__fancy__container > .kgms-page__features__header > br {
          display: none; }
          @media screen and (max-width: 768px) {
            .community__fancy__container > .kgms-page__features__header > br {
              display: inline; } }
    .community__fancy__newlink {
      display: block;
      margin: 0 auto;
      margin-top: 30px; }
    .community__fancy__item {
      height: 157px;
      border-radius: 5px;
      background-color: #fefefe;
      margin-bottom: 20px; }
      .community__fancy__item > a {
        display: block;
        position: relative;
        height: 100%;
        overflow: hidden; }
      .community__fancy__item > a > img {
        min-width: 100%;
        min-height: 100%;
        display: block;
        border-radius: 5px; }
      .community__fancy__item > a > span {
        color: white;
        font-size: 24px;
        text-transform: uppercase;
        font-weight: 500;
        text-decoration: none !important;
        position: absolute;
        bottom: -24px;
        width: 100%;
        padding: 5px 0;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 0 0 5px 5px;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
  .community__events {
    padding: 90px 0; }
    @media screen and (max-width: 768px) {
      .community__events {
        padding: 50px 0; } }
    .community__events--upcoming {
      background-color: #f3f4fa; }
    .community__events__container > .kgms-page__features__header {
      padding-bottom: 50px !important; }
    .community__events__items {
      padding-top: 0px !important;
      text-align: center; }
    .community__events__item {
      text-decoration: none !important;
      cursor: pointer;
      height: 310px;
      border: 1px solid #c9c9cb;
      border-radius: 5px;
      background-color: #fefefe; }
      .community__events__item__link {
        font-size: 13px;
        text-align: left;
        display: block;
        margin: 4px 25px 0 25px; }
      .community__events__item__title {
        display: block;
        font-size: 14px;
        color: #4a4c52;
        font-weight: 600;
        text-align: left;
        padding: 15px 15px 5px 15px;
        height: calc(2rem + 12px); }
        @media screen and (max-width: 768px) {
          .community__events__item__title {
            font-size: 12px; } }
      .community__events__item__description {
        display: -webkit-box;
        font-size: 13px;
        color: #8c8f92;
        text-align: left;
        padding: 0 15px;
        max-height: 3rem;
        line-height: 1.7;
        overflow: hidden;
        width: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; }
        @media screen and (max-width: 768px) {
          .community__events__item__description {
            font-size: 11px; } }
      .community__events__item__img {
        height: 135px;
        width: 100%;
        border-bottom: 1px solid #c9c9cb;
        overflow: hidden; }
        .community__events__item__img > img {
          display: block;
          border-radius: 5px 5px 0 0;
          width: 100%;
          min-height: 135px; }
        .community__events__item__img--none {
          width: auto !important;
          max-width: 100%;
          margin: 0 auto;
          height: 100px !important;
          padding-top: 5%; }
      .community__events__item__place {
        display: block;
        font-size: 13px;
        color: #8c8f92;
        text-align: left;
        padding: 10px 15px 15px 15px; }
        .community__events__item__place > strong {
          color: #21b5fb;
          font-weight: 400; }
        @media screen and (max-width: 768px) {
          .community__events__item__place {
            font-size: 12px; } }

.no-page {
  padding-top: 70px;
  min-height: calc(90vh - 70px); }
  .no-page__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: calc(90vh - 70px); }
    .no-page__container > img {
      display: block;
      margin-bottom: 2rem;
      -webkit-animation: spin 4s linear infinite;
              animation: spin 4s linear infinite; }
    .no-page__container > span {
      text-align: center;
      display: block; }
  .no-page__header {
    font-size: 42px; }
    @media screen and (max-width: 768px) {
      .no-page__header {
        font-size: 24px; } }
  .no-page__subtext {
    padding-top: 0.5rem;
    width: 60%;
    font-size: 20px;
    color: #8c8f92; }
    @media screen and (max-width: 768px) {
      .no-page__subtext {
        width: 100%;
        font-size: 16px; } }

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.services {
  padding-top: 70px; }
  .services__splash {
    height: 750px;
    width: 100%;
    background-image: url("/assets/svg/services-splash.svg");
    background-repeat: repeat-x;
    background-size: contain;
    background-position: center;
    margin: 0; }
    @media screen and (max-width: 768px) {
      .services__splash {
        height: 400px; } }
    .services__splash__text {
      padding-top: 85px;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .services__splash__text {
          padding-top: 50px; } }
      .services__splash__text > span {
        display: block;
        margin: 0 auto; }
      .services__splash__text__header {
        font-size: 42px;
        color: #4a4c52;
        font-weight: 300; }
        .services__splash__text__header > strong {
          font-weight: 600; }
        @media screen and (max-width: 768px) {
          .services__splash__text__header {
            font-size: 28px; } }
      .services__splash__text__tag {
        padding-top: 0;
        font-size: 20px;
        color: #4a4c52;
        font-weight: 300;
        line-height: 1.4;
        width: 50%; }
        @media screen and (max-width: 768px) {
          .services__splash__text__tag {
            font-size: 14px;
            font-weight: 400;
            width: 100%; } }
  .services__features {
    position: relative;
    padding: 90px 0; }
    @media screen and (max-width: 768px) {
      .services__features {
        padding: 50px 0; } }
    .services__features--nopad {
      padding: 0 0 90px 0; }
      @media screen and (max-width: 768px) {
        .services__features--nopad {
          padding: 0 0 50px 0; } }
    .services__features--alternate {
      background-image: url("/assets/svg/services_features.svg");
      background-repeat: no-repeat;
      background-size: cover; }
    .services__features--single {
      padding-bottom: 120px; }
    .services__features__circle {
      width: 120px;
      height: 120px;
      background-color: #ffffff;
      -webkit-box-shadow: 2px 2px 10px 0 rgba(150, 134, 255, 0.2);
              box-shadow: 2px 2px 10px 0 rgba(150, 134, 255, 0.2);
      border-radius: 50%;
      position: absolute;
      bottom: -60px;
      left: calc(50% - 60px);
      z-index: 5; }
      .services__features__circle > img {
        width: 48px;
        top: 60px;
        display: block;
        margin: 0 auto;
        margin-top: 36px; }
    .services__features__container > :nth-child(1) {
      padding-top: 0; }
    .services__features__item {
      display: block;
      padding-top: 100px; }
      @media screen and (max-width: 768px) {
        .services__features__item {
          padding-top: 70px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-flow: column;
                  flex-flow: column; } }
      .services__features__item > div {
        display: inline-block;
        vertical-align: middle; }
      .services__features__item > div:nth-child(2) {
        margin-left: 10%; }
        @media screen and (max-width: 768px) {
          .services__features__item > div:nth-child(2) {
            margin-left: 0; } }
      .services__features__item__text {
        width: 60%; }
        @media screen and (max-width: 768px) {
          .services__features__item__text {
            width: 100%;
            display: block; } }
        .services__features__item__text__headline {
          display: block;
          margin-top: 30px;
          margin-bottom: 10px;
          font-size: 22px;
          font-weight: 600;
          color: #4a4c52; }
          @media screen and (max-width: 768px) {
            .services__features__item__text__headline {
              margin-top: 20px;
              font-size: 16px; } }
        .services__features__item__text__paragraph {
          display: block;
          font-size: 18px;
          color: #8c8f92;
          text-align: left;
          line-height: 1.8; }
          @media screen and (max-width: 768px) {
            .services__features__item__text__paragraph {
              font-size: 14px; } }
        .services__features__item__text__button {
          margin-top: 1.5rem;
          margin-left: 0;
          height: 44px;
          line-height: 44px; }
        .services__features__item__text__list {
          padding-top: 1rem; }
          .services__features__item__text__list__col {
            display: inline-block;
            vertical-align: top;
            width: 47.5%; }
            @media screen and (max-width: 768px) {
              .services__features__item__text__list__col {
                width: 100%;
                display: block; } }
            .services__features__item__text__list__col:nth-child(2) {
              margin-left: 5%; }
              @media screen and (max-width: 768px) {
                .services__features__item__text__list__col:nth-child(2) {
                  margin-left: 0; } }
            .services__features__item__text__list__col__item {
              display: block;
              color: #8c8f92;
              font-size: 16px;
              padding-bottom: 0.5rem; }
              @media screen and (max-width: 768px) {
                .services__features__item__text__list__col__item {
                  font-size: 14px; } }
              .services__features__item__text__list__col__item > * {
                display: inline-block;
                vertical-align: top; }
              .services__features__item__text__list__col__item > i {
                margin-right: 10px;
                width: 20px;
                height: 20px;
                border-radius: 50%; }
                .services__features__item__text__list__col__item > i::before {
                  font-size: 12px;
                  margin-left: 4px;
                  line-height: 20px; }
              .services__features__item__text__list__col__item > span {
                width: calc(100% - 30px); }
              .services__features__item__text__list__col__item--green > i {
                background-color: #cbf3e1; }
                .services__features__item__text__list__col__item--green > i::before {
                  color: #3dce8c; }
              .services__features__item__text__list__col__item--yellow > i {
                background-color: #ffefcb; }
                .services__features__item__text__list__col__item--yellow > i::before {
                  color: #fece60; }
              .services__features__item__text__list__col__item--red > i {
                background-color: #ffd8d9; }
                .services__features__item__text__list__col__item--red > i::before {
                  color: #f75e62; }
              .services__features__item__text__list__col__item--blue > i {
                background-color: #dfddff; }
                .services__features__item__text__list__col__item--blue > i::before {
                  color: #7d72e5; }
              .services__features__item__text__list__col__item--light-blue > i {
                background-color: #d7f2ff; }
                .services__features__item__text__list__col__item--light-blue > i::before {
                  color: #21b5fb; }
        @media screen and (max-width: 768px) {
          .services__features__item__text {
            -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                    order: 2; } }
      .services__features__item__img {
        width: 30%; }
        @media screen and (max-width: 768px) {
          .services__features__item__img {
            width: 100%;
            display: block; } }
        .services__features__item__img > img {
          max-width: 80%;
          margin: 0 auto;
          display: block; }
        @media screen and (max-width: 768px) {
          .services__features__item__img {
            margin-bottom: 40px;
            -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                    order: 1; } }
  .services__alive {
    position: relative;
    padding-top: 110px;
    height: 300px; }
    .services__alive > img {
      position: absolute;
      top: 0;
      width: 100%; }
      @media screen and (max-width: 768px) {
        .services__alive > img {
          height: 100%;
          width: auto; } }
    @media screen and (max-width: 768px) {
      .services__alive {
        padding-top: 90px;
        height: 300px; } }
    .services__alive__header {
      text-align: center;
      display: block;
      font-weight: 600;
      color: #4a4c52;
      font-size: 30px; }
      @media screen and (max-width: 768px) {
        .services__alive__header {
          font-size: 22px; } }
    .services__alive__tag {
      text-align: center;
      display: block;
      padding-top: 0.8rem;
      width: 60%;
      color: #8c8f92;
      font-size: 18px;
      margin: 0 auto;
      line-height: 1.8; }
      @media screen and (max-width: 768px) {
        .services__alive__tag {
          width: 100%;
          font-size: 14px; } }
    .services__alive__button {
      display: block;
      margin-top: 2rem; }

.support-page {
  padding-top: 70px; }
  .support-page__splash {
    height: 800px;
    width: 100%;
    background-image: url("/assets/img/support-splash.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom; }
    @media screen and (max-width: 768px) {
      .support-page__splash {
        height: 400px; } }
    .support-page__splash__text {
      padding-top: 85px;
      text-align: left; }
      @media screen and (max-width: 768px) {
        .support-page__splash__text {
          padding-top: 50px;
          text-align: center; } }
      .support-page__splash__text > span {
        display: block; }
      .support-page__splash__text__header {
        font-size: 42px;
        width: 50%;
        line-height: 1.3;
        font-weight: 300;
        color: #4a4c52; }
        .support-page__splash__text__header > strong {
          font-weight: 600; }
        @media screen and (max-width: 992px) {
          .support-page__splash__text__header {
            width: 60%; } }
        @media screen and (max-width: 768px) {
          .support-page__splash__text__header {
            font-size: 28px;
            width: 100%; } }
      .support-page__splash__text__tag {
        padding-top: 1rem;
        font-size: 20px;
        color: #4a4c52;
        font-weight: 300;
        line-height: 1.7;
        width: 60%; }
        @media screen and (max-width: 768px) {
          .support-page__splash__text__tag {
            font-size: 14px;
            font-weight: 400;
            width: 100%; } }
      .support-page__splash__text__button {
        margin-top: 3rem;
        width: 210px;
        color: white;
        margin-left: 0;
        background-color: #393f4c;
        text-align: center; }
        @media screen and (max-width: 768px) {
          .support-page__splash__text__button {
            margin-top: 2rem;
            margin-left: auto; } }
  .support-page__features {
    padding: 90px 0; }
    @media screen and (max-width: 768px) {
      .support-page__features {
        padding: 50px 0; } }
    .support-page__features__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      @media screen and (max-width: 768px) {
        .support-page__features__container {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      @media screen and (max-width: 768px) {
        .support-page__features__container > div:nth-child(2), .support-page__features__container div:nth-child(3) {
          margin-top: 50px; } }
    .support-page__features__item {
      text-align: center;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
      .support-page__features__item > * {
        display: block;
        margin: 0 auto; }
      .support-page__features__item__img {
        display: block; }
      .support-page__features__item__header {
        margin-top: 50px;
        font-size: 24px;
        font-weight: 600;
        line-height: 1.1;
        color: #4a4c52; }
        @media screen and (max-width: 768px) {
          .support-page__features__item__header {
            margin-top: 20px;
            font-size: 18px; } }
      .support-page__features__item__text {
        margin-top: 1rem;
        font-size: 16px;
        color: #8c8f92;
        width: 90%;
        font-weight: 300; }
        .support-page__features__item__text > a {
          color: #7a68e8; }
        @media screen and (max-width: 768px) {
          .support-page__features__item__text {
            font-size: 14px; } }
      .support-page__features__item__link {
        padding-top: 1.6rem;
        color: #7a68e8;
        font-size: 16px; }
        @media screen and (max-width: 768px) {
          .support-page__features__item__link {
            padding-top: 1rem;
            font-size: 14px; } }
  .support-page__comparisson {
    position: relative; }
    .support-page__comparisson > img {
      position: absolute;
      top: 0;
      width: 100%;
      height: 115%; }
      @media screen and (max-width: 768px) {
        .support-page__comparisson > img {
          height: 100%;
          width: auto; } }
    .support-page__comparisson__container {
      padding-bottom: 90px; }
      @media screen and (max-width: 768px) {
        .support-page__comparisson__container {
          padding-bottom: 50px; } }
    .support-page__comparisson__header {
      display: block;
      margin: 0 auto;
      font-weight: 300;
      color: #4a4c52;
      font-size: 30px;
      width: 60%;
      text-align: center; }
      .support-page__comparisson__header > strong {
        font-weight: 600; }
      @media screen and (max-width: 768px) {
        .support-page__comparisson__header {
          font-size: 20px;
          width: 100%; } }
    .support-page__comparisson__table__mobile {
      padding: 30px 0;
      display: none; }
      @media screen and (max-width: 768px) {
        .support-page__comparisson__table__mobile {
          display: block; } }
      .support-page__comparisson__table__mobile > :last-child {
        padding-bottom: 0; }
      .support-page__comparisson__table__mobile__row {
        margin-bottom: 1rem;
        width: 100%;
        border: 1px solid #c9c6eb;
        border-radius: 6px; }
        .support-page__comparisson__table__mobile__row > :nth-child(1) {
          color: white;
          background: #aea8e0;
          text-align: center;
          border-radius: 5px 5px 0 0; }
        .support-page__comparisson__table__mobile__row > :last-child {
          border-radius: 0 0 5px 5px; }
        .support-page__comparisson__table__mobile__row__item {
          height: 50px;
          line-height: 50px;
          display: block;
          width: 100%;
          font-size: 14px;
          background-color: white; }
          .support-page__comparisson__table__mobile__row__item--split {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row; }
            .support-page__comparisson__table__mobile__row__item--split > span {
              -ms-flex-preferred-size: 0;
                  flex-basis: 0;
              -webkit-box-flex: 1;
                  -ms-flex-positive: 1;
                      flex-grow: 1;
              text-align: center;
              color: #4a4c52; }
            .support-page__comparisson__table__mobile__row__item--split > :nth-child(2) {
              color: #7a68e8;
              font-weight: 600; }
    .support-page__comparisson__table {
      padding: 50px 0;
      width: 100%;
      display: block; }
      @media screen and (max-width: 768px) {
        .support-page__comparisson__table {
          display: none; } }
      .support-page__comparisson__table__header {
        display: block;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        .support-page__comparisson__table__header__item {
          -ms-flex-preferred-size: 0;
              flex-basis: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          height: 70px;
          line-height: 70px;
          color: white;
          font-size: 18px;
          text-align: center; }
        .support-page__comparisson__table__header > :nth-child(2) {
          background-color: #3dce8c;
          border-radius: 5px 0 0 0; }
        .support-page__comparisson__table__header > :nth-child(3) {
          background-color: #796de3;
          border-radius: 0 5px 0 0; }
      .support-page__comparisson__table__row {
        display: block;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        .support-page__comparisson__table__row > :nth-child(1) {
          text-align: left;
          color: white;
          font-weight: 300;
          background-color: #aea8e0;
          border-bottom: 1px solid #c9c6eb; }
        .support-page__comparisson__table__row > :nth-child(2) {
          border-right: 1px solid #eceef7; }
        .support-page__comparisson__table__row__item {
          -ms-flex-preferred-size: 0;
              flex-basis: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          text-align: center;
          padding: 0 1rem;
          font-size: 16px;
          height: 50px;
          line-height: 50px;
          border-bottom: 1px solid #eceef7;
          background-color: white;
          color: #8c8f92; }
          .support-page__comparisson__table__row__item__green {
            color: #3dce8c; }
          .support-page__comparisson__table__row__item__purple {
            color: #796de3; }

.grakn-page {
  padding-top: 70px; }
  .grakn-page__splash {
    height: 800px;
    width: 100%;
    background-image: url("/assets/svg/grakn-splash.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom; }
    @media screen and (max-width: 768px) {
      .grakn-page__splash {
        height: 600px; } }
    @media screen and (min-width: 2000px) {
      .grakn-page__splash {
        height: 1000px; } }
    .grakn-page__splash__container {
      height: inherit; }
    .grakn-page__splash__text {
      padding-top: 85px;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .grakn-page__splash__text {
          padding-top: 50px; } }
      .grakn-page__splash__text > span {
        display: block;
        margin: 0 auto; }
      .grakn-page__splash__text__header {
        font-size: 42px;
        color: #4a4c52;
        font-weight: 300; }
        .grakn-page__splash__text__header > strong {
          font-weight: 600; }
        @media screen and (max-width: 768px) {
          .grakn-page__splash__text__header {
            font-size: 28px; } }
      .grakn-page__splash__text__tag {
        padding-top: 0;
        font-size: 20px;
        color: #4a4c52;
        font-weight: 300;
        line-height: 1.4;
        width: 60%; }
        @media screen and (max-width: 768px) {
          .grakn-page__splash__text__tag {
            font-size: 14px;
            font-weight: 400;
            width: 100%; }
            .grakn-page__splash__text__tag > br {
              display: none; } }
  .grakn-page__github {
    padding: 240px 0 90px 0; }
    @media screen and (max-width: 992px) {
      .grakn-page__github {
        padding: 630px 0 50px 0; } }
    @media screen and (max-width: 768px) {
      .grakn-page__github {
        padding: 710px 0 50px 0; } }
    .grakn-page__github__header {
      font-size: 32px;
      color: #4a4c52;
      text-align: center;
      display: block; }
      .grakn-page__github__header > strong {
        font-weight: 600; }
      @media screen and (max-width: 768px) {
        .grakn-page__github__header {
          font-size: 20px; } }
    .grakn-page__github__buttons {
      display: block;
      text-align: center;
      padding: 30px 0 0 0; }
      @media screen and (max-width: 768px) {
        .grakn-page__github__buttons {
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content;
          margin: 0 auto; } }
      .grakn-page__github__buttons > * {
        display: inline-block;
        vertical-align: middle;
        width: 200px;
        text-align: center;
        font-size: 16px; }
        @media screen and (max-width: 768px) {
          .grakn-page__github__buttons > * {
            font-size: 14px; } }
        @media screen and (max-width: 768px) {
          .grakn-page__github__buttons > * {
            display: block; } }
      .grakn-page__github__buttons a:nth-child(1) {
        margin-right: 10px; }
        @media screen and (max-width: 768px) {
          .grakn-page__github__buttons a:nth-child(1) {
            margin: 0;
            margin-bottom: 20px; } }
      .grakn-page__github__buttons a:nth-child(2) {
        margin-left: 10px;
        color: #393f4c;
        border: solid 1px #c3c8d2; }
        .grakn-page__github__buttons a:nth-child(2):hover {
          background-color: white; }
        @media screen and (max-width: 768px) {
          .grakn-page__github__buttons a:nth-child(2) {
            margin: 0; } }
        .grakn-page__github__buttons a:nth-child(2) > i {
          padding-left: 5px;
          display: inline-block;
          vertical-align: middle; }
  .grakn-page__links {
    padding: 90px 0;
    position: relative;
    background-color: #f3f4fa; }
    @media screen and (max-width: 768px) {
      .grakn-page__links {
        padding: 50px 0; } }
    .grakn-page__links__grid {
      margin: 0 auto;
      min-height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      @media screen and (max-width: 768px) {
        .grakn-page__links__grid {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      .grakn-page__links__grid > div {
        display: block;
        width: calc(50% - 20px);
        margin: 10px; }
        @media screen and (max-width: 768px) {
          .grakn-page__links__grid > div {
            max-width: 500px;
            width: 100%;
            margin-left: auto;
            margin-right: auto; } }
    .grakn-page__links__item {
      width: auto;
      padding: 30px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      background-color: white;
      border: solid 1px #e6e8f4;
      border-radius: 5px; }
      .grakn-page__links__item > div {
        display: inline-block;
        vertical-align: middle; }
      .grakn-page__links__item__img {
        width: 25%;
        margin-right: 5%; }
        .grakn-page__links__item__img > img {
          max-width: 90%;
          display: block;
          margin: 0 auto; }
      .grakn-page__links__item__details {
        width: 70%;
        text-align: left; }
        .grakn-page__links__item__details__header {
          display: block;
          font-weight: 600;
          color: #4a4c52;
          font-size: 20px;
          padding-bottom: 0.5rem; }
          @media screen and (max-width: 768px) {
            .grakn-page__links__item__details__header {
              font-size: 16px; } }
        .grakn-page__links__item__details__text {
          font-size: 16px;
          color: #8c8f92; }
          @media screen and (max-width: 768px) {
            .grakn-page__links__item__details__text {
              font-size: 14px; } }
          .grakn-page__links__item__details__text > a {
            display: inline-block;
            vertical-align: bottom;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content; }
  .grakn-page__graql {
    padding: 90px 0; }
    @media screen and (max-width: 768px) {
      .grakn-page__graql {
        padding: 50px 0; } }
    @media screen and (max-width: 768px) {
      .grakn-page__graql__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .grakn-page__graql__container > div {
      display: inline-block;
      vertical-align: middle;
      width: calc(50% - 20px); }
      @media screen and (max-width: 768px) {
        .grakn-page__graql__container > div {
          width: 100%;
          display: block; } }
    .grakn-page__graql__text {
      margin-right: 20px; }
      @media screen and (max-width: 768px) {
        .grakn-page__graql__text {
          padding-bottom: 30px;
          margin-right: 0; } }
      .grakn-page__graql__text__header {
        display: block;
        font-size: 30px;
        color: #4a4c52;
        font-weight: 600;
        padding-bottom: 1rem; }
        @media screen and (max-width: 768px) {
          .grakn-page__graql__text__header {
            font-size: 20px; } }
      .grakn-page__graql__text__paragraph {
        display: block;
        font-size: 18px;
        color: #8c8f92; }
        @media screen and (max-width: 768px) {
          .grakn-page__graql__text__paragraph {
            font-size: 14px; } }
      @media screen and (max-width: 768px) {
        .grakn-page__graql__text {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2; } }
    .grakn-page__graql__img > img {
      max-width: 100%; }
    @media screen and (max-width: 768px) {
      .grakn-page__graql__img {
        margin-bottom: 40px;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; } }
  .grakn-page__features {
    padding-top: 150px;
    background-image: url("/assets/img/grakn-features-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    position: relative; }
    .grakn-page__features__circle {
      width: 120px;
      height: 120px;
      background-color: #ffffff;
      -webkit-box-shadow: 2px 2px 10px 0 rgba(150, 134, 255, 0.2);
              box-shadow: 2px 2px 10px 0 rgba(150, 134, 255, 0.2);
      border-radius: 50%;
      position: absolute;
      top: -50px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
      .grakn-page__features__circle > img {
        width: 48px;
        top: 60px;
        display: block;
        margin: 0 auto;
        margin-top: 36px; }
      .grakn-page__features__circle--kgms > img {
        margin-top: 20px; }
    .grakn-page__features__container {
      padding-bottom: 150px; }
      .grakn-page__features__container > div {
        display: inline-block;
        vertical-align: middle; }
        @media screen and (max-width: 992px) {
          .grakn-page__features__container > div {
            width: 100%;
            display: block; } }
      @media screen and (max-width: 992px) {
        .grakn-page__features__container > div:nth-child(1) {
          margin-bottom: 50px; } }
    .grakn-page__features__col {
      width: 40%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .grakn-page__features__col div:nth-child(1) {
        margin-bottom: 50px; }
      @media screen and (max-width: 992px) {
        .grakn-page__features__col {
          width: 100%; } }
      .grakn-page__features__col__divider {
        width: 20%; }
        .grakn-page__features__col__divider > img {
          display: block;
          margin: 0 auto;
          max-width: 50%; }
        @media screen and (max-width: 992px) {
          .grakn-page__features__col__divider {
            display: none !important; } }
      .grakn-page__features__col__item {
        width: 100%;
        border-radius: 5px;
        background-color: white;
        position: relative;
        padding: 45px 30px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        @media screen and (max-width: 992px) {
          .grakn-page__features__col__item {
            width: 100%;
            margin-left: auto;
            margin-right: auto; } }
        .grakn-page__features__col__item--red {
          border: solid 1px #ffadaf; }
        .grakn-page__features__col__item--blue {
          border: solid 1px #87d9ff; }
        .grakn-page__features__col__item--purple {
          border: solid 1px #bcb6ef; }
        .grakn-page__features__col__item--green {
          border: solid 1px #a3edcc; }
        .grakn-page__features__col__item__img {
          position: absolute;
          top: -30px;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%); }
        .grakn-page__features__col__item__header {
          font-size: 20px;
          font-weight: 600;
          display: block;
          padding-bottom: 1rem;
          color: #4a4c52; }
          @media screen and (max-width: 992px) {
            .grakn-page__features__col__item__header {
              font-size: 16px; } }
        .grakn-page__features__col__item__text {
          font-size: 16px;
          color: #8c8f92;
          line-height: 1.6; }
          @media screen and (max-width: 992px) {
            .grakn-page__features__col__item__text {
              font-size: 14px; } }
  .grakn-page__kgms {
    background-image: url("/assets/img/grakn-kgms-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    height: 450px;
    position: relative; }
    @media screen and (max-width: 768px) {
      .grakn-page__kgms {
        height: 500px; } }
    .grakn-page__kgms__container {
      padding-top: 120px;
      padding-bottom: 90px;
      text-align: center;
      color: white; }
    .grakn-page__kgms__header {
      display: block;
      font-weight: 600;
      font-size: 30px;
      text-transform: uppercase;
      padding-bottom: 1rem; }
      @media screen and (max-width: 992px) {
        .grakn-page__kgms__header {
          font-size: 16px; } }
    .grakn-page__kgms__text {
      display: block;
      font-size: 18px;
      line-height: 1.8;
      width: 70%;
      margin: 0 auto; }
      @media screen and (max-width: 992px) {
        .grakn-page__kgms__text {
          font-size: 14px; } }
    .grakn-page__kgms__button {
      margin-top: 2rem;
      width: 160px; }
  .grakn-page-code {
    position: absolute;
    bottom: -180px;
    min-height: 500px;
    width: 100%;
    border-radius: 8px;
    background-color: #f3f4fa;
    border: solid 1px #e8eaf4;
    z-index: 2; }
    @media screen and (max-width: 992px) {
      .grakn-page-code {
        bottom: -570px; } }
    @media screen and (max-width: 768px) {
      .grakn-page-code {
        bottom: -650px; } }
    .grakn-page-code__header {
      background-color: #ffffff;
      width: 100%;
      height: 40px;
      border-radius: 8px 8px 0 0;
      padding-left: 14px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .grakn-page-code__header__fake-btn {
        width: 18px;
        height: 18px;
        border: solid 1px #d7d9e1;
        border-radius: 50%;
        display: inline-block;
        margin: 11px 5px; }
        .grakn-page-code__header__fake-btn:after {
          content: '.';
          visibility: hidden; }
    .grakn-page-code__content {
      position: relative;
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0 50px;
      min-height: 400px; }
      @media screen and (max-width: 992px) {
        .grakn-page-code__content {
          padding: 0 30px; } }
      .grakn-page-code__content__editor {
        position: absolute;
        height: 540px;
        top: -80px;
        width: calc(50% - 60px);
        left: 50%;
        border-radius: 8px 8px 0 0; }
        @media screen and (max-width: 992px) {
          .grakn-page-code__content__editor {
            position: relative;
            width: 100%;
            top: 0;
            left: 0;
            padding: 40px 0; } }
        .grakn-page-code__content__editor__header {
          width: 100%;
          height: 40px;
          border-radius: 8px 8px 0 0;
          padding-left: 14px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          line-height: 1;
          background-color: #545573; }
          .grakn-page-code__content__editor__header__fake-btn {
            width: 12px;
            height: 12px;
            border: solid 1px #d7d9e1;
            border-radius: 50%;
            display: inline-block;
            margin: 13px 5px; }
            .grakn-page-code__content__editor__header__fake-btn:after {
              content: '.';
              visibility: hidden; }
          .grakn-page-code__content__editor__header__fake-btn:nth-child(1) {
            background-color: #f75e62;
            border: none; }
          .grakn-page-code__content__editor__header__fake-btn:nth-child(2) {
            background-color: #fece60;
            border: none; }
          .grakn-page-code__content__editor__header__fake-btn:nth-child(3) {
            background-color: #46cd90;
            border: none; }
          .grakn-page-code__content__editor__header__file {
            display: inline-block;
            text-align: center;
            color: #8b95af;
            width: calc(50% + 66px); }
        .grakn-page-code__content__editor__footer {
          width: 100%;
          height: 25px;
          background-color: #545573; }
          .grakn-page-code__content__editor__footer__text {
            position: absolute;
            right: 0;
            padding: 0 30px;
            border-left: 1px solid #727D97;
            color: #8b95af; }
          .grakn-page-code__content__editor__footer__img {
            display: inline-block;
            padding: 6px 0 10px 0;
            margin-left: 15px; }
        .grakn-page-code__content__editor__content {
          position: relative;
          width: 100%;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          height: calc(100% - 65px);
          background-color: #2f3544;
          color: white; }
          .grakn-page-code__content__editor__content > pre {
            margin: 0;
            padding: 0 10px 20px 10px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            display: inline-block;
            vertical-align: top;
            overflow-x: scroll;
            height: 100%;
            font-family: 'Ubuntu' !important;
            font-size: 16px;
            line-height: 1.3; }
            .grakn-page-code__content__editor__content > pre > code {
              font-family: 'Ubuntu' !important; }
          .grakn-page-code__content__editor__content > pre:nth-child(1) {
            width: 30px;
            padding: 2px 3px;
            background-color: #2a2f3b;
            display: inline-block;
            white-space: pre-line;
            text-align: center;
            color: #8a94af;
            font-size: 16px;
            opacity: 0.4; }
          .grakn-page-code__content__editor__content > pre:nth-child(2) {
            width: calc(100% - 30px); }
      .grakn-page-code__content__dets {
        display: inline-block;
        width: 50%;
        height: inherit;
        vertical-align: top;
        height: 400px; }
        @media screen and (max-width: 992px) {
          .grakn-page-code__content__dets {
            display: block;
            width: 100%;
            height: 300px; } }
        @media screen and (max-width: 768px) {
          .grakn-page-code__content__dets {
            height: auto; } }
        .grakn-page-code__content__dets__text {
          height: calc(100% - 40px);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; }
          .grakn-page-code__content__dets__text__header {
            line-height: 1.1;
            color: #7a68e8;
            font-size: 24px;
            font-weight: 600;
            padding-bottom: 1rem;
            padding-top: 50px; }
            @media screen and (max-width: 992px) {
              .grakn-page-code__content__dets__text__header {
                font-size: 20px; } }
          .grakn-page-code__content__dets__text__paragraph {
            line-height: 1.67;
            font-size: 16px;
            color: #8c8f92;
            width: 90%; }
            @media screen and (max-width: 992px) {
              .grakn-page-code__content__dets__text__paragraph {
                font-size: 14px; } }
            @media screen and (max-width: 768px) {
              .grakn-page-code__content__dets__text__paragraph {
                font-size: 12px;
                padding-bottom: 30px; } }
        .grakn-page-code__content__dets__buttons {
          height: 40px;
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .grakn-page-code__content__dets__buttons__item {
            width: 34px;
            height: 34px;
            border-radius: 4px;
            background-color: #ffffff;
            border: solid 1px #e8eaf4;
            margin-right: 8px;
            text-align: center;
            line-height: 34px;
            color: #8c8f92;
            cursor: pointer; }
            .grakn-page-code__content__dets__buttons__item--active {
              height: 38px;
              width: 38px;
              background-color: #2f3544;
              color: white;
              line-height: 38px; }

.deployment-page {
  padding-top: 70px; }
  .deployment-page__splash {
    height: 500px;
    width: 100%;
    background-image: url("/assets/svg/deployment-splash.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom; }
    @media screen and (max-width: 768px) {
      .deployment-page__splash {
        height: 400px; } }
    .deployment-page__splash__text {
      padding-top: 85px;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .deployment-page__splash__text {
          padding-top: 50px; } }
      .deployment-page__splash__text > span {
        display: block;
        margin: 0 auto; }
      .deployment-page__splash__text__header {
        font-size: 42px;
        color: #4a4c52;
        font-weight: 300; }
        .deployment-page__splash__text__header > strong {
          font-weight: 600; }
        @media screen and (max-width: 768px) {
          .deployment-page__splash__text__header {
            font-size: 28px; } }
      .deployment-page__splash__text__tag {
        padding-top: 0;
        font-size: 20px;
        color: #4a4c52;
        font-weight: 300;
        line-height: 1.4;
        width: 50%; }
        @media screen and (max-width: 768px) {
          .deployment-page__splash__text__tag {
            font-size: 14px;
            font-weight: 400;
            width: 100%; } }
  .deployment-page__info {
    padding: 90px 0; }
    @media screen and (max-width: 768px) {
      .deployment-page__info {
        padding: 50px 0; } }
    .deployment-page__info__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media screen and (max-width: 768px) {
        .deployment-page__info__container {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
          .deployment-page__info__container > div {
            width: 100%; } }
    .deployment-page__info__details {
      width: 45%; }
      .deployment-page__info__details__button {
        display: block;
        margin: 1rem 0 0 0 !important;
        font-size: 16px; }
        @media screen and (max-width: 768px) {
          .deployment-page__info__details__button {
            font-size: 12px;
            margin: 1rem auto 0 auto !important; } }
      .deployment-page__info__details__text {
        color: #8c8f92;
        line-height: 1.8;
        font-size: 20px; }
        .deployment-page__info__details__text > strong {
          color: #4a4c52;
          font-weight: 600; }
        @media screen and (max-width: 768px) {
          .deployment-page__info__details__text {
            font-size: 16px; } }
      @media screen and (max-width: 768px) {
        .deployment-page__info__details {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2;
          margin-top: 30px; } }
      .deployment-page__info__details__buttons {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        @media screen and (max-width: 992px) {
          .deployment-page__info__details__buttons {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            width: 100%; } }
        .deployment-page__info__details__buttons > * {
          text-align: center;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          font-size: 14px; }
        .deployment-page__info__details__buttons > :nth-child(1) {
          margin-right: 10px; }
          @media screen and (max-width: 992px) {
            .deployment-page__info__details__buttons > :nth-child(1) {
              margin: 0 auto 1rem auto;
              width: 100%; } }
        .deployment-page__info__details__buttons > :nth-child(2) {
          margin-left: 10px; }
          @media screen and (max-width: 992px) {
            .deployment-page__info__details__buttons > :nth-child(2) {
              margin: 0 auto;
              width: 100%; } }
    .deployment-page__info__img {
      width: 45%;
      margin-left: 10%; }
      .deployment-page__info__img > img {
        max-width: 100%;
        display: block;
        margin: 0 auto; }
      @media screen and (max-width: 768px) {
        .deployment-page__info__img {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1;
          margin: 0; } }
  .deployment-page__kgms {
    position: relative;
    padding: 0 0 90px 0;
    display: none !important; }
    .deployment-page__kgms > img {
      position: absolute;
      z-index: -1;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      width: 100%; }
    .deployment-page__kgms__buttons {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 768px) {
        .deployment-page__kgms__buttons {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; } }
      .deployment-page__kgms__buttons > * {
        min-width: 100px;
        text-align: center; }
      .deployment-page__kgms__buttons > :nth-child(1) {
        margin-right: 10px; }
        @media screen and (max-width: 768px) {
          .deployment-page__kgms__buttons > :nth-child(1) {
            margin: 0 auto 1rem auto; } }
      .deployment-page__kgms__buttons > :nth-child(2) {
        margin-left: 10px; }
        @media screen and (max-width: 768px) {
          .deployment-page__kgms__buttons > :nth-child(2) {
            margin: 0 auto; } }
  .deployment-page__deploy {
    padding: 110px 0 90px 0;
    position: relative;
    background-image: url("/assets/img/deployment-deploy-bg.png"); }
    @media screen and (max-width: 768px) {
      .deployment-page__deploy {
        padding: 70px 0 50px 0;
        margin-top: 40px; } }
    .deployment-page__deploy__container > .button {
      min-width: 180px;
      text-align: center; }
    .deployment-page__deploy__tag {
      display: block;
      margin: 0 auto;
      text-align: center;
      font-size: 20px;
      color: #4a4c52;
      font-weight: 300;
      padding-bottom: 30px;
      width: 80%; }
      @media screen and (max-width: 768px) {
        .deployment-page__deploy__tag {
          font-size: 18px; } }
    .deployment-page__deploy__header {
      display: block;
      margin: 0 auto;
      font-weight: 300;
      color: #4a4c52;
      font-size: 40px;
      text-align: center;
      width: 80%; }
      .deployment-page__deploy__header > strong {
        font-weight: 600; }
      @media screen and (max-width: 768px) {
        .deployment-page__deploy__header {
          font-size: 24px;
          width: 100%; } }
    .deployment-page__deploy__col {
      width: 47%;
      display: inline-block;
      vertical-align: top;
      margin-top: 30px;
      margin-bottom: 30px; }
      @media screen and (max-width: 992px) {
        .deployment-page__deploy__col {
          width: 100%;
          display: block; } }
      @media screen and (max-width: 992px) {
        .deployment-page__deploy__col {
          width: 100%; } }
      .deployment-page__deploy__col__divider {
        width: 6%;
        display: inline-block;
        vertical-align: middle; }
        @media screen and (max-width: 992px) {
          .deployment-page__deploy__col__divider {
            width: 100%;
            display: block; } }
        .deployment-page__deploy__col__divider > img {
          display: block;
          margin: 0 auto;
          max-width: 50%; }
        @media screen and (max-width: 992px) {
          .deployment-page__deploy__col__divider {
            display: none !important; } }
      .deployment-page__deploy__col__item {
        width: auto;
        height: 76px;
        padding: 10px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        background-color: white;
        border: solid 1px #e6e8f4;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        border-radius: 5px;
        margin-bottom: 50px; }
        @media screen and (max-width: 992px) {
          .deployment-page__deploy__col__item {
            margin-bottom: 30px;
            height: 70px;
            padding: 8px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; } }
        .deployment-page__deploy__col__item > a {
          text-decoration: none; }
        .deployment-page__deploy__col__item__deploy-button {
          padding: 15px 10px;
          border-radius: 5px;
          font-size: 16px;
          width: 105px;
          text-align: center;
          background-color: red;
          color: white; }
          @media screen and (max-width: 768px) {
            .deployment-page__deploy__col__item__deploy-button {
              font-size: 12px; } }
          .deployment-page__deploy__col__item__deploy-button.disabled {
            background-color: #4a4c52;
            opacity: 0.6;
            -ms-user-select: none;
                user-select: none;
            /* Chrome */
            -webkit-user-select: none;
            /* Safari */
            -moz-user-select: none;
            /* Firefox */ }
        .deployment-page__deploy__col__item__img {
          width: 15%;
          margin-right: 5%; }
          .deployment-page__deploy__col__item__img > img {
            max-width: 90%;
            display: block;
            margin: 0 auto; }
        .deployment-page__deploy__col__item__details {
          width: 50%;
          text-align: left; }
          .deployment-page__deploy__col__item__details__header {
            display: block;
            font-weight: 600;
            color: #4a4c52;
            font-size: 20px; }
            @media screen and (max-width: 768px) {
              .deployment-page__deploy__col__item__details__header {
                font-size: 16px; } }
          .deployment-page__deploy__col__item__details__text {
            font-size: 16px;
            color: #8c8f92; }
            @media screen and (max-width: 768px) {
              .deployment-page__deploy__col__item__details__text {
                font-size: 14px; } }
            .deployment-page__deploy__col__item__details__text > a {
              display: inline-block;
              vertical-align: bottom;
              width: -webkit-fit-content;
              width: -moz-fit-content;
              width: fit-content; }

.usecase-page {
  padding-top: 70px; }
  .usecase-page__list {
    padding-top: 70px; }
  .usecase-page__splash {
    height: 550px;
    width: 100%;
    background-image: url("/assets/svg/usecase-splash.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left bottom; }
    @media screen and (max-width: 768px) {
      .usecase-page__splash {
        height: 400px;
        background-position: left; } }
    .usecase-page__splash__text {
      padding-top: 85px;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .usecase-page__splash__text {
          padding-top: 50px; } }
      .usecase-page__splash__text > h1 {
        display: block;
        margin: 0 auto; }
      .usecase-page__splash__text__header {
        font-size: 42px;
        color: white;
        width: 50%;
        font-weight: 300; }
        .usecase-page__splash__text__header > strong {
          font-weight: 600; }
        @media screen and (max-width: 768px) {
          .usecase-page__splash__text__header {
            font-size: 28px;
            width: 100%; } }
        @media screen and (max-width: 992px) {
          .usecase-page__splash__text__header {
            width: 80%; } }
  .usecase-page__info {
    padding: 0 0 90px 0; }
    @media screen and (max-width: 768px) {
      .usecase-page__info {
        padding: 0 0 50px 0; } }
    .usecase-page__info__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media screen and (max-width: 768px) {
        .usecase-page__info__container {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
          .usecase-page__info__container > div {
            width: 100%; } }
    .usecase-page__info__details {
      width: 55%; }
      .usecase-page__info__details__header {
        color: #4a4c52;
        font-size: 24px;
        font-weight: 600;
        padding-bottom: 1rem; }
        @media screen and (max-width: 768px) {
          .usecase-page__info__details__header {
            font-size: 18px; } }
      .usecase-page__info__details__text {
        color: #8c8f92;
        line-height: 1.8;
        font-size: 18px; }
        .usecase-page__info__details__text > strong {
          color: #4a4c52;
          font-weight: 600; }
        @media screen and (max-width: 768px) {
          .usecase-page__info__details__text {
            font-size: 14px; } }
      @media screen and (max-width: 768px) {
        .usecase-page__info__details {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2;
          margin-top: 30px; } }
    .usecase-page__info__img {
      width: 35%;
      margin-left: 10%; }
      .usecase-page__info__img > img {
        max-width: 100%;
        display: block;
        margin: 0 auto; }
      @media screen and (max-width: 768px) {
        .usecase-page__info__img {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1;
          margin: 0; } }

.kgms-page {
  padding-top: 70px; }
  .kgms-page__splash {
    position: relative;
    height: 700px;
    width: 100%;
    background-image: url("/assets/svg/kgms-splash.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom; }
    @media screen and (max-width: 768px) {
      .kgms-page__splash {
        height: 450px; } }
    .kgms-page__splash__kgms {
      max-width: 100%;
      position: absolute;
      bottom: -250px;
      max-width: 992px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-radius: 8px;
      -webkit-box-shadow: 2px 2px 15px 0px rgba(119, 119, 119, 0.7);
              box-shadow: 2px 2px 15px 0px rgba(119, 119, 119, 0.7); }
      @media screen and (max-width: 992px) {
        .kgms-page__splash__kgms {
          width: 90%;
          bottom: -200px; } }
      @media screen and (max-width: 480px) {
        .kgms-page__splash__kgms {
          bottom: -100px; } }
    .kgms-page__splash__text {
      padding-top: 85px;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .kgms-page__splash__text {
          padding-top: 50px; } }
      .kgms-page__splash__text > span {
        display: block;
        margin: 0 auto; }
      .kgms-page__splash__text__header {
        font-size: 42px;
        color: #4a4c52;
        font-weight: 300; }
        .kgms-page__splash__text__header > strong {
          font-weight: 600; }
        .kgms-page__splash__text__header > br {
          display: none; }
        @media screen and (max-width: 768px) {
          .kgms-page__splash__text__header {
            font-size: 28px; } }
        @media screen and (max-width: 480px) {
          .kgms-page__splash__text__header > br {
            display: block; } }
      .kgms-page__splash__text__tag {
        padding-top: 0;
        font-size: 20px;
        color: #4a4c52;
        font-weight: 300;
        line-height: 1.7; }
        @media screen and (max-width: 768px) {
          .kgms-page__splash__text__tag {
            font-size: 14px;
            font-weight: 400;
            width: 100%; } }
  .kgms-page__info__container {
    padding-top: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    @media screen and (max-width: 992px) {
      .kgms-page__info__container {
        padding-top: 250px; } }
    @media screen and (max-width: 480px) {
      .kgms-page__info__container {
        padding-top: 150px; } }
    @media screen and (max-width: 768px) {
      .kgms-page__info__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    @media screen and (max-width: 768px) {
      .kgms-page__info__container > div:nth-child(2), .kgms-page__info__container div:nth-child(3) {
        margin-top: 50px; } }
  .kgms-page__info__item {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: inline-block;
    vertical-align: top; }
    .kgms-page__info__item > img {
      display: block;
      margin: 0 auto;
      margin-bottom: 1rem;
      height: 90px; }
    .kgms-page__info__item__header {
      font-size: 22px;
      text-align: center;
      color: #4a4c52;
      font-weight: 600;
      display: block;
      padding-bottom: 1rem; }
      @media screen and (max-width: 768px) {
        .kgms-page__info__item__header {
          font-size: 16px; } }
    .kgms-page__info__item__text {
      display: block;
      text-align: center;
      font-size: 18px;
      color: #8c8f92;
      line-height: 1.7;
      width: 90%;
      margin: 0 auto; }
      @media screen and (max-width: 768px) {
        .kgms-page__info__item__text {
          font-size: 14px;
          width: 100%; } }
  .kgms-page__features {
    padding: 90px 0;
    background-image: url("/assets/img/kgms-features-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    position: relative; }
    @media screen and (max-width: 992px) {
      .kgms-page__features {
        padding: 50px 0; } }
    .kgms-page__features__buttons {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 50px; }
      @media screen and (max-width: 768px) {
        .kgms-page__features__buttons {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 100%; } }
      .kgms-page__features__buttons > * {
        min-width: 100px;
        text-align: center;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
      .kgms-page__features__buttons > :nth-child(1) {
        margin-right: 10px; }
        @media screen and (max-width: 768px) {
          .kgms-page__features__buttons > :nth-child(1) {
            margin: 0 auto 1rem auto;
            width: 100%; } }
      .kgms-page__features__buttons > :nth-child(2) {
        margin-left: 10px; }
        @media screen and (max-width: 768px) {
          .kgms-page__features__buttons > :nth-child(2) {
            margin: 0 auto;
            width: 100%; } }
    .kgms-page__features__button {
      display: block;
      margin-top: 50px;
      width: 160px;
      text-align: center; }
    .kgms-page__features__header {
      display: block;
      padding-bottom: 90px;
      font-size: 34px;
      color: #4a4c52;
      text-align: center;
      width: 80%;
      margin: 0 auto; }
      .kgms-page__features__header > strong {
        font-weight: 600; }
      @media screen and (max-width: 992px) {
        .kgms-page__features__header {
          width: 100%;
          font-size: 24px;
          padding-bottom: 50px; } }
    @media screen and (max-width: 992px) {
      .kgms-page__features__container > div:nth-child(2) {
        margin-bottom: 30px; } }
    .kgms-page__features__col {
      width: 45%;
      display: inline-block;
      vertical-align: middle; }
      @media screen and (max-width: 992px) {
        .kgms-page__features__col {
          width: 100%;
          display: block; } }
      .kgms-page__features__col div:last-child {
        margin-bottom: 0 !important; }
      @media screen and (max-width: 992px) {
        .kgms-page__features__col {
          width: 100%; } }
      .kgms-page__features__col__divider {
        width: 10%;
        display: inline-block;
        vertical-align: middle; }
        @media screen and (max-width: 992px) {
          .kgms-page__features__col__divider {
            width: 100%;
            display: block; } }
        .kgms-page__features__col__divider > img {
          display: block;
          margin: 0 auto;
          max-width: 50%; }
        @media screen and (max-width: 992px) {
          .kgms-page__features__col__divider {
            display: none !important; } }
      .kgms-page__features__col__item {
        width: auto;
        padding: 30px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        background-color: white;
        border: solid 1px #e6e8f4;
        border-radius: 5px;
        margin-bottom: 50px;
        height: 180px; }
        @media screen and (max-width: 992px) {
          .kgms-page__features__col__item {
            margin-bottom: 30px;
            height: 180px; } }
        .kgms-page__features__col__item--purple {
          border: 1px solid #8f85e8; }
        .kgms-page__features__col__item--red {
          border: 1px solid #fa7677; }
        .kgms-page__features__col__item--yellow {
          border: 1px solid #93ecc3; }
        .kgms-page__features__col__item--green {
          border: 1px solid #fccb94; }
        .kgms-page__features__col__item--blue {
          border: 1px solid #93dcff; }
        .kgms-page__features__col__item > div {
          display: inline-block;
          vertical-align: middle; }
        .kgms-page__features__col__item__img {
          width: 15%;
          margin-right: 5%; }
          .kgms-page__features__col__item__img > img {
            max-width: 90%;
            display: block;
            margin: 0 auto; }
        .kgms-page__features__col__item__details {
          width: 80%;
          text-align: left; }
          .kgms-page__features__col__item__details__header {
            display: block;
            font-weight: 600;
            color: #4a4c52;
            font-size: 20px;
            padding-bottom: 0.5rem; }
            @media screen and (max-width: 768px) {
              .kgms-page__features__col__item__details__header {
                font-size: 16px; } }
          .kgms-page__features__col__item__details__text {
            font-size: 16px;
            color: #8c8f92; }
            @media screen and (max-width: 768px) {
              .kgms-page__features__col__item__details__text {
                font-size: 14px; } }
            .kgms-page__features__col__item__details__text > a {
              display: inline-block;
              vertical-align: bottom;
              width: -webkit-fit-content;
              width: -moz-fit-content;
              width: fit-content; }

.downloads {
  padding-top: 70px; }
  .downloads__splash {
    position: relative;
    width: 100%;
    min-height: 700px; }
    .downloads__splash > img {
      position: absolute;
      z-index: -1;
      top: 0;
      width: 100%; }
      @media screen and (max-width: 1200px) {
        .downloads__splash > img {
          width: auto; } }
    .downloads__splash__text {
      padding-top: 110px;
      text-align: center; }
      .downloads__splash__text > span {
        display: block;
        margin: 0 auto; }
      .downloads__splash__text__header {
        font-size: 42px;
        color: #4a4c52;
        font-weight: 300; }
        .downloads__splash__text__header > strong {
          font-weight: 600; }
        @media screen and (max-width: 768px) {
          .downloads__splash__text__header {
            font-size: 28px; } }
      .downloads__splash__text__tag {
        padding-top: 0;
        font-size: 20px;
        color: #8c8f92;
        font-weight: 300;
        line-height: 1.7; }
        .downloads__splash__text__tag > strong {
          font-weight: 600;
          color: #4a4c52; }
        @media screen and (max-width: 768px) {
          .downloads__splash__text__tag {
            font-size: 14px;
            font-weight: 400;
            width: 100%; } }
    .downloads__splash__main {
      width: 100%;
      border-radius: 7px;
      border: solid 1px #e8eaf4;
      margin-top: 110px; }
      .downloads__splash__main__tablist {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0;
        margin: 0;
        height: 60px;
        background-color: #c0c6e6;
        border-radius: 6px 6px 0 0;
        list-style: none; }
        @media screen and (max-width: 768px) {
          .downloads__splash__main__tablist {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            background-color: transparent;
            height: 100%; } }
        .downloads__splash__main__tablist__tab {
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          -ms-flex-preferred-size: 0;
              flex-basis: 0;
          height: 60px;
          color: white;
          background-color: #c0c6e6;
          font-size: 18px;
          text-align: center;
          line-height: 60px;
          font-weight: 600;
          cursor: pointer;
          border-radius: 6px 6px 0 0;
          border-right: 1px solid #e8eaf4; }
          @media screen and (max-width: 768px) {
            .downloads__splash__main__tablist__tab {
              border-radius: 0;
              border-bottom: 1px solid #e8eaf4; } }
          .downloads__splash__main__tablist__tab--active {
            color: #4a4c52;
            background-color: #f3f4fa;
            outline: none;
            border: none; }
      .downloads__splash__main__tabpanel {
        background-color: #f3f4fa; }
        .downloads__splash__main__tabpanel__content {
          padding: 40px; }
          @media screen and (max-width: 768px) {
            .downloads__splash__main__tabpanel__content {
              padding: 40px 20px; } }
          .downloads__splash__main__tabpanel__content__text {
            color: #80889e;
            font-size: 18px;
            display: block;
            line-height: 1.67;
            margin-bottom: 1rem;
            width: 100%; }
            @media screen and (max-width: 768px) {
              .downloads__splash__main__tabpanel__content__text {
                font-size: 14px; } }
          .downloads__splash__main__tabpanel__content__release {
            color: #80889e;
            font-size: 18px;
            display: block; }
            .downloads__splash__main__tabpanel__content__release > strong {
              color: #4a4c52;
              font-weight: 400; }
            @media screen and (max-width: 768px) {
              .downloads__splash__main__tabpanel__content__release {
                width: 100%;
                font-size: 14px; } }
          .downloads__splash__main__tabpanel__content__footer {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; }
            @media screen and (max-width: 768px) {
              .downloads__splash__main__tabpanel__content__footer {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center; } }
            .downloads__splash__main__tabpanel__content__footer__button {
              min-width: 180px;
              text-align: center;
              margin: 10px; }
          .downloads__splash__main__tabpanel__content__download {
            text-align: center; }
            .downloads__splash__main__tabpanel__content__download--disabled {
              background-color: #f75e6180; }
              .downloads__splash__main__tabpanel__content__download--disabled:hover {
                background-color: #f75e6180;
                cursor: not-allowed; }
          .downloads__splash__main__tabpanel__content__core__col {
            margin-top: 50px;
            width: 50%;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            display: inline-block;
            vertical-align: top;
            height: 630px;
            background-color: white;
            border-radius: 6px 6px 0 0; }
            @media screen and (max-width: 768px) {
              .downloads__splash__main__tabpanel__content__core__col {
                width: 100%;
                display: block;
                margin-bottom: 1rem;
                height: 100%; } }
            .downloads__splash__main__tabpanel__content__core__col--first {
              border-right: solid 1px #e8eaf4; }
            .downloads__splash__main__tabpanel__content__core__col__header {
              height: 55px;
              font-size: 18px;
              color: white;
              line-height: 55px;
              text-align: center;
              border-radius: 6px 6px 0 0; }
              .downloads__splash__main__tabpanel__content__core__col__header--purple {
                background-color: #796de3; }
              .downloads__splash__main__tabpanel__content__core__col__header--green {
                background-color: #3dce8c; }
            .downloads__splash__main__tabpanel__content__core__col__content {
              background-color: white;
              padding: 30px; }
              @media screen and (max-width: 768px) {
                .downloads__splash__main__tabpanel__content__core__col__content {
                  padding: 30px 15px; } }
              .downloads__splash__main__tabpanel__content__core__col__content > .button {
                margin-top: 1rem;
                min-width: 200px;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                text-align: center; }
              .downloads__splash__main__tabpanel__content__core__col__content__github {
                border: solid 1px #c3c8d2;
                font-weight: 300;
                color: #4a4c52;
                margin-left: 35px;
                margin-top: 0 !important; }
                .downloads__splash__main__tabpanel__content__core__col__content__github > i {
                  display: inline-block;
                  vertical-align: middle;
                  margin-left: 5px; }
                .downloads__splash__main__tabpanel__content__core__col__content__github:hover {
                  background-color: white;
                  border: solid 1px #c3c8d2;
                  color: #4a4c52; }
                @media screen and (max-width: 768px) {
                  .downloads__splash__main__tabpanel__content__core__col__content__github {
                    margin-left: 0; } }
              .downloads__splash__main__tabpanel__content__core__col__content__selectgroup {
                padding-bottom: 30px; }
                .downloads__splash__main__tabpanel__content__core__col__content__selectgroup > div:nth-child(1) {
                  margin-right: 5%; }
                  @media screen and (max-width: 768px) {
                    .downloads__splash__main__tabpanel__content__core__col__content__selectgroup > div:nth-child(1) {
                      margin-right: 0;
                      margin-bottom: 1rem; } }
                .downloads__splash__main__tabpanel__content__core__col__content__selectgroup > div {
                  display: inline-block;
                  width: 47.5%;
                  position: relative;
                  -webkit-box-sizing: border-box;
                          box-sizing: border-box; }
                  @media screen and (max-width: 768px) {
                    .downloads__splash__main__tabpanel__content__core__col__content__selectgroup > div {
                      display: block;
                      width: 100%; } }
                  .downloads__splash__main__tabpanel__content__core__col__content__selectgroup > div:before {
                    content: '\F0D7';
                    font-family: FontAwesome;
                    color: #a8a9b0;
                    display: inline-block;
                    position: absolute;
                    right: 18px;
                    top: 18px;
                    pointer-events: none; }
                  .downloads__splash__main__tabpanel__content__core__col__content__selectgroup > div > select {
                    display: block;
                    height: 50px;
                    border: 1px solid #c9c9cb;
                    border-radius: 5px;
                    font-size: 14px;
                    width: 100%;
                    outline: none;
                    padding: 0 1rem;
                    color: #4a4c52;
                    background-color: white;
                    -webkit-appearance: none;
                       -moz-appearance: none;
                            appearance: none; }
                    .downloads__splash__main__tabpanel__content__core__col__content__selectgroup > div > select::-webkit-input-placeholder {
                      color: #4a4c52; }
                    .downloads__splash__main__tabpanel__content__core__col__content__selectgroup > div > select:-ms-input-placeholder {
                      color: #4a4c52; }
                    .downloads__splash__main__tabpanel__content__core__col__content__selectgroup > div > select::-ms-input-placeholder {
                      color: #4a4c52; }
                    .downloads__splash__main__tabpanel__content__core__col__content__selectgroup > div > select::placeholder {
                      color: #4a4c52; }
              .downloads__splash__main__tabpanel__content__core__col__content__packagemanager {
                padding: 50px 0 55px 0; }
                .downloads__splash__main__tabpanel__content__core__col__content__packagemanager > span {
                  font-size: 18px;
                  color: #4a4c52;
                  font-weight: 400;
                  display: block;
                  margin-bottom: 8px; }
                  @media screen and (max-width: 768px) {
                    .downloads__splash__main__tabpanel__content__core__col__content__packagemanager > span {
                      font-size: 16px; } }
                .downloads__splash__main__tabpanel__content__core__col__content__packagemanager > a {
                  font-size: 16px;
                  display: block;
                  line-height: 1.67; }
                  @media screen and (max-width: 768px) {
                    .downloads__splash__main__tabpanel__content__core__col__content__packagemanager > a {
                      font-size: 14px; } }
              .downloads__splash__main__tabpanel__content__core__col__content__checkbox {
                padding-bottom: 1rem; }
                .downloads__splash__main__tabpanel__content__core__col__content__checkbox > i {
                  margin-right: 10px;
                  padding: 4px;
                  border-radius: 50%;
                  font-weight: 300;
                  display: inline-block; }
                .downloads__splash__main__tabpanel__content__core__col__content__checkbox > div {
                  display: inline-block;
                  vertical-align: top;
                  width: calc(100% - 35px); }
                  .downloads__splash__main__tabpanel__content__core__col__content__checkbox > div > strong {
                    display: block;
                    font-size: 20px;
                    color: #4a4c52;
                    font-weight: 600;
                    padding-bottom: 5px; }
                    @media screen and (max-width: 768px) {
                      .downloads__splash__main__tabpanel__content__core__col__content__checkbox > div > strong {
                        font-size: 16px; } }
                  .downloads__splash__main__tabpanel__content__core__col__content__checkbox > div > span {
                    display: block;
                    color: #8c8f92;
                    font-size: 16px; }
                    @media screen and (max-width: 768px) {
                      .downloads__splash__main__tabpanel__content__core__col__content__checkbox > div > span {
                        font-size: 14px; } }
  .downloads__language {
    padding-top: 90px;
    padding-bottom: 50px; }
    @media screen and (max-width: 768px) {
      .downloads__language {
        padding-top: 50px; } }
    .downloads__language__headline {
      width: 50%;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .downloads__language__headline {
          width: 100%; } }
    .downloads__language__items--desktop {
      padding: 50px 0;
      width: 100%; }
      @media screen and (max-width: 768px) {
        .downloads__language__items--desktop {
          padding: 30px 0; } }
      .downloads__language__items--desktop__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        .downloads__language__items--desktop__row > :nth-child(2) {
          border-left: 1px solid #f2f6fa;
          border-right: 1px solid #f2f6fa; }
    .downloads__language__items__item {
      height: 150px;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      cursor: pointer;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      border: 1px solid white; }
      .downloads__language__items__item > img {
        -ms-flex-item-align: center;
            align-self: center;
        max-width: 80%;
        max-height: 90%; }
      .downloads__language__items__item:hover {
        border: 1px solid #c9c9cb; }

.privacy-policy {
  padding-top: 70px; }
  .privacy-policy__container {
    padding-top: 50px;
    padding-bottom: 50px; }
  .privacy-policy__header {
    font-size: 32px;
    color: #4a4c52;
    display: block;
    font-weight: 600; }
    @media screen and (max-width: 768px) {
      .privacy-policy__header {
        font-size: 24px; } }
  .privacy-policy__text {
    font-size: 16px;
    color: #8c8f92;
    display: block;
    padding: 20px 0 40px 0; }
    @media screen and (max-width: 768px) {
      .privacy-policy__text {
        font-size: 14px; } }
  .privacy-policy__link {
    display: block;
    line-height: 1.67; }
  .privacy-policy .support-page__comparisson__table__row__item__mod {
    height: auto;
    line-height: 1.67;
    padding: 10px;
    text-align: left; }
  .privacy-policy .support-page__comparisson__table__row__item__mod:nth-child(3n) {
    border-right: 1px solid #eceef7; }
  .privacy-policy .support-page__comparisson__table__mobile__row__item__mod {
    height: 100%;
    line-height: 1.67;
    padding: 10px 0; }
    .privacy-policy .support-page__comparisson__table__mobile__row__item__mod > span {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      text-align: left; }
    .privacy-policy .support-page__comparisson__table__mobile__row__item__mod > span:nth-child(1) {
      padding-left: 10px; }
    .privacy-policy .support-page__comparisson__table__mobile__row__item__mod > span:nth-child(2) {
      padding-right: 10px; }