@font-face {
  font-family: "ProximaNova-Regular";
  src: url('https://anima-uploads.s3.amazonaws.com/58e3b4d3e00e04000aa0985e/58fcd55127b820000a9936a7/59089f260bbfc7000bda3a9b/fonts/ProximaNova-Regular.ttf') format("truetype");
}

.desktop-hd {
  width               : 100%;
  min-width           : 1440px;
  height              : 100%;
  min-height          : 2884px;
  position            : relative;
  overflow            : hidden;
  margin              : 0px;
  background          : rgba(51, 51, 51, 1.0);
}
a {
  text-decoration     : none;
}
.desktop-hd .videos {
  /* Flexbox */
  display: flex;
  justify-content     : flex-start;
  flex-direction      : column;
  align-items         : center;
  background          : rgba(255, 255, 255, 0.0);
  width               : 1016px;
  margin-right        : 15px;
  height              : auto;
  pointer-events      : auto;
  margin-left         : -15px;
  position            : relative;
}
.desktop-hd .videos-layout-container {
  pointer-events      : none;
  flex-direction      : column;
  top                 : 326px;
  align-items         : center;
  height              : auto;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  display             : flex;
  left                : 0;
}
.desktop-hd .videos .you-tube {
  /* Flexbox */
  display: flex;
  justify-content     : flex-start;
  flex-direction      : row;
  align-items         : center;
  background          : rgba(255, 255, 255, 0.0);
  position            : relative;
  height              : 471px;
  margin              : 0;
  width               : auto;
}
.desktop-hd .videos .you-tube .label4 {
  background          : rgba(255, 255, 255, 0.0);
  position            : relative;
  height              : auto;
  margin              : 0;
  width               : 240px;
  font-family         : "ProximaNova-Regular", serif;
  font-size           : 64.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : left;
  line-height         : 78.0px;
}
.desktop-hd .videos .you-tube .youtube-player {
  background          : rgba(0, 0, 0, 1.0);
  position            : relative;
  height              : 471px;
  margin              : 0 0 0 113px;
  width               : 665px;
  overflow            : hidden;
}
.desktop-hd .videos .vimeo {
  /* Flexbox */
  display: flex;
  justify-content     : flex-start;
  flex-direction      : row;
  align-items         : center;
  background          : rgba(255, 255, 255, 0.0);
  position            : relative;
  height              : 471px;
  margin              : 200px 0 0 0;
  width               : auto;
}
.desktop-hd .videos .vimeo .label3 {
  background          : rgba(255, 255, 255, 0.0);
  position            : relative;
  height              : auto;
  margin              : 0;
  width               : 238px;
  font-family         : "ProximaNova-Regular", serif;
  font-size           : 64.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : left;
  line-height         : 78.0px;
}
.desktop-hd .videos .vimeo .vimeo-player {
  background          : rgba(0, 0, 0, 1.0);
  position            : relative;
  height              : 471px;
  margin              : 0 0 0 113px;
  width               : 665px;
  overflow            : hidden;
}
.desktop-hd .videos .m-p4 {
  /* Flexbox */
  display: flex;
  justify-content     : flex-start;
  flex-direction      : row;
  align-items         : center;
  background          : rgba(255, 255, 255, 0.0);
  position            : relative;
  height              : 471px;
  margin              : 200px 0 0 0;
  width               : auto;
}
.desktop-hd .videos .m-p4 .label2 {
  background          : rgba(255, 255, 255, 0.0);
  position            : relative;
  height              : auto;
  margin              : 0;
  width               : 238px;
  font-family         : "ProximaNova-Regular", serif;
  font-size           : 64.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : left;
  line-height         : 78.0px;
}
.desktop-hd .videos .m-p4 .video-player {
  background          : rgba(0, 0, 0, 1.0);
  position            : relative;
  height              : 471px;
  margin              : 0 0 0 113px;
  width               : 665px;
  overflow            : hidden;
}
.desktop-hd .videos .g-if {
  /* Flexbox */
  display: flex;
  justify-content     : flex-start;
  flex-direction      : row;
  align-items         : center;
  background          : rgba(255, 255, 255, 0.0);
  position            : relative;
  height              : 471px;
  margin              : 200px 0 0 0;
  width               : auto;
}
.desktop-hd .videos .g-if .label1 {
  background          : rgba(255, 255, 255, 0.0);
  position            : relative;
  height              : auto;
  margin              : 0;
  width               : 238px;
  font-family         : "ProximaNova-Regular", serif;
  font-size           : 64.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : left;
  line-height         : 78.0px;
}
.desktop-hd .videos .g-if .gif-player {
  background          : rgba(0, 0, 0, 1.0);
  position            : relative;
  height              : 471px;
  margin              : 0 0 0 113px;
  width               : 665px;
  overflow            : hidden;
}
.desktop-hd .header {
  /* Flexbox */
  display: flex;
  justify-content     : flex-start;
  flex-direction      : column;
  align-items         : center;
  background          : rgba(255, 255, 255, 0.0);
  width               : 459px;
  height              : auto;
  pointer-events      : auto;
  position            : relative;
}
.desktop-hd .header-layout-container {
  pointer-events      : none;
  flex-direction      : column;
  top                 : 114px;
  align-items         : center;
  height              : auto;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  display             : flex;
  left                : 0;
}
.desktop-hd .header .launchpad-for-sketch {
  background          : rgba(255, 255, 255, 0.0);
  position            : relative;
  height              : auto;
  margin              : 0;
  width               : auto;
  font-family         : "ProximaNova-Regular", serif;
  font-size           : 48.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : left;
  line-height         : 58.0px;
}
.desktop-hd .header .video-demo {
  background          : rgba(255, 255, 255, 0.0);
  position            : relative;
  height              : auto;
  margin              : 0px 0 0 0;
  width               : auto;
  font-family         : "ProximaNova-Regular", serif;
  font-size           : 36.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : left;
  line-height         : 44.0px;
}