html {
  height: 100%;
}

body {
  margin: 0;
  min-height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1677' height='377'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0%25' x2='100%25' y1='0%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%234F71E0' stop-opacity='.036'/%3E%3Cstop offset='100%25' stop-color='%234560B6' stop-opacity='.35'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='none' d='M.083 377c2.649-8.957 6.095-17.633 10.445-25.969 72.838-139.554 247.543-110.148 368.496-69.674 70.205 23.492 144.044 47.28 216.947 34.409C778.818 283.484 865.785 43.68 1047.61 6.063c77.166-15.965 156.315 8.585 231.287 32.856 86.968 28.153 175.307 56.971 250.652 108.731 75.344 51.759 137.219 130.655 146.548 221.58.265 2.587.474 5.178.657 7.77H.083Z'/%3E%3Cpath fill='url(%23a)' d='M.083 377c2.649-8.957 6.095-17.633 10.445-25.969 72.838-139.554 247.543-110.148 368.496-69.674 70.205 23.492 144.044 47.28 216.947 34.409C778.818 283.484 865.785 43.68 1047.61 6.063c77.166-15.965 156.315 8.585 231.287 32.856 86.968 28.153 175.307 56.971 250.652 108.731 75.344 51.759 137.219 130.655 146.548 221.58.265 2.587.474 5.178.657 7.77H.083Z'/%3E%3C/svg%3E") no-repeat 50% calc(100% + 50px), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1685' height='637'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0%25' x2='100%25' y1='0%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%234560B6' stop-opacity='.35'/%3E%3Cstop offset='100%25' stop-color='%234F71E0' stop-opacity='.036'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='none' d='M1476.261 170.396c-49.234 15.621-99.508 21.458-150.069 21.458-54.927 0-110.189-6.892-164.773-15.615-62.342-9.963-126.007-17.204-189.161-17.204-93.29 0-185.462 15.802-270.568 61.97-158.425 85.94-280.028 234.727-430.375 334.059C186.77 610.924 96.263 636.9 0 636.994V356.992c80.672-83.157 146.097-189.974 207.509-282.916C223.182 50.358 238.073 25.3 253.005 0h821.156a368.866 368.866 0 0 0 14.71 11.427c54.91 40.402 119.147 60.946 184.372 60.946 43.72 0 87.89-9.235 129.972-27.909C1429.4 32.845 1450.503 17.507 1469.89 0h214.195c-43.845 80.245-134.946 147.273-207.824 170.396Z'/%3E%3Cpath fill='url(%23a)' d='M1476.261 170.396c-49.234 15.621-99.508 21.458-150.069 21.458-54.927 0-110.189-6.892-164.773-15.615-62.342-9.963-126.007-17.204-189.161-17.204-93.29 0-185.462 15.802-270.568 61.97-158.425 85.94-280.028 234.727-430.375 334.059C186.77 610.924 96.263 636.9 0 636.994V356.992c80.672-83.157 146.097-189.974 207.509-282.916C223.182 50.358 238.073 25.3 253.005 0h821.156a368.866 368.866 0 0 0 14.71 11.427c54.91 40.402 119.147 60.946 184.372 60.946 43.72 0 87.89-9.235 129.972-27.909C1429.4 32.845 1450.503 17.507 1469.89 0h214.195c-43.845 80.245-134.946 147.273-207.824 170.396Z'/%3E%3C/svg%3E") no-repeat;
  background-color: #232630;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  position: relative;
}

@media(max-width:991px){
  body {
      background-image: none;
      background-color: #232630;
  }
}

.container {
  width: 100%;
}
.download {
  text-align: center;
  padding: 20px 0;
  background: url('../images/image-download.svg') no-repeat 50%;
  min-height: 314px;
  width: 533px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
@media(max-width:991px){
  .download {
      width: 100%;
  }
}
.download2 {
  text-align: center;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
}
.download-heading {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
  margin-bottom: 20px;

}
.download-percent {
font-size: 24px;
margin-top: 20px;
}
.download-image {
  width: 110px;
  height: 110px;
  position: relative;
  margin: 40px 20px;
}
.download-image:before {
  content: '';
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  border-radius: 50%;
  background-color: #4f71e0;
  opacity: .15;
}
.download-image:after {
  content: '';
  position: absolute;
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
  border-radius: 50%;
  background-color: #4f71e0;
  opacity: .15;
}
.download-moon {
  width: 110px;
  height: 110px;
  position: relative;
  z-index: 2;
  background: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='110' height='110' viewBox='0 0 110 110' xml:space='preserve'%3E%3Cstyle%3E.st5%7Bfill:%233a69a2%7D%3C/style%3E%3CradialGradient id='SVGID_1_' cx='-1470.252' cy='-1964.085' r='155.252' gradientTransform='rotate(28.053 -2272.617 1057.792) scale(.469)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23c4d8f0'/%3E%3C/radialGradient%3E%3Cpath d='M103.5 80.9c-14.3 26.8-47.6 36.9-74.4 22.7C2.3 89.2-7.8 55.9 6.5 29.1 20.8 2.3 54.1-7.8 80.9 6.5c26.8 14.3 36.9 47.6 22.6 74.4z' fill='url(%23SVGID_1_)'/%3E%3Cpath d='M99.3 22.4c10.1 14.6 12 34.3 3 51-12.7 23.9-42.4 33-66.3 20.2C12.1 80.9 3.1 51.2 15.8 27.3 28.4 3.7 57.7-5.4 81.5 6.8l-.6-.3C54.1-7.8 20.8 2.3 6.5 29.1c-14.3 26.8-4.1 60.1 22.7 74.4 26.8 14.3 60.1 4.1 74.4-22.7 10.2-19.2 7.8-41.9-4.3-58.4z' opacity='.1' fill='%238585af'/%3E%3Cpath d='M101.7 58.1C92.5 75.3 69.9 81 51.1 71 32.3 61 24.5 39 33.6 21.8 42.7 4.7 65.4-1.1 84.2 9c18.8 10 26.6 32 17.5 49.1z' opacity='.4' fill='%23fff'/%3E%3Cpath d='M96.4 40.5c-5.6 10.4-19.3 13.9-30.8 7.8C54.2 42.2 49.4 28.9 55 18.4 60.6 8 74.3 4.5 85.8 10.6c11.4 6.1 16.2 19.5 10.6 29.9z' opacity='.6' fill='%23fff'/%3E%3Cg opacity='.3'%3E%3Cpath class='st5' d='M19.8 83.2c.7-2.7 6.3-2.7 10.9.7 4.6 3.4 3.1 8.3 0 9.1-3.1.9-12.8-2.7-10.9-9.8zM71 94.5c-.5-2.4 2.1-5.5 6.2-6.5 4.1-.9 7.9.5 8.5 4.2.6 3.7-3.9 7.3-7.4 6.3-3.5-1-6.8-1.1-7.3-4zM30.7 98.7c.6-2 5.1-.6 5.1 2.1 0 2.8-5.8.1-5.1-2.1zM44.1 99.5c.9 1 3.5 2 4-.8.6-2.9-6.7-2.3-4 .8zM63.6 103.2c1.9.2 4.7.3 5.1-2.3.4-2.6-5.5-2.5-6.7-1.1-1.3 1.4-.1 3.2 1.6 3.4zM92 42.2c1.3 1 5.1 1.3 5.7-2.2.6-3.5-3.6-5-5.7-4.3-2.1.7-3.9 3.4 0 6.5zM85.8 24.7c1.4 1.3 6.7 1.9 8-.4 1.3-2.3-2.1-5.4-6.4-5.7-4.4-.3-6.7 1.7-1.6 6.1zM53.2 17.4c1.7 1.2 6.9.4 7.3-2.5.5-2.9-4.6-3.6-7.3-2.6-2.8 1-3.2 2.8 0 5.1zM40.9 10.2c1.9.9 4.8.6 4.9-.7.1-1.4-1.7-2.2-3.7-2-2 .1-3.5 1.6-1.2 2.7zM16.1 22.1c.3-1.4 1.7-.3 1.8.5.1.7-2.2 1.5-1.8-.5zM19.5 40.4c-.5-1.2 1.5-.9 1.6 0 .1 1-1.2 1-1.6 0zM14.6 69c.6 1.1 2.5.5 2.3-1-.2-1.5-3-.1-2.3 1zM11.7 81.3c.3.4 1.7.9 1.7-.6.2-1.5-2.3-.5-1.7.6zM56.8 107.1c1 .5 1.9-.4 1.6-1.5-.3-1.1-3.5.5-1.6 1.5zM52.3 106.7c.6-.7-1.1-1-1.8-.5-.6.6 1 1.4 1.8.5zM47.2 104.3c.8.5 1.4.2 1.4-.5.1-.6-2.8-.4-1.4.5zM54.6 90c-.2-.4 1.8-.7 1.6 0-.2.7-1.3.8-1.6 0zM85.8 65.2c0-1 1.6-1 1.7 0 0 1-1.7 1.1-1.7 0zM94.6 48.9c-.1-1 1.9-1.1 2 0 0 1.1-2 1.1-2 0zM80 13.1c-.1-1.2 1.2-1.2 1.4 0 .3 1.2-1.3.6-1.4 0zM70.5 12.7c-1.1-.8.5-1.4 1.2-.8.7.6-.1 1.6-1.2.8zM61.4 8.4c-.7-.3.2-1.7 1.1-1 .9.7-.4 1.3-1.1 1zM56.5 4.6c-.7-.9.9-.6 1.4-.3.6.2-.2 1.6-1.4.3zM68.4 7.2c-.7-1.4 1.1-.4 1 0-.1.4-1 0-1 0zM56.6 7.4c-.6-.5.5-.5.6 0 0 .5-.6 0-.6 0zM46.2 7.9c-.3-.2.4-.8.8-.4.4.5-.2.9-.8.4zM33.6 16.3c-.6-.5 1.2-1.1 1.9-.5.7.7-1 1.3-1.9.5z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 / cover;
}

.download-timer {
  position: absolute;
  top: -33px;
  left: -33px;
  right: -33px;
  bottom: -33px;
  z-index: 10;
  transform: rotate(-90deg);
}

#timer-bar2{
  animation-duration: 5s;
  animation-delay: 1.5s;
  animation-name: circle;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

@-webkit-keyframes circle { from { stroke-dashoffset: 0px; } to { stroke-dashoffset: 530px; }  }
   @-moz-keyframes circle {from { stroke-dashoffset: 0px; } to { stroke-dashoffset: 530px; }   }
     @-o-keyframes circle { from { stroke-dashoffset: 0px; } to { stroke-dashoffset: 530px; }   }
        @keyframes circle { from { stroke-dashoffset: 0px; } to { stroke-dashoffset: 530px; }  }


.button {
  height: 56px;
  display: -webkit-inline-flex;
  display: -ms-inline-flex;
  display: inline-flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  padding-left: 50px;
  padding-right: 50px;
  background-color: #4F71E0;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 6px;
  color: #fff;
  -webkit-transition: .25s;
  -o-transition: .25s;
  transition: .25s;
  font-size: 1.1em;
  text-decoration: none;
}
.button:hover {
  box-shadow:  0 5px 25px rgba(79,113,224,.35);
}
.button svg {
  margin-right: 12px;
}