/** bubble-dotted **/

.bubble-dotted {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 999;
  }
  
  .bubble-dotted .dotted{
    position: absolute;
    border-radius: 50%;
  }
  
  .bubble-dotted .dotted-1{
    width: 11px;
    height: 11px;
    left: 100px;
    top: 50%;
    -webkit-animation: animateBubble 15s linear infinite,sideWays 2s ease-in-out infinite alternate;
    -moz-animation: animateBubble 15s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 15s linear infinite,sideWays 2s ease-in-out infinite alternate;
  }
  
  .bubble-dotted .dotted-2{
    width: 7px;
    height: 7px;
    left: 240px;
    top: 40%;
    -webkit-animation: animateBubble 10s linear infinite,sideWays 4s ease-in-out infinite alternate;
    -moz-animation: animateBubble 10s linear infinite,sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 10s linear infinite,sideWays 4s ease-in-out infinite alternate;
  }
  
  .bubble-dotted .dotted-3{
    width: 11px;
    height: 11px;
    left: 460px;
    top: 30%;
    -webkit-animation: animateBubble 18s linear infinite,sideWays 2s ease-in-out infinite alternate;
    -moz-animation: animateBubble 18s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 18s linear infinite,sideWays 2s ease-in-out infinite alternate;
  }
  
  .bubble-dotted .dotted-4{
    width: 16px;
    height: 16px;
    left: 430px;
    top: 90%;
    -webkit-animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
    -moz-animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
    animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
  }
  
  .bubble-dotted .dotted-5{
    width: 6px;
    height: 6px;
    left: 50%;
    top: 50%;
    -webkit-animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
    -moz-animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
  }
  
  .bubble-dotted .dotted-6{
    width: 9px;
    height: 9px;
    left: 70%;
    top: 230px;
    -webkit-animation: animateBubble 11s linear infinite,sideWays 2s ease-in-out infinite alternate;
    -moz-animation: animateBubble 11s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 11s linear infinite,sideWays 2s ease-in-out infinite alternate;
  }
  
  .bubble-dotted .dotted-7{
    width: 6px;
    height: 6px;
    left: 65%;
    top: 30%;
    -webkit-animation: animateBubble 10s linear infinite,sideWays 2s ease-in-out infinite alternate;
    -moz-animation: animateBubble 10s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 10s linear infinite,sideWays 2s ease-in-out infinite alternate;
  }
  
  .bubble-dotted .dotted-8{
    width: 6px;
    height: 6px;
    left: 85%;
    top: 35%;
    -webkit-animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
    -moz-animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
    animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
  }
  
  .bubble-dotted .dotted-9{
    width: 13px;
    height: 13px;
    left: 90%;
    top: 40%;
    -webkit-animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
    -moz-animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
  }
  
  .bubble-dotted .dotted-10{
    width: 12px;
    height: 12px;
    left: 80%;
    top: 70%;
    -webkit-animation: animateBubble 16s linear infinite,sideWays 2s ease-in-out infinite alternate;
    -moz-animation: animateBubble 16s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 16s linear infinite,sideWays 2s ease-in-out infinite alternate;
  }
  
  .subscribe-section .bubble-dotted .dotted{
    position: absolute;
    background: #fff;
    border-radius: 50%;
  }
  
  .subscribe-section .bubble-dotted .dotted-1 {
    width: 6px;
    height: 6px;
    left: 270px;
    top: 100px;
  }
  
  .subscribe-section .bubble-dotted .dotted-2 {
    width: 6px;
    height: 6px;
    left: 190px;
    top: 210px;
  }
  
  .subscribe-section .bubble-dotted .dotted-3 {
    width: 11px;
    height: 11px;
    left: 150px;
    top: 90%;
  }
  
  .subscribe-section .bubble-dotted .dotted-4 {
    width: 11px;
    height: 11px;
    left: 25%;
    top: 100px;
  }
  
  .subscribe-section .bubble-dotted .dotted-5 {
    width: 11px;
    height: 11px;
    left: 45%;
    top: 60px;
  }
  
  .subscribe-section .bubble-dotted .dotted-6 {
    width: 6px;
    height: 6px;
    left: 50%;
    top: 370px;
  }
  
  .subscribe-section .bubble-dotted .dotted-7 {
    width: 9px;
    height: 9px;
    left: 75%;
    top: 25px;
  }
  
  .subscribe-section .bubble-dotted .dotted-8 {
    width: 8px;
    height: 8px;
    left: 77%;
    top: 170px;
  }
  
  .subscribe-section .bubble-dotted .dotted-9 {
    width: 6px;
    height: 6px;
    left: 85%;
    top: 50%;
  }
  
  .subscribe-section .bubble-dotted .dotted-10 {
    width: 6px;
    height: 6px;
    left: 90%;
    top: 80%;
  }
  
  .faq-section .bubble-dotted .dotted{
    border-radius: 50%;
  }
  
  .faq-section .bubble-dotted .dotted-1{
    width: 11px;
    height: 11px;
    left: 500px;
    top: 270px;
  }
  
  .faq-section .bubble-dotted .dotted-2{
    width: 7px;
    height: 7px;
    left: 280px;
    top: 380px;
  }
  
  .faq-section .bubble-dotted .dotted-3{
    width: 11px;
    height: 11px;
    left: 140px;
    top: 55%;
  }
  
  .faq-section .bubble-dotted .dotted-4{
    width: 16px;
    height: 16px;
    left: 440px;
    top: 85%;
  }
  
  .faq-section .bubble-dotted .dotted-5{
    width: 9px;
    height: 9px;
    left: 75%;
    top: 190px;
  }
  
  .faq-section .bubble-dotted .dotted-6{
    width: 8px;
    height: 8px;
    left: 80%;
    top: 340px;
  }
  
  .faq-section .bubble-dotted .dotted-7{
    width: 13px;
    height: 13px;
    left: 95%;
    top: 50%;
  }
  
  .faq-section .bubble-dotted .dotted-8{
    width: 12px;
    height: 12px;
    left: 75%;
    top: 80%;
  }
  
  .bubble-dotted .dotted-1{
    background-color:#fdb813;
  }
  
  .bubble-dotted .dotted-2{
    background-color:#fdb813;
  }
  
  .bubble-dotted .dotted-3{
    background-color:#fdb813;
  }
  
  .bubble-dotted .dotted-4{
    background-color:#fdb813;
  }
  
  .bubble-dotted .dotted-5{
    background-color:#fdb813;
  }
  
  .bubble-dotted .dotted-6{
    background-color:#fdb813;
  }
  
  .bubble-dotted .dotted-7{
    background-color:#fdb813;
  }
  
  .bubble-dotted .dotted-8{
    background-color:#fdb813;
  }
  
  .bubble-dotted .dotted-9{
    background-color:#fdb813;
  }
  
  .bubble-dotted .dotted-10{
    background-color:#fdb813;
  }
  
  @-webkit-keyframes animateBubble{0%{margin-top:20%}100%{margin-top:-30%}}@-moz-keyframes animateBubble{0%{margin-top:20%}100%{margin-top:-30%}}@keyframes animateBubble{0%{margin-top:20%}100%{margin-top:-30%}}@-webkit-keyframes sideWays{0%{margin-left:0}100%{margin-left:25px}}@-moz-keyframes sideWays{0%{margin-left:0}100%{margin-left:25px}}@keyframes sideWays{0%{margin-left:0}100%{margin-left:25px}}