/*----------------------------
           GLOBAL
----------------------------*/
@import url("https://fonts.googleapis.com/css?family=Hind+Guntur:300");
@import url("https://fonts.googleapis.com/css?family=Roboto");
@font-face {
  font-family: "Helvetica Bold";
  src: url("../../fonts/HelveticaLTStd-Bold.eot?") format("eot"), url("../../fonts/HelveticaLTStd-Bold.woff") format("woff"), url("../../fonts/HelveticaLTStd-Bold.ttf") format("truetype"), url("../../fonts/HelveticaLTStd-Bold.svg#Samplino") format("svg"); }

@font-face {
  font-family: "Helvetica light";
  src: url("../../fonts/HelveticaLTStd-Light.eot?") format("eot"), url("../../fonts/HelveticaLTStd-Light.woff") format("woff"), url("../../fonts/HelveticaLTStd-Light.ttf") format("truetype"), url("../../fonts/HelveticaLTStd-Light.svg#Samplino") format("svg"); }

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent; }

html {
  font-size: 62.5%; }

body {
  font-family: 'Hind Guntur', sans-serif;
  font-size: 18px; }

/*----------------------------
           CUSTOM
----------------------------*/
img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /* IE */
  -o-object-fit: scale-down;
     object-fit: scale-down;
  /* FF */
  max-height: 100%; }

.page__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  min-height: 100vh;
  color: #fff; }

.page__left-side {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 100%;
  padding: 0 50px 160px;
  background: -webkit-gradient(linear, left top, left bottom, from(#a02c8d), to(#f74a7e));
  background: -webkit-linear-gradient(top, #a02c8d 0%, #f74a7e 100%);
  background: -moz-linear-gradient(top, #a02c8d 0%, #f74a7e 100%);
  background: -o-linear-gradient(top, #a02c8d 0%, #f74a7e 100%);
  background: linear-gradient(to bottom, #a02c8d 0%, #f74a7e 100%); }

.page__left-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 35px 0;
  position: relative;
  overflow: hidden; }
  .page__left-section:nth-of-type(1)::after, .page__left-section:nth-of-type(2)::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 40px;
    border-bottom: 1px solid #ffffff;
    opacity: 0.2; }
  .page__left-section:nth-of-type(3) {
    padding-bottom: 0; }
  .page__left-section:nth-of-type(4) {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }

.page__logo {
  width: 50%; }

.page__slogan {
  width: 30%;
  margin-top: 30px; }

.page__name {
  font-family: 'Helvetica Bold', sans-serif;
  font-size: 36px;
  font-weight: bold; }

.page__title {
  font-size: 22px; }

.page__left-footer {
  position: absolute;
  bottom: 50px;
  left: 50px; }
  .page__left-footer img {
    width: 12%;
    margin-top: 10px; }
  .page__left-footer a:not(:last-of-type) {
    margin-right: 20px; }

.page__right-side {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: left;
  -webkit-align-items: left;
     -moz-box-align: left;
      -ms-flex-align: left;
          align-items: left;
  padding: 50px 65px; }
  .page__right-side::before {
    content: '';
    background-color: #3b3051;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0.85;
    z-index: -1; }
  .page__right-side::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: url("../images/mic.png") no-repeat fixed center;
    -moz-background-size: cover;
         background-size: cover;
    z-index: -2; }

.page__right-btn {
  font-family: 'Roboto', sans-serif;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  padding: 12px 25px;
  -webkit-border-radius: 25px;
     -moz-border-radius: 25px;
          border-radius: 25px;
  font-size: 14px;
  border: none;
  color: #646464;
  background-color: #ffffff;
  text-decoration: none;
  cursor: pointer;
  font-weight: bold;
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  -moz-transition: all 500ms;
  transition: all 500ms; }
  .page__right-btn:hover {
    text-decoration: none;
    color: #646464;
    background-color: #e4e4e4; }

.page__content {
  font-family: 'Helvetica light', sans-serif;
  width: 80%;
  margin: 50px auto; }
  .page__content h1 {
    font-size: 75px;
    font-weight: normal;
    margin-bottom: 20px; }

.page__sound-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 80%;
  position: relative;
  overflow: hidden;
  margin: 30px auto;
  min-height: 150px; }

.page__right-footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1; }

#wave {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 75px;
  margin-bottom: -75px;
  position: relative;
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
  -webkit-mask-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
          mask-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
          mask-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%); }
  #wave .bar {
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, white), color-stop(51%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.3)));
    background: -webkit-linear-gradient(top, white 0%, white 50%, rgba(255, 255, 255, 0.3) 51%, rgba(255, 255, 255, 0.3) 100%);
    background: -moz-linear-gradient(top, white 0%, white 50%, rgba(255, 255, 255, 0.3) 51%, rgba(255, 255, 255, 0.3) 100%);
    background: -o-linear-gradient(top, white 0%, white 50%, rgba(255, 255, 255, 0.3) 51%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to bottom, white 0%, white 50%, rgba(255, 255, 255, 0.3) 51%, rgba(255, 255, 255, 0.3) 100%);
    height: 50px;
    margin: 0 3px;
    width: 4px;
    -webkit-animation: jump 0ms -3s linear infinite alternate;
       -moz-animation: jump 0ms -3s linear infinite alternate;
         -o-animation: jump 0ms -3s linear infinite alternate;
            animation: jump 0ms -3s linear infinite alternate;
    -webkit-animation-play-state: paused;
       -moz-animation-play-state: paused;
         -o-animation-play-state: paused;
            animation-play-state: paused; }

@-webkit-keyframes jump {
  0% {
    height: 6px;
    top: -3px; }
  100% {
    top: -75px;
    height: 150px; } }

@-moz-keyframes jump {
  0% {
    height: 6px;
    top: -3px; }
  100% {
    top: -75px;
    height: 150px; } }

@-o-keyframes jump {
  0% {
    height: 6px;
    top: -3px; }
  100% {
    top: -75px;
    height: 150px; } }

@keyframes jump {
  0% {
    height: 6px;
    top: -3px; }
  100% {
    top: -75px;
    height: 150px; } }
  #wave .bar:nth-child(1) {
    -webkit-animation-duration: 1104ms;
       -moz-animation-duration: 1104ms;
         -o-animation-duration: 1104ms;
            animation-duration: 1104ms; }
  #wave .bar:nth-child(2) {
    -webkit-animation-duration: 1291ms;
       -moz-animation-duration: 1291ms;
         -o-animation-duration: 1291ms;
            animation-duration: 1291ms; }
  #wave .bar:nth-child(3) {
    -webkit-animation-duration: 866ms;
       -moz-animation-duration: 866ms;
         -o-animation-duration: 866ms;
            animation-duration: 866ms; }
  #wave .bar:nth-child(4) {
    -webkit-animation-duration: 1270ms;
       -moz-animation-duration: 1270ms;
         -o-animation-duration: 1270ms;
            animation-duration: 1270ms; }
  #wave .bar:nth-child(5) {
    -webkit-animation-duration: 828ms;
       -moz-animation-duration: 828ms;
         -o-animation-duration: 828ms;
            animation-duration: 828ms; }
  #wave .bar:nth-child(6) {
    -webkit-animation-duration: 871ms;
       -moz-animation-duration: 871ms;
         -o-animation-duration: 871ms;
            animation-duration: 871ms; }
  #wave .bar:nth-child(7) {
    -webkit-animation-duration: 1126ms;
       -moz-animation-duration: 1126ms;
         -o-animation-duration: 1126ms;
            animation-duration: 1126ms; }
  #wave .bar:nth-child(8) {
    -webkit-animation-duration: 1179ms;
       -moz-animation-duration: 1179ms;
         -o-animation-duration: 1179ms;
            animation-duration: 1179ms; }
  #wave .bar:nth-child(9) {
    -webkit-animation-duration: 1051ms;
       -moz-animation-duration: 1051ms;
         -o-animation-duration: 1051ms;
            animation-duration: 1051ms; }
  #wave .bar:nth-child(10) {
    -webkit-animation-duration: 1289ms;
       -moz-animation-duration: 1289ms;
         -o-animation-duration: 1289ms;
            animation-duration: 1289ms; }
  #wave .bar:nth-child(11) {
    -webkit-animation-duration: 1136ms;
       -moz-animation-duration: 1136ms;
         -o-animation-duration: 1136ms;
            animation-duration: 1136ms; }
  #wave .bar:nth-child(12) {
    -webkit-animation-duration: 1103ms;
       -moz-animation-duration: 1103ms;
         -o-animation-duration: 1103ms;
            animation-duration: 1103ms; }
  #wave .bar:nth-child(13) {
    -webkit-animation-duration: 998ms;
       -moz-animation-duration: 998ms;
         -o-animation-duration: 998ms;
            animation-duration: 998ms; }
  #wave .bar:nth-child(14) {
    -webkit-animation-duration: 1193ms;
       -moz-animation-duration: 1193ms;
         -o-animation-duration: 1193ms;
            animation-duration: 1193ms; }
  #wave .bar:nth-child(15) {
    -webkit-animation-duration: 1018ms;
       -moz-animation-duration: 1018ms;
         -o-animation-duration: 1018ms;
            animation-duration: 1018ms; }
  #wave .bar:nth-child(16) {
    -webkit-animation-duration: 1112ms;
       -moz-animation-duration: 1112ms;
         -o-animation-duration: 1112ms;
            animation-duration: 1112ms; }
  #wave .bar:nth-child(17) {
    -webkit-animation-duration: 1014ms;
       -moz-animation-duration: 1014ms;
         -o-animation-duration: 1014ms;
            animation-duration: 1014ms; }
  #wave .bar:nth-child(18) {
    -webkit-animation-duration: 1005ms;
       -moz-animation-duration: 1005ms;
         -o-animation-duration: 1005ms;
            animation-duration: 1005ms; }
  #wave .bar:nth-child(19) {
    -webkit-animation-duration: 914ms;
       -moz-animation-duration: 914ms;
         -o-animation-duration: 914ms;
            animation-duration: 914ms; }
  #wave .bar:nth-child(20) {
    -webkit-animation-duration: 1089ms;
       -moz-animation-duration: 1089ms;
         -o-animation-duration: 1089ms;
            animation-duration: 1089ms; }
  #wave .bar:nth-child(21) {
    -webkit-animation-duration: 1154ms;
       -moz-animation-duration: 1154ms;
         -o-animation-duration: 1154ms;
            animation-duration: 1154ms; }
  #wave .bar:nth-child(22) {
    -webkit-animation-duration: 880ms;
       -moz-animation-duration: 880ms;
         -o-animation-duration: 880ms;
            animation-duration: 880ms; }
  #wave .bar:nth-child(23) {
    -webkit-animation-duration: 945ms;
       -moz-animation-duration: 945ms;
         -o-animation-duration: 945ms;
            animation-duration: 945ms; }
  #wave .bar:nth-child(24) {
    -webkit-animation-duration: 835ms;
       -moz-animation-duration: 835ms;
         -o-animation-duration: 835ms;
            animation-duration: 835ms; }
  #wave .bar:nth-child(25) {
    -webkit-animation-duration: 1032ms;
       -moz-animation-duration: 1032ms;
         -o-animation-duration: 1032ms;
            animation-duration: 1032ms; }
  #wave .bar:nth-child(26) {
    -webkit-animation-duration: 1064ms;
       -moz-animation-duration: 1064ms;
         -o-animation-duration: 1064ms;
            animation-duration: 1064ms; }
  #wave .bar:nth-child(27) {
    -webkit-animation-duration: 841ms;
       -moz-animation-duration: 841ms;
         -o-animation-duration: 841ms;
            animation-duration: 841ms; }
  #wave .bar:nth-child(28) {
    -webkit-animation-duration: 913ms;
       -moz-animation-duration: 913ms;
         -o-animation-duration: 913ms;
            animation-duration: 913ms; }
  #wave .bar:nth-child(29) {
    -webkit-animation-duration: 868ms;
       -moz-animation-duration: 868ms;
         -o-animation-duration: 868ms;
            animation-duration: 868ms; }
  #wave .bar:nth-child(30) {
    -webkit-animation-duration: 942ms;
       -moz-animation-duration: 942ms;
         -o-animation-duration: 942ms;
            animation-duration: 942ms; }
  #wave .bar:nth-child(31) {
    -webkit-animation-duration: 987ms;
       -moz-animation-duration: 987ms;
         -o-animation-duration: 987ms;
            animation-duration: 987ms; }
  #wave .bar:nth-child(32) {
    -webkit-animation-duration: 811ms;
       -moz-animation-duration: 811ms;
         -o-animation-duration: 811ms;
            animation-duration: 811ms; }
  #wave .bar:nth-child(33) {
    -webkit-animation-duration: 891ms;
       -moz-animation-duration: 891ms;
         -o-animation-duration: 891ms;
            animation-duration: 891ms; }
  #wave .bar:nth-child(34) {
    -webkit-animation-duration: 1104ms;
       -moz-animation-duration: 1104ms;
         -o-animation-duration: 1104ms;
            animation-duration: 1104ms; }
  #wave .bar:nth-child(35) {
    -webkit-animation-duration: 822ms;
       -moz-animation-duration: 822ms;
         -o-animation-duration: 822ms;
            animation-duration: 822ms; }
  #wave .bar:nth-child(36) {
    -webkit-animation-duration: 1075ms;
       -moz-animation-duration: 1075ms;
         -o-animation-duration: 1075ms;
            animation-duration: 1075ms; }
  #wave .bar:nth-child(37) {
    -webkit-animation-duration: 1144ms;
       -moz-animation-duration: 1144ms;
         -o-animation-duration: 1144ms;
            animation-duration: 1144ms; }
  #wave .bar:nth-child(38) {
    -webkit-animation-duration: 1225ms;
       -moz-animation-duration: 1225ms;
         -o-animation-duration: 1225ms;
            animation-duration: 1225ms; }
  #wave .bar:nth-child(39) {
    -webkit-animation-duration: 901ms;
       -moz-animation-duration: 901ms;
         -o-animation-duration: 901ms;
            animation-duration: 901ms; }
  #wave .bar:nth-child(40) {
    -webkit-animation-duration: 1055ms;
       -moz-animation-duration: 1055ms;
         -o-animation-duration: 1055ms;
            animation-duration: 1055ms; }
  #wave .bar:nth-child(41) {
    -webkit-animation-duration: 1160ms;
       -moz-animation-duration: 1160ms;
         -o-animation-duration: 1160ms;
            animation-duration: 1160ms; }
  #wave .bar:nth-child(42) {
    -webkit-animation-duration: 844ms;
       -moz-animation-duration: 844ms;
         -o-animation-duration: 844ms;
            animation-duration: 844ms; }
  #wave .bar:nth-child(43) {
    -webkit-animation-duration: 1192ms;
       -moz-animation-duration: 1192ms;
         -o-animation-duration: 1192ms;
            animation-duration: 1192ms; }
  #wave .bar:nth-child(44) {
    -webkit-animation-duration: 1281ms;
       -moz-animation-duration: 1281ms;
         -o-animation-duration: 1281ms;
            animation-duration: 1281ms; }
  #wave .bar:nth-child(45) {
    -webkit-animation-duration: 932ms;
       -moz-animation-duration: 932ms;
         -o-animation-duration: 932ms;
            animation-duration: 932ms; }
  #wave .bar:nth-child(46) {
    -webkit-animation-duration: 1270ms;
       -moz-animation-duration: 1270ms;
         -o-animation-duration: 1270ms;
            animation-duration: 1270ms; }
  #wave .bar:nth-child(47) {
    -webkit-animation-duration: 1145ms;
       -moz-animation-duration: 1145ms;
         -o-animation-duration: 1145ms;
            animation-duration: 1145ms; }
  #wave .bar:nth-child(48) {
    -webkit-animation-duration: 979ms;
       -moz-animation-duration: 979ms;
         -o-animation-duration: 979ms;
            animation-duration: 979ms; }
  #wave .bar:nth-child(49) {
    -webkit-animation-duration: 1031ms;
       -moz-animation-duration: 1031ms;
         -o-animation-duration: 1031ms;
            animation-duration: 1031ms; }
  #wave .bar:nth-child(50) {
    -webkit-animation-duration: 942ms;
       -moz-animation-duration: 942ms;
         -o-animation-duration: 942ms;
            animation-duration: 942ms; }
  #wave .bar:nth-child(51) {
    -webkit-animation-duration: 1018ms;
       -moz-animation-duration: 1018ms;
         -o-animation-duration: 1018ms;
            animation-duration: 1018ms; }
  #wave .bar:nth-child(52) {
    -webkit-animation-duration: 1059ms;
       -moz-animation-duration: 1059ms;
         -o-animation-duration: 1059ms;
            animation-duration: 1059ms; }
  #wave .bar:nth-child(53) {
    -webkit-animation-duration: 1016ms;
       -moz-animation-duration: 1016ms;
         -o-animation-duration: 1016ms;
            animation-duration: 1016ms; }
  #wave .bar:nth-child(54) {
    -webkit-animation-duration: 813ms;
       -moz-animation-duration: 813ms;
         -o-animation-duration: 813ms;
            animation-duration: 813ms; }
  #wave .bar:nth-child(55) {
    -webkit-animation-duration: 1064ms;
       -moz-animation-duration: 1064ms;
         -o-animation-duration: 1064ms;
            animation-duration: 1064ms; }
  #wave .bar:nth-child(56) {
    -webkit-animation-duration: 921ms;
       -moz-animation-duration: 921ms;
         -o-animation-duration: 921ms;
            animation-duration: 921ms; }
  #wave .bar:nth-child(57) {
    -webkit-animation-duration: 981ms;
       -moz-animation-duration: 981ms;
         -o-animation-duration: 981ms;
            animation-duration: 981ms; }
  #wave .bar:nth-child(58) {
    -webkit-animation-duration: 856ms;
       -moz-animation-duration: 856ms;
         -o-animation-duration: 856ms;
            animation-duration: 856ms; }
  #wave .bar:nth-child(59) {
    -webkit-animation-duration: 1125ms;
       -moz-animation-duration: 1125ms;
         -o-animation-duration: 1125ms;
            animation-duration: 1125ms; }
  #wave .bar:nth-child(60) {
    -webkit-animation-duration: 1255ms;
       -moz-animation-duration: 1255ms;
         -o-animation-duration: 1255ms;
            animation-duration: 1255ms; }
  #wave .bar:nth-child(61) {
    -webkit-animation-duration: 816ms;
       -moz-animation-duration: 816ms;
         -o-animation-duration: 816ms;
            animation-duration: 816ms; }
  #wave .bar:nth-child(62) {
    -webkit-animation-duration: 925ms;
       -moz-animation-duration: 925ms;
         -o-animation-duration: 925ms;
            animation-duration: 925ms; }
  #wave .bar:nth-child(63) {
    -webkit-animation-duration: 1091ms;
       -moz-animation-duration: 1091ms;
         -o-animation-duration: 1091ms;
            animation-duration: 1091ms; }
  #wave .bar:nth-child(64) {
    -webkit-animation-duration: 1003ms;
       -moz-animation-duration: 1003ms;
         -o-animation-duration: 1003ms;
            animation-duration: 1003ms; }
  #wave .bar:nth-child(65) {
    -webkit-animation-duration: 828ms;
       -moz-animation-duration: 828ms;
         -o-animation-duration: 828ms;
            animation-duration: 828ms; }
  #wave .bar:nth-child(66) {
    -webkit-animation-duration: 1225ms;
       -moz-animation-duration: 1225ms;
         -o-animation-duration: 1225ms;
            animation-duration: 1225ms; }
  #wave .bar:nth-child(67) {
    -webkit-animation-duration: 1244ms;
       -moz-animation-duration: 1244ms;
         -o-animation-duration: 1244ms;
            animation-duration: 1244ms; }
  #wave .bar:nth-child(68) {
    -webkit-animation-duration: 937ms;
       -moz-animation-duration: 937ms;
         -o-animation-duration: 937ms;
            animation-duration: 937ms; }
  #wave .bar:nth-child(69) {
    -webkit-animation-duration: 1245ms;
       -moz-animation-duration: 1245ms;
         -o-animation-duration: 1245ms;
            animation-duration: 1245ms; }
  #wave .bar:nth-child(70) {
    -webkit-animation-duration: 1162ms;
       -moz-animation-duration: 1162ms;
         -o-animation-duration: 1162ms;
            animation-duration: 1162ms; }
  #wave .bar:nth-child(71) {
    -webkit-animation-duration: 1250ms;
       -moz-animation-duration: 1250ms;
         -o-animation-duration: 1250ms;
            animation-duration: 1250ms; }
  #wave .bar:nth-child(72) {
    -webkit-animation-duration: 1133ms;
       -moz-animation-duration: 1133ms;
         -o-animation-duration: 1133ms;
            animation-duration: 1133ms; }
  #wave .bar:nth-child(73) {
    -webkit-animation-duration: 1175ms;
       -moz-animation-duration: 1175ms;
         -o-animation-duration: 1175ms;
            animation-duration: 1175ms; }
  #wave .bar:nth-child(74) {
    -webkit-animation-duration: 941ms;
       -moz-animation-duration: 941ms;
         -o-animation-duration: 941ms;
            animation-duration: 941ms; }
  #wave .bar:nth-child(75) {
    -webkit-animation-duration: 1132ms;
       -moz-animation-duration: 1132ms;
         -o-animation-duration: 1132ms;
            animation-duration: 1132ms; }
  #wave .bar:nth-child(76) {
    -webkit-animation-duration: 1288ms;
       -moz-animation-duration: 1288ms;
         -o-animation-duration: 1288ms;
            animation-duration: 1288ms; }
  #wave .bar:nth-child(77) {
    -webkit-animation-duration: 1199ms;
       -moz-animation-duration: 1199ms;
         -o-animation-duration: 1199ms;
            animation-duration: 1199ms; }
  #wave .bar:nth-child(78) {
    -webkit-animation-duration: 1213ms;
       -moz-animation-duration: 1213ms;
         -o-animation-duration: 1213ms;
            animation-duration: 1213ms; }
  #wave .bar:nth-child(79) {
    -webkit-animation-duration: 1295ms;
       -moz-animation-duration: 1295ms;
         -o-animation-duration: 1295ms;
            animation-duration: 1295ms; }
  #wave .bar:nth-child(80) {
    -webkit-animation-duration: 1055ms;
       -moz-animation-duration: 1055ms;
         -o-animation-duration: 1055ms;
            animation-duration: 1055ms; }
  #wave .bar:nth-child(81) {
    -webkit-animation-duration: 1231ms;
       -moz-animation-duration: 1231ms;
         -o-animation-duration: 1231ms;
            animation-duration: 1231ms; }
  #wave .bar:nth-child(82) {
    -webkit-animation-duration: 1271ms;
       -moz-animation-duration: 1271ms;
         -o-animation-duration: 1271ms;
            animation-duration: 1271ms; }
  #wave .bar:nth-child(83) {
    -webkit-animation-duration: 1225ms;
       -moz-animation-duration: 1225ms;
         -o-animation-duration: 1225ms;
            animation-duration: 1225ms; }
  #wave .bar:nth-child(84) {
    -webkit-animation-duration: 1050ms;
       -moz-animation-duration: 1050ms;
         -o-animation-duration: 1050ms;
            animation-duration: 1050ms; }
  #wave .bar:nth-child(85) {
    -webkit-animation-duration: 943ms;
       -moz-animation-duration: 943ms;
         -o-animation-duration: 943ms;
            animation-duration: 943ms; }
  #wave .bar:nth-child(86) {
    -webkit-animation-duration: 1024ms;
       -moz-animation-duration: 1024ms;
         -o-animation-duration: 1024ms;
            animation-duration: 1024ms; }
  #wave .bar:nth-child(87) {
    -webkit-animation-duration: 1200ms;
       -moz-animation-duration: 1200ms;
         -o-animation-duration: 1200ms;
            animation-duration: 1200ms; }
  #wave .bar:nth-child(88) {
    -webkit-animation-duration: 980ms;
       -moz-animation-duration: 980ms;
         -o-animation-duration: 980ms;
            animation-duration: 980ms; }
  #wave .bar:nth-child(89) {
    -webkit-animation-duration: 1145ms;
       -moz-animation-duration: 1145ms;
         -o-animation-duration: 1145ms;
            animation-duration: 1145ms; }
  #wave .bar:nth-child(90) {
    -webkit-animation-duration: 851ms;
       -moz-animation-duration: 851ms;
         -o-animation-duration: 851ms;
            animation-duration: 851ms; }
  #wave .bar:nth-child(91) {
    -webkit-animation-duration: 1255ms;
       -moz-animation-duration: 1255ms;
         -o-animation-duration: 1255ms;
            animation-duration: 1255ms; }
  #wave .bar:nth-child(92) {
    -webkit-animation-duration: 1182ms;
       -moz-animation-duration: 1182ms;
         -o-animation-duration: 1182ms;
            animation-duration: 1182ms; }
  #wave .bar:nth-child(93) {
    -webkit-animation-duration: 1297ms;
       -moz-animation-duration: 1297ms;
         -o-animation-duration: 1297ms;
            animation-duration: 1297ms; }
  #wave .bar:nth-child(94) {
    -webkit-animation-duration: 842ms;
       -moz-animation-duration: 842ms;
         -o-animation-duration: 842ms;
            animation-duration: 842ms; }
  #wave .bar:nth-child(95) {
    -webkit-animation-duration: 1159ms;
       -moz-animation-duration: 1159ms;
         -o-animation-duration: 1159ms;
            animation-duration: 1159ms; }
  #wave .bar:nth-child(96) {
    -webkit-animation-duration: 1083ms;
       -moz-animation-duration: 1083ms;
         -o-animation-duration: 1083ms;
            animation-duration: 1083ms; }
  #wave .bar:nth-child(97) {
    -webkit-animation-duration: 874ms;
       -moz-animation-duration: 874ms;
         -o-animation-duration: 874ms;
            animation-duration: 874ms; }
  #wave .bar:nth-child(98) {
    -webkit-animation-duration: 929ms;
       -moz-animation-duration: 929ms;
         -o-animation-duration: 929ms;
            animation-duration: 929ms; }
  #wave .bar:nth-child(99) {
    -webkit-animation-duration: 1164ms;
       -moz-animation-duration: 1164ms;
         -o-animation-duration: 1164ms;
            animation-duration: 1164ms; }
  #wave .bar:nth-child(100) {
    -webkit-animation-duration: 836ms;
       -moz-animation-duration: 836ms;
         -o-animation-duration: 836ms;
            animation-duration: 836ms; }
  #wave.play .bar {
    -webkit-animation-play-state: initial;
       -moz-animation-play-state: initial;
         -o-animation-play-state: initial;
            animation-play-state: initial; }

#play-btn {
  height: 70px;
  width: 70px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background-color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  -moz-transition: all 500ms;
  transition: all 500ms; }
  #play-btn img {
    width: 22%; }
  #play-btn:hover {
    background-color: #e4e4e4; }

@media screen and (max-width: 1384px) {
  .page__name {
    font-size: 27px; }
  .page__title {
    font-size: 16px; } }

@media screen and (max-width: 1142px) {
  .page__name {
    font-size: 20px; }
  .page__title {
    font-size: 15px; } }

@media screen and (max-width: 768px) {
  body {
    font-size: 16px; }
  .page__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: initial;
    min-height: initial; }
  .page__left-side {
    min-height: 100vh; }
  .page__left-section {
    padding: 30px 0; }
  .page__right-side {
    min-height: 100vh;
    padding: 50px 30px; }
  .page__name {
    font-size: 30px; }
  .page__title {
    font-size: 18px; }
  .page__content {
    margin: 25px auto;
    width: 100%; }
    .page__content h1 {
      font-size: 35px; }
    .page__content p {
      font-size: 14px; }
  .page__sound-track {
    width: 100%; } }

.arabicVoice {
  text-align: center;
  font-size: 14px;
  width: 100%;
  margin-top: 30px; }
  .arabicVoice img {
    display: block;
    width: 150px;
    margin: 0 auto; }

/*# sourceMappingURL=layout.css.map */