.blue {
  background-color: blue;
}

.green {
  background-color: green;
}

.yellow {
  background-color: yellow;
}

html {
  overflow-x: hidden;
}

.breathing-row {
  padding-top: 90px;
  padding-bottom: 90px;
  padding-left: 50px;
  padding-right: 50px;
}

@media (max-width: 576px) {
  .breathing-row {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (max-width: 768px) {
  .breathing-row {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.tooltip {
  top: -5px !important;
}

.tooltip-inner {
  background-color: #797979 !important;
}

.arrow::before {
  border-top-color: #797979 !important;
}

.section-fix {
  width: 100%;
  overflow: hidden;
}

.btn:active,
.btn:focus,
input[type='text']:focus,
textarea:focus {
  -webkit-box-shadow: 0 0 5px #b991ef;
  box-shadow: 0 0 5px #b991ef;
  border: 1px solid #b991ef;
}

.padding-0 {
  padding: 0 !important;
}

.dark-gradient {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#162125),
    to(#05111b)
  );
  background: linear-gradient(180deg, #162125 0%, #05111b 100%);
}

.dark-title {
  font-style: normal;
  font-weight: bold;
  color: #131e23;
}

.dark-description {
  color: #131e23;
}

.light-title {
  font-style: normal;
  font-weight: bold;
  color: #ffffff;
}

.light-description {
  color: #ffffff;
}

.btn-login {
  color: #8941ea;
  text-align: center;
  padding: 8px 20px 8px 20px;
}

.btn-login:hover {
  background-color: #8941ea;
  color: white;
}

.brand-logo img {
  width: 175px;
}

.platforms div i:hover {
  cursor: pointer;
}

.platforms div i {
  background-size: cover;
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  border-style: none;
  margin-right: 15px;
  margin-left: 15px;
}

.android-icon {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg fill='%23ffffff3d' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='553.048px' height='553.048px' viewBox='0 0 553.048 553.048' style='enable-background:new 0 0 553.048 553.048;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M76.774,179.141c-9.529,0-17.614,3.323-24.26,9.969c-6.646,6.646-9.97,14.621-9.97,23.929v142.914 c0,9.541,3.323,17.619,9.97,24.266c6.646,6.646,14.731,9.97,24.26,9.97c9.522,0,17.558-3.323,24.101-9.97 c6.53-6.646,9.804-14.725,9.804-24.266V213.039c0-9.309-3.323-17.283-9.97-23.929C94.062,182.464,86.082,179.141,76.774,179.141z' /%3E%3Cpath d='M351.972,50.847L375.57,7.315c1.549-2.882,0.998-5.092-1.658-6.646c-2.883-1.34-5.098-0.661-6.646,1.989l-23.928,43.88 c-21.055-9.309-43.324-13.972-66.807-13.972c-23.488,0-45.759,4.664-66.806,13.972l-23.929-43.88 c-1.555-2.65-3.77-3.323-6.646-1.989c-2.662,1.561-3.213,3.764-1.658,6.646l23.599,43.532 c-23.929,12.203-42.987,29.198-57.167,51.022c-14.18,21.836-21.273,45.698-21.273,71.628h307.426 c0-25.924-7.094-49.787-21.273-71.628C394.623,80.045,375.675,63.05,351.972,50.847z M215.539,114.165 c-2.552,2.558-5.6,3.831-9.143,3.831c-3.55,0-6.536-1.273-8.972-3.831c-2.436-2.546-3.654-5.582-3.654-9.137 c0-3.543,1.218-6.585,3.654-9.137c2.436-2.546,5.429-3.819,8.972-3.819s6.591,1.273,9.143,3.819 c2.546,2.558,3.825,5.594,3.825,9.137C219.357,108.577,218.079,111.619,215.539,114.165z M355.625,114.165 c-2.441,2.558-5.434,3.831-8.971,3.831c-3.551,0-6.598-1.273-9.145-3.831c-2.551-2.546-3.824-5.582-3.824-9.137 c0-3.543,1.273-6.585,3.824-9.137c2.547-2.546,5.594-3.819,9.145-3.819c3.543,0,6.529,1.273,8.971,3.819 c2.438,2.558,3.654,5.594,3.654,9.137C359.279,108.577,358.062,111.619,355.625,114.165z'/%3E%3Cpath d='M123.971,406.804c0,10.202,3.543,18.838,10.63,25.925c7.093,7.087,15.729,10.63,25.924,10.63h24.596l0.337,75.454 c0,9.528,3.323,17.619,9.969,24.266s14.627,9.97,23.929,9.97c9.523,0,17.613-3.323,24.26-9.97s9.97-14.737,9.97-24.266v-75.447 h45.864v75.447c0,9.528,3.322,17.619,9.969,24.266s14.73,9.97,24.26,9.97c9.523,0,17.613-3.323,24.26-9.97 s9.969-14.737,9.969-24.266v-75.447h24.928c9.969,0,18.494-3.544,25.594-10.631c7.086-7.087,10.631-15.723,10.631-25.924V185.45 H123.971V406.804z'/%3E%3Cpath d='M476.275,179.141c-9.309,0-17.283,3.274-23.93,9.804c-6.646,6.542-9.969,14.578-9.969,24.094v142.914 c0,9.541,3.322,17.619,9.969,24.266s14.627,9.97,23.93,9.97c9.523,0,17.613-3.323,24.26-9.97s9.969-14.725,9.969-24.266V213.039 c0-9.517-3.322-17.552-9.969-24.094C493.888,182.415,485.798,179.141,476.275,179.141z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.android-icon:hover {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg fill='%23868686' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='553.048px' height='553.048px' viewBox='0 0 553.048 553.048' style='enable-background:new 0 0 553.048 553.048;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M76.774,179.141c-9.529,0-17.614,3.323-24.26,9.969c-6.646,6.646-9.97,14.621-9.97,23.929v142.914 c0,9.541,3.323,17.619,9.97,24.266c6.646,6.646,14.731,9.97,24.26,9.97c9.522,0,17.558-3.323,24.101-9.97 c6.53-6.646,9.804-14.725,9.804-24.266V213.039c0-9.309-3.323-17.283-9.97-23.929C94.062,182.464,86.082,179.141,76.774,179.141z' /%3E%3Cpath d='M351.972,50.847L375.57,7.315c1.549-2.882,0.998-5.092-1.658-6.646c-2.883-1.34-5.098-0.661-6.646,1.989l-23.928,43.88 c-21.055-9.309-43.324-13.972-66.807-13.972c-23.488,0-45.759,4.664-66.806,13.972l-23.929-43.88 c-1.555-2.65-3.77-3.323-6.646-1.989c-2.662,1.561-3.213,3.764-1.658,6.646l23.599,43.532 c-23.929,12.203-42.987,29.198-57.167,51.022c-14.18,21.836-21.273,45.698-21.273,71.628h307.426 c0-25.924-7.094-49.787-21.273-71.628C394.623,80.045,375.675,63.05,351.972,50.847z M215.539,114.165 c-2.552,2.558-5.6,3.831-9.143,3.831c-3.55,0-6.536-1.273-8.972-3.831c-2.436-2.546-3.654-5.582-3.654-9.137 c0-3.543,1.218-6.585,3.654-9.137c2.436-2.546,5.429-3.819,8.972-3.819s6.591,1.273,9.143,3.819 c2.546,2.558,3.825,5.594,3.825,9.137C219.357,108.577,218.079,111.619,215.539,114.165z M355.625,114.165 c-2.441,2.558-5.434,3.831-8.971,3.831c-3.551,0-6.598-1.273-9.145-3.831c-2.551-2.546-3.824-5.582-3.824-9.137 c0-3.543,1.273-6.585,3.824-9.137c2.547-2.546,5.594-3.819,9.145-3.819c3.543,0,6.529,1.273,8.971,3.819 c2.438,2.558,3.654,5.594,3.654,9.137C359.279,108.577,358.062,111.619,355.625,114.165z'/%3E%3Cpath d='M123.971,406.804c0,10.202,3.543,18.838,10.63,25.925c7.093,7.087,15.729,10.63,25.924,10.63h24.596l0.337,75.454 c0,9.528,3.323,17.619,9.969,24.266s14.627,9.97,23.929,9.97c9.523,0,17.613-3.323,24.26-9.97s9.97-14.737,9.97-24.266v-75.447 h45.864v75.447c0,9.528,3.322,17.619,9.969,24.266s14.73,9.97,24.26,9.97c9.523,0,17.613-3.323,24.26-9.97 s9.969-14.737,9.969-24.266v-75.447h24.928c9.969,0,18.494-3.544,25.594-10.631c7.086-7.087,10.631-15.723,10.631-25.924V185.45 H123.971V406.804z'/%3E%3Cpath d='M476.275,179.141c-9.309,0-17.283,3.274-23.93,9.804c-6.646,6.542-9.969,14.578-9.969,24.094v142.914 c0,9.541,3.322,17.619,9.969,24.266s14.627,9.97,23.93,9.97c9.523,0,17.613-3.323,24.26-9.97s9.969-14.725,9.969-24.266V213.039 c0-9.517-3.322-17.552-9.969-24.094C493.888,182.415,485.798,179.141,476.275,179.141z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.apple-icon {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg fill='%23ffffff3d' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22.773 22.773' style='enable-background:new 0 0 22.773 22.773;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M15.769,0c0.053,0,0.106,0,0.162,0c0.13,1.606-0.483,2.806-1.228,3.675c-0.731,0.863-1.732,1.7-3.351,1.573 c-0.108-1.583,0.506-2.694,1.25-3.561C13.292,0.879,14.557,0.16,15.769,0z'/%3E%3Cpath d='M20.67,16.716c0,0.016,0,0.03,0,0.045c-0.455,1.378-1.104,2.559-1.896,3.655c-0.723,0.995-1.609,2.334-3.191,2.334 c-1.367,0-2.275-0.879-3.676-0.903c-1.482-0.024-2.297,0.735-3.652,0.926c-0.155,0-0.31,0-0.462,0 c-0.995-0.144-1.798-0.932-2.383-1.642c-1.725-2.098-3.058-4.808-3.306-8.276c0-0.34,0-0.679,0-1.019 c0.105-2.482,1.311-4.5,2.914-5.478c0.846-0.52,2.009-0.963,3.304-0.765c0.555,0.086,1.122,0.276,1.619,0.464 c0.471,0.181,1.06,0.502,1.618,0.485c0.378-0.011,0.754-0.208,1.135-0.347c1.116-0.403,2.21-0.865,3.652-0.648 c1.733,0.262,2.963,1.032,3.723,2.22c-1.466,0.933-2.625,2.339-2.427,4.74C17.818,14.688,19.086,15.964,20.67,16.716z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.apple-icon:hover {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg fill='%23868686' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22.773 22.773' style='enable-background:new 0 0 22.773 22.773;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M15.769,0c0.053,0,0.106,0,0.162,0c0.13,1.606-0.483,2.806-1.228,3.675c-0.731,0.863-1.732,1.7-3.351,1.573 c-0.108-1.583,0.506-2.694,1.25-3.561C13.292,0.879,14.557,0.16,15.769,0z'/%3E%3Cpath d='M20.67,16.716c0,0.016,0,0.03,0,0.045c-0.455,1.378-1.104,2.559-1.896,3.655c-0.723,0.995-1.609,2.334-3.191,2.334 c-1.367,0-2.275-0.879-3.676-0.903c-1.482-0.024-2.297,0.735-3.652,0.926c-0.155,0-0.31,0-0.462,0 c-0.995-0.144-1.798-0.932-2.383-1.642c-1.725-2.098-3.058-4.808-3.306-8.276c0-0.34,0-0.679,0-1.019 c0.105-2.482,1.311-4.5,2.914-5.478c0.846-0.52,2.009-0.963,3.304-0.765c0.555,0.086,1.122,0.276,1.619,0.464 c0.471,0.181,1.06,0.502,1.618,0.485c0.378-0.011,0.754-0.208,1.135-0.347c1.116-0.403,2.21-0.865,3.652-0.648 c1.733,0.262,2.963,1.032,3.723,2.22c-1.466,0.933-2.625,2.339-2.427,4.74C17.818,14.688,19.086,15.964,20.67,16.716z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.windows-icon {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg fill='%23ffffff3d' ersion='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' enable-background='new 0 0 500 500' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M242.7,229.3l48.9-165.7c0,0-55.2-62.2-185.2-14.3l-49,166.7C57.3,216.1,167.1,160.6,242.7,229.3z'/%3E%3Cpath d='M49,241.8L0,408.5c0,0,109.8-55.3,185.4,13.4l48.9-165.7C234.2,256.1,179,193.9,49,241.8z'/%3E%3Cpath d='M314.6,74.7l-48.9,165.7c0,0,55.2,62.2,185.2,14.3l49-166.7C500,88.1,390.2,143.4,314.6,74.7z'/%3E%3Cpath  d='M258.1,270.7l-48.9,165.7c0,0,55.2,62.2,185.2,14.3l49-166.7C443.5,283.9,333.7,339.4,258.1,270.7z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.windows-icon:hover {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg fill='%23868686' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' enable-background='new 0 0 500 500' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M242.7,229.3l48.9-165.7c0,0-55.2-62.2-185.2-14.3l-49,166.7C57.3,216.1,167.1,160.6,242.7,229.3z'/%3E%3Cpath d='M49,241.8L0,408.5c0,0,109.8-55.3,185.4,13.4l48.9-165.7C234.2,256.1,179,193.9,49,241.8z'/%3E%3Cpath d='M314.6,74.7l-48.9,165.7c0,0,55.2,62.2,185.2,14.3l49-166.7C500,88.1,390.2,143.4,314.6,74.7z'/%3E%3Cpath  d='M258.1,270.7l-48.9,165.7c0,0,55.2,62.2,185.2,14.3l49-166.7C443.5,283.9,333.7,339.4,258.1,270.7z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.chrome-icon {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg fill='%23ffffffc2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' width='50px' height='50px'%3E%3Cpath d='M 25 2 C 12.317 2 2 12.317 2 25 C 2 37.683 12.317 48 25 48 C 37.683 48 48 37.683 48 25 C 48 12.317 37.683 2 25 2 z M 8.0429688 12.664062 L 15.046875 24.076172 C 15.514875 18.994172 19.798 15 25 15 L 43.462891 15 C 43.813891 15.646 44.125203 16.316 44.408203 17 L 30.974609 17 C 33.412609 18.825 35 21.727 35 25 C 35 26.787 34.522266 28.463016 33.697266 29.916016 C 33.690266 29.930016 33.691594 29.944984 33.683594 29.958984 L 24.537109 45.976562 C 23.790109 45.959562 23.054125 45.902547 22.328125 45.810547 L 28.976562 34.171875 C 27.756563 34.702875 26.413 35 25 35 C 21.441 35 18.318875 33.124406 16.546875 30.316406 C 16.523875 30.287406 16.496562 30.264422 16.476562 30.232422 L 6.8320312 14.515625 C 7.2030312 13.874625 7.6079688 13.259062 8.0429688 12.664062 z M 25 17 A 8 8 0 0 0 17 25 A 8 8 0 0 0 25 33 A 8 8 0 0 0 33 25 A 8 8 0 0 0 25 17 z'/%3E%3C/svg%3E");
}

.chrome-icon:hover {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg fill='%23ffffff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' width='50px' height='50px'%3E%3Cpath d='M 25 2 C 12.317 2 2 12.317 2 25 C 2 37.683 12.317 48 25 48 C 37.683 48 48 37.683 48 25 C 48 12.317 37.683 2 25 2 z M 8.0429688 12.664062 L 15.046875 24.076172 C 15.514875 18.994172 19.798 15 25 15 L 43.462891 15 C 43.813891 15.646 44.125203 16.316 44.408203 17 L 30.974609 17 C 33.412609 18.825 35 21.727 35 25 C 35 26.787 34.522266 28.463016 33.697266 29.916016 C 33.690266 29.930016 33.691594 29.944984 33.683594 29.958984 L 24.537109 45.976562 C 23.790109 45.959562 23.054125 45.902547 22.328125 45.810547 L 28.976562 34.171875 C 27.756563 34.702875 26.413 35 25 35 C 21.441 35 18.318875 33.124406 16.546875 30.316406 C 16.523875 30.287406 16.496562 30.264422 16.476562 30.232422 L 6.8320312 14.515625 C 7.2030312 13.874625 7.6079688 13.259062 8.0429688 12.664062 z M 25 17 A 8 8 0 0 0 17 25 A 8 8 0 0 0 25 33 A 8 8 0 0 0 33 25 A 8 8 0 0 0 25 17 z'/%3E%3C/svg%3E");
}

.xbox-icon {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg fill='%23ffffff3d' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 25.732 25.732' style='enable-background:new 0 0 25.732 25.732;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M5.733,2.183C5.72,2.193,5.71,2.204,5.698,2.214c0.073-0.077,0.178-0.16,0.247-0.205 C7.959,0.7,10.286,0,12.868,0c2.415,0,4.677,0.667,6.608,1.827c0.14,0.083,0.522,0.345,0.719,0.583v0.001 c-1.863-2.054-7.339,2.353-7.339,2.353c-1.894-1.46-3.636-2.455-4.933-2.809C6.839,1.658,6.089,1.906,5.733,2.183z M22.305,4.125 c-0.057-0.063-0.119-0.122-0.176-0.187c-0.471-0.517-1.05-0.642-1.572-0.608c-0.475,0.149-2.67,0.94-5.375,3.494 c0,0,3.045,2.961,4.91,5.988c1.863,3.027,2.977,5.406,2.292,8.708c2.079-2.285,3.347-5.321,3.347-8.655 C25.731,9.491,24.432,6.42,22.305,4.125z M17.657,14.105c-0.826-0.927-2.055-2.255-3.678-3.869 c-0.355-0.353-0.73-0.721-1.124-1.102c0,0-0.593,0.593-1.365,1.373v-0.001c-0.988,0.998-2.269,2.3-2.98,3.06 c-1.266,1.351-4.893,5.594-5.097,7.973c0,0-0.807-1.887,0.964-6.239c1.157-2.845,4.653-7.117,6.113-8.509 c0,0-1.334-1.468-3.008-2.482l-0.01-0.003c0,0-0.019-0.015-0.049-0.034c-0.805-0.48-1.684-0.85-2.53-0.899 C4.029,3.434,3.482,4.066,3.482,4.066c-2.159,2.302-3.48,5.396-3.48,8.8c0,7.105,5.76,12.866,12.866,12.866 c3.771,0,7.164-1.626,9.518-4.211c-0.001-0.004-0.271-1.7-2.002-4.133C19.977,16.818,18.49,15.039,17.657,14.105z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.xbox-icon:hover {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg fill='%23868686' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 25.732 25.732' style='enable-background:new 0 0 25.732 25.732;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M5.733,2.183C5.72,2.193,5.71,2.204,5.698,2.214c0.073-0.077,0.178-0.16,0.247-0.205 C7.959,0.7,10.286,0,12.868,0c2.415,0,4.677,0.667,6.608,1.827c0.14,0.083,0.522,0.345,0.719,0.583v0.001 c-1.863-2.054-7.339,2.353-7.339,2.353c-1.894-1.46-3.636-2.455-4.933-2.809C6.839,1.658,6.089,1.906,5.733,2.183z M22.305,4.125 c-0.057-0.063-0.119-0.122-0.176-0.187c-0.471-0.517-1.05-0.642-1.572-0.608c-0.475,0.149-2.67,0.94-5.375,3.494 c0,0,3.045,2.961,4.91,5.988c1.863,3.027,2.977,5.406,2.292,8.708c2.079-2.285,3.347-5.321,3.347-8.655 C25.731,9.491,24.432,6.42,22.305,4.125z M17.657,14.105c-0.826-0.927-2.055-2.255-3.678-3.869 c-0.355-0.353-0.73-0.721-1.124-1.102c0,0-0.593,0.593-1.365,1.373v-0.001c-0.988,0.998-2.269,2.3-2.98,3.06 c-1.266,1.351-4.893,5.594-5.097,7.973c0,0-0.807-1.887,0.964-6.239c1.157-2.845,4.653-7.117,6.113-8.509 c0,0-1.334-1.468-3.008-2.482l-0.01-0.003c0,0-0.019-0.015-0.049-0.034c-0.805-0.48-1.684-0.85-2.53-0.899 C4.029,3.434,3.482,4.066,3.482,4.066c-2.159,2.302-3.48,5.396-3.48,8.8c0,7.105,5.76,12.866,12.866,12.866 c3.771,0,7.164-1.626,9.518-4.211c-0.001-0.004-0.271-1.7-2.002-4.133C19.977,16.818,18.49,15.039,17.657,14.105z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.twitch-icon {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff3d' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M2.149 0l-1.612 4.119v16.836h5.731v3.045h3.224l3.045-3.045h4.657l6.269-6.269v-14.686h-21.314zm19.164 13.612l-3.582 3.582h-5.731l-3.045 3.045v-3.045h-4.836v-15.045h17.194v11.463zm-3.582-7.343v6.262h-2.149v-6.262h2.149zm-5.731 0v6.262h-2.149v-6.262h2.149z' fill-rule='evenodd' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.twitch-icon:hover {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23868686' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M2.149 0l-1.612 4.119v16.836h5.731v3.045h3.224l3.045-3.045h4.657l6.269-6.269v-14.686h-21.314zm19.164 13.612l-3.582 3.582h-5.731l-3.045 3.045v-3.045h-4.836v-15.045h17.194v11.463zm-3.582-7.343v6.262h-2.149v-6.262h2.149zm-5.731 0v6.262h-2.149v-6.262h2.149z' fill-rule='evenodd' clip-rule='evenodd'/%3E%3C/svg%3E");
}

@media (max-width: 576px) {
  .platforms div i {
    margin-right: 3px;
    margin-left: 3px;
  }
}

.vh-100-with-nav {
  height: calc(100vh - 46px);
}

.chevron img {
  width: 47px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  opacity: 0.3;
  text-align: end;
}

.chevron img:hover {
  opacity: 0.5;
  cursor: pointer;
}

.next-section-chevron {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.form-container {
  width: 100%;
  display: inherit;
}

.preview-container {
  padding-left: 0;
  padding-right: 40px;
}

@media (max-width: 576px) {
  .preview-container {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .vh-100-with-nav {
    height: 100% !important;
  }
  .img-jumbo {
    width: 80% !important;
  }
}

.img-jumbo {
  width: 100%;
}

.highlight-text {
  font-weight: bold;
  color: #8941ea;
}

.header-button {
  background: #8941ea;
  border-radius: 4px;
  color: white;
  height: 84px;
}

.header-button:active {
  -webkit-box-shadow: inset 0 0 8px #b991ef;
  box-shadow: inset 0 0 8px #b991ef;
  top: 0px !important;
  right: 0px !important;
}

.header-button:hover {
  color: white;
  z-index: 10000;
  position: relative;
  top: -2px;
  right: -3px;
}

.header-button:hover + .btn-back-header {
  background: #b991ef;
  position: relative;
  padding-top: 84px;
  top: -82px;
  border-radius: 4px;
  margin-bottom: -82px;
}

.header-button:active + .btn-back-header {
  display: none !important;
}

.form-email input {
  background: #f7f7f7;
  border: 1px solid #dedede;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 16px;
  padding: 3px 10px 3px 10px;
}

.selection-info {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
}

.platform-section .row {
  background-color: #4a4a4a;
}

.bottom-subscribe {
  padding-left: 40px;
  padding-right: 40px;
}

.preview-container-bottom {
  padding-right: 0;
  padding-left: 40px;
  text-align: right;
}

@media (max-width: 576px) {
  .preview-containe-bottomr {
    padding-right: 0px;
    padding-left: 0px;
  }
}

.console {
  background-color: #ffffff0a;
  border-radius: 7px;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.35);
  width: 95%;
  max-width: 380px;
}

.slick-slide:focus {
  outline: none !important;
}

.slick-slide img:hover {
  background-color: #ffffff0c;
  -webkit-transform: scale(1.015);
  transform: scale(1.015);
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}

.emulator-title {
  margin-bottom: 45px;
  text-align: center;
}

.masks-section {
  margin-right: -15px;
  margin-left: -15px;
}

.troiD_a {
  color: #00a4f5;
}

.troiD_b {
  color: #ff2c37;
}

.coming-soon {
  color: #8941ea;
  font-weight: 500;
  font-size: 12px;
}

.gif-3D {
  border-radius: 8px;
  width: 457px;
  height: 297px;
  z-index: 1000;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
}

.behind-block {
  border-radius: 8px;
  z-index: 10;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
  margin-top: -183px;
  margin-left: -10px !important;
}

.question .dark-title:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.faq-title {
  margin-bottom: 90px;
  text-align: center;
}

.date-beta {
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
}

.platform-info {
  position: relative;
  margin-top: 62px;
  left: -20px;
  text-align: center;
  font-style: normal;
  color: #ffffffa1;
  width: 79px;
  font-size: 12px;
  font-weight: bold;
}

.platform-info-disabled {
  position: relative;
  margin-top: 62px;
  left: 16px;
  text-align: center;
  font-style: normal;
  color: #757575;
  width: 79px;
  font-size: 12px;
  font-weight: bold;
}

.icon-outline {
  display: inline-block;
  border-bottom: solid 1px white;
  padding-bottom: 11px;
}

.icon-outline-disabled {
  display: inline-block;
  border-bottom: solid 1px #757575;
  padding-bottom: 11px;
}

.icon-container {
  margin-top: 45px;
}

.bottom-section {
  background: #26222c;
  border-radius: 8px;
}

.selection-info-light {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
}

.preview-container-bottom {
  padding-right: 0px;
  padding-left: 90px;
}

.bottom-section .breathing-row {
  padding-right: 15px !important;
}

.footer-copyright {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 150%;
  text-align: center;
  color: rgba(48, 56, 62, 0.93);
  margin-bottom: 60px;
}

.bottom-logo {
  text-align: center;
}

.bottom-logo img {
  margin-top: 120px;
  max-height: 60px;
}

.hyperlinks {
  text-align: center;
  margin-top: 15px;
}

.hyperlinks a {
  color: rgba(48, 56, 62, 0.93);
  font-weight: bold;
  margin-left: 10px;
  margin-right: 10px;
}

.loading-container {
  width: 100%;
  height: 100px;
}

.pong-loader {
  margin: 0 auto;
  margin-top: 15px;
  left: 0;
  right: 0;
  top: 50%;
  height: 40px;
  width: 6px;
  background-color: transparent;
  -webkit-animation: paddles 0.75s ease-out infinite;
  animation: paddles 0.75s ease-out infinite;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.pong-loader:before {
  content: '';
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 15px;
  width: 10px;
  height: 10px;
  background-color: #8941ea;
  border-radius: 50%;
  -webkit-animation: ballbounce 0.6s ease-out infinite;
  animation: ballbounce 0.6s ease-out infinite;
}

@-webkit-keyframes paddles {
  0% {
    -webkit-box-shadow: -25px -10px 0px #8941ea, 25px 10px 0px #8941ea;
    box-shadow: -25px -10px 0px #8941ea, 25px 10px 0px #8941ea;
  }
  50% {
    -webkit-box-shadow: -25px 8px 0px #8941ea, 25px -10px 0px #8941ea;
    box-shadow: -25px 8px 0px #8941ea, 25px -10px 0px #8941ea;
  }
  100% {
    -webkit-box-shadow: -25px -10px 0px #8941ea, 25px 10px 0px #8941ea;
    box-shadow: -25px -10px 0px #8941ea, 25px 10px 0px #8941ea;
  }
}

@keyframes paddles {
  0% {
    -webkit-box-shadow: -25px -10px 0px #8941ea, 25px 10px 0px #8941ea;
    box-shadow: -25px -10px 0px #8941ea, 25px 10px 0px #8941ea;
  }
  50% {
    -webkit-box-shadow: -25px 8px 0px #8941ea, 25px -10px 0px #8941ea;
    box-shadow: -25px 8px 0px #8941ea, 25px -10px 0px #8941ea;
  }
  100% {
    -webkit-box-shadow: -25px -10px 0px #8941ea, 25px 10px 0px #8941ea;
    box-shadow: -25px -10px 0px #8941ea, 25px 10px 0px #8941ea;
  }
}

@-webkit-keyframes ballbounce {
  0% {
    -webkit-transform: translateX(-20px) scale(1, 1.2);
    transform: translateX(-20px) scale(1, 1.2);
  }
  25% {
    -webkit-transform: scale(1.2, 1);
    transform: scale(1.2, 1);
  }
  50% {
    -webkit-transform: translateX(15px) scale(1, 1.2);
    transform: translateX(15px) scale(1, 1.2);
  }
  75% {
    -webkit-transform: scale(1.2, 1);
    transform: scale(1.2, 1);
  }
  100% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes ballbounce {
  0% {
    -webkit-transform: translateX(-20px) scale(1, 1.2);
    transform: translateX(-20px) scale(1, 1.2);
  }
  25% {
    -webkit-transform: scale(1.2, 1);
    transform: scale(1.2, 1);
  }
  50% {
    -webkit-transform: translateX(15px) scale(1, 1.2);
    transform: translateX(15px) scale(1, 1.2);
  }
  75% {
    -webkit-transform: scale(1.2, 1);
    transform: scale(1.2, 1);
  }
  100% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.loading-text {
  color: #8941ea;
  position: absolute;
  text-align: center;
  margin-right: auto;
  width: 100%;
  margin-top: 66px;
  margin-left: -26px;
}

.floating {
  -webkit-animation-name: floating;
  animation-name: floating;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes floating {
  from {
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
  65% {
    -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px);
  }
  to {
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
}

@keyframes floating {
  from {
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
  65% {
    -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px);
  }
  to {
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
}

.legal {
  margin-top: 120px;
}
/*# sourceMappingURL=piepacker.css.map */