/* ===============================================================
========================= GENERAL STYLES ========================= 
=============================================================== */

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;600;800&display=swap");

.sb-audigyfxv2 .section_overlay > div {
  width: 100% !important;
}

.sb-audigyfxv2 video {
  display:block;
}
.sb-audigyfxv2 p {
  font-size: 16px;
}

.sb-audigyfxv2 .close {
  width: 30px;
  height: 30px;
  position: absolute;
  left: calc(50% - 15px);
  top: auto;
  right: auto;
  font-size: 20px;
  font-weight: 400;
  bottom: 30px;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #fff;
  padding: 0;
}

@media screen and (min-width:768px) {
  #features .section-header-wrapper {
    position: absolute;
    z-index:1;
  }
  .sb-audigyfxv2 .close {
    width: 44px;
    height: 44px;
    left: calc(50% - 22px);
    bottom: 44px;
    font-size: 30px;
  }
}

.sb-audigyfxv2 .text_box,
.sb-audigyfxv2 .section_overlay .text_box {
  padding: 30px;
}
.sb-audigyfxv2 .text_box * {
  width:100%;
}
.sb-audigyfxv2 .text_box p {
  font-size: 16px;
  color: #000;
}
.sb-audigyfxv2 .product-info-container-dark .text_box p {
  color: #fff;
}

.sb-audigyfxv2 .row_h3 {
  margin-top:30px;
}

@media screen and (min-width:1800px) {
  .sb-audigyfxv2 .row_h3 {
    margin-top:60px;
  }
}

.sb-audigyfxv2 .feature-header {
  font-family: "poppins", sans-serif;
  font-size: calc(24px + (32 - 24) * ((100vw - 1200px) / (2560 - 1200)));
  color:#000 !important;
  margin-bottom:20px;
}

.sb-audigyfxv2 .product-info-container-dark .feature-header {
  color:#fff !important;
}

.sb-audigyfxv2 .feature-header:after {
  height: 3px;
  width: 50px;
  color: #dc753e;
}

.sb-audigyfxv2 .product-info-container-dark .feature-header:after {
  color:#fff;
}

.sb-audigyfxv2 .feature-subheader {
  font-family: "poppins", "proxima-nova", sans-serif !important;
  font-size: 60px;
  font-weight: 800;
  margin: 0 !important;
  padding-bottom: 10px;
}

.sb-audigyfxv2 .xs-text-center,
.sb-audigyfxv2 .text-center {
  text-align: center !important;
}

@media screen and (min-width:1200px) {
  .sb-audigyfxv2 .lg_white {
    color:#fff !important;
  }
}

@media screen and (min-width:1920px) {
  .sb-audigyfxv2 .feature-header:after {
    width:80px;
  }
}

/* ===============================================================
========================= HERO =============================== 
=============================================================== */
.product-hero-container.sound-blaster-audigy-fx-v2 {
  background:#000 url('./img/mobile/mhl-sb-audigyfxv2-mobile.jpg') no-repeat bottom;
  background-size:100vw auto;
  padding-bottom:calc(85vw / 828 * 823);
}
.product-hero-container.sound-blaster-audigy-fx-v2 .container {
  padding-left:20px;
  padding-right:20px;
}
.product-hero-container.sound-blaster-audigy-fx-v2 .hero-wrapper {
  display:none;
}

.product-hero-container.sound-blaster-audigy-fx-v2 h1,
.product-hero-container.sound-blaster-audigy-fx-v2 h2,
.product-hero-container.sound-blaster-audigy-fx-v2 h3 {
  width:100%;
  text-align:left;
}

.product-hero-container.sound-blaster-audigy-fx-v2 h1 {
  font-family: "poppins", sans-serif;
  font-size:clamp(32px,3vw,72px);
  font-weight:800;
  text-transform:uppercase;
  color:#fff;
}

.product-hero-container.sound-blaster-audigy-fx-v2 h2 {
  font-size:clamp(19px,3vw,32px);
  font-weight:300;
  color:#fff;
}

.product-hero-container.sound-blaster-audigy-fx-v2 .JPModels {
  color:#fff;
}

@media screen and (min-width:1200px) {
  .product-hero-container.sound-blaster-audigy-fx-v2 {
    background:#000 url('./img/desktop/mhl-sb-audigyfxv2-desktop.jpg') no-repeat center;
    background-size:cover;
    padding-bottom:0;
  }
  .product-hero-container.sound-blaster-audigy-fx-v2 .container {
    width:90%;
    margin-left:0;
  }
  .product-hero-container.sound-blaster-audigy-fx-v2 h1,
  .product-hero-container.sound-blaster-audigy-fx-v2 h2,
  .product-hero-container.sound-blaster-audigy-fx-v2 h3 {
    width:40%;
  }
}

@media screen and (min-width:1920px) {
  .product-hero-container.sound-blaster-audigy-fx-v2 {
    padding-top:10%;
    min-height:calc(100vw / 2560* 1250);
  }
  .product-hero-container.sound-blaster-audigy-fx-v2 .container {
    padding-left:3%;
    padding-right:3%;
  }
  .product-hero-container.sound-blaster-audigy-fx-v2 h1,
  .product-hero-container.sound-blaster-audigy-fx-v2 h2,
  .product-hero-container.sound-blaster-audigy-fx-v2 h3 {
    width:30%;
  }
}

@media screen and (min-width:4096px) {
  .product-hero-container.sound-blaster-audigy-fx-v2 h1,
  .product-hero-container.sound-blaster-audigy-fx-v2 h2,
  .product-hero-container.sound-blaster-audigy-fx-v2 h3 {
    width:27%;
  }
  .product-hero-container.sound-blaster-audigy-fx-v2 .container {
    padding-left:5%;
    padding-right:5%;
  }
}

/* ===============================================================
========================= OVERVIEW =============================== 
=============================================================== */
.sb-audigyfxv2 .section_overview {
  text-align: center !important;
  background: #ffffff;
}

.sb-audigyfxv2 .section_overview .row p {
  color: #000000;
}

.sb-audigyfxv2 .section_overview .text_box {
  padding:30px;
}

.sb-audigyfxv2 .section_overview .row .text_box p {

  text-align: center !important;
}
.sb-audigyfxv2 .section_overview .grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding-bottom: 20px;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width:400px;
}
.sb-audigyfxv2 .section_overview .grid > div {
  width:50%;
}
.sb-audigyfxv2 .section_overview .grid img {
  width:100%;
  max-width: 150px;
  height: auto;
}

@media screen and (min-width:1200px) {
  .sb-audigyfxv2 .section_overview .text_box {
    padding:3vw 2vw;
  }
}

/* ===============================================================
========================= PLAYBACK =============================== 
=============================================================== */
.sb-audigyfxv2 .section_playback {
  background-color: #dc753e !important;
}

.sb-audigyfxv2 .section_playback .text_box {
  background: #dc753e;
  position: relative;
}

.sb-audigyfxv2 .section_playback .text_box p,
.sb-audigyfxv2 .section_playback .text_box h4 {
  color: white !important;
}

.sb-audigyfxv2 .section_playback .text_box .text-container {
  padding: 0 30px !important;
}

.sb-audigyfxv2 .section_playback {
  background: url(./img/mobile/f1-sb-audigyfxv2-mobile.jpg) no-repeat bottom center;
  background-size: 100vw auto !important;
  background-position: bottom !important;
  padding-bottom: calc(643 / 828 * 100vw);
}

@media screen and (min-width:1200px) {
  .sb-audigyfxv2 .section_playback .text_box {
    position: static;
  }
}

/* ===============================================================
========================= CINEMATIC ============================== 
=============================================================== */

.sb-audigyfxv2 .section_cinematic {
  background: url(./img/mobile/f2-sb-audigyfxv2-mobile.jpg) no-repeat;
  background-size: 100vw auto !important;
  background-position: bottom !important;
  padding-bottom: calc(596 / 828 * 86vw);
  background-color: #11100E;
}

.sb-audigyfxv2 .section_cinematic .text_box {
  position: relative !important;
  width:100%;
}

.sb-audigyfxv2 .section_cinematic .text_box h4 {
  color: #dc753e;
}

/* ===============================================================
========================= AMPLIFY ================================ 
=============================================================== */
.sb-audigyfxv2 .section_amplify {
  background: url(./img/mobile/f3-sb-audigyfxv2-mobile.jpg) no-repeat bottom center;
  background-size: 100vw auto !important;
  background-position: bottom !important;
  padding-bottom: calc(643 / 828 * 100vw);
  background-color: #3d5e7b !important;
}

.sb-audigyfxv2 .section_amplify .text_box {
  background-color: #3d5e7b;
  position: relative !important;
}

.sb-audigyfxv2 .section_amplify .text_box h4,
.sb-audigyfxv2 .section_amplify .text_box p {
  text-align: center !important;
  color: #ffffff !important;
}

/* ===============================================================
========================= CUSTOMISE ============================== 
=============================================================== */

.sb-audigyfxv2 .section_customise {
  background: url(./img/mobile/f4-sb-audigyfxv2-mobile.jpg) no-repeat;
  background-size: 100vw auto;
  background-position: bottom;
  padding-bottom: calc(695 / 828 * 100vw);
  background-color: #fff;
  position:relative;
}

.sb-audigyfxv2 .section_customise > div {
  background-color: #fff !important;
}

.sb-audigyfxv2 .section_customise .text_box p,
.sb-audigyfxv2 .section_customise .text_box h4 {
  text-align: left !important;
}
.sb-audigyfxv2 .section_customise .btn {
  font-family: "rift-soft",sans-serif;
  font-weight: bold;
  border: 2px solid #000;
  padding: 10px 10px;
  border-radius: 40px;
  display: inline-block;
  color: #000;
  font-size: 15px;
  line-height: 1.1;
  text-align: center;
  cursor: pointer;
  box-shadow:0 0 0 transparent;
  transition:.2s box-shadow ease;
  width:auto;
}

@media screen and (min-width:1200px) {
  .sb-audigyfxv2 .section_customise .btn_wrapper {
    text-align:right;
  }
}

/* ===============================================================
========================= SCOUT ================================== 
=============================================================== */

.sb-audigyfxv2 .section_scout {
  background-color: #e8e4d5;
}

.sb-audigyfxv2 .section_scout .container-fluid {
  padding-left:23px;
  padding-right:23px;
}

/*.sb-audigyfxv2 .section_scout .text_box {
  background-color: #e8e4d5 !important;
}*/
.sb-audigyfxv2 .section_scout .text_box p,
.sb-audigyfxv2 .section_scout .text_box h4 {
  color: #000 !important;
  text-align: center !important;
}

.sb-audigyfxv2 .section_scout img {
  max-width: none;
  width: 100%;
}

/*.sb-audigyfxv2 .section_scout .text_box {
  padding-top: 0px !important;
}*/

/* ===============================================================
========================= Communication ==========================
=============================================================== */

.sb-audigyfxv2 .section_communication {
  background:#09182e url('../23677/03-communications/communications-bg-828.jpg') no-repeat center top;
  background-size:100% auto;
  padding-top:calc(100vw / 828 * 828);
  color:#fff;
}

.sb-audigyfxv2 .section_communication .btn {
  font-family: "rift-soft",sans-serif;
  font-weight: bold;
  border: 2px solid #fff;
  padding: 10px 10px;
  border-radius: 40px;
  display: inline-block;
  color: #fff;
  font-size: 15px;
  line-height: 1.1;
  text-align: center;
  cursor: pointer;
  box-shadow:0 0 0 transparent;
  transition:.2s box-shadow ease;
}

.sb-audigyfxv2 .section_communication .btn:after {
  content: '+';
  display: inline;
  padding-left: 6px;
}
.sb-audigyfxv2 .section_communication .btn.open:after {
  content: '-';
}

.sb-audigyfxv2 .section_communication_expand {
  background: #17224f;
  color: #ddd;
  position: relative;
  display:none;
}

.sb-audigyfxv2 .section_communication_expand.open {
  display:block;
}

.sb-audigyfxv2 .section_communication_expand a {
  border-bottom:#fff solid 1px;
}

.sb-audigyfxv2 .section_communication_expand ol {
  padding-left: 25px;
  margin: 0 0 20px 0;
  counter-reset: item;
}

.sb-audigyfxv2 .section_communication_expand li {
  padding-bottom: 30px;
  list-style-type: none;
  counter-increment: item;
  padding-left: 1.5em;
  position: relative;
}
.sb-audigyfxv2 .section_communication_expand li:before {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 1em;
  padding-right: 0.5em;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
}

@media screen and (min-width:768px) {
  .sb-audigyfxv2 .section_communication {
    background-image:url('../23677/03-communications/communications-bg-1440.jpg');
    background-size:130vw auto;
    padding-top:calc(130vw / 1440 * 611);
    background-position:top left;
  } 
}

@media screen and (min-width:1200px) {
  .sb-audigyfxv2 .section_communication {
    background-size:cover;
    background-position:center;
    padding-top:0;
    padding-top:140px;
    padding-bottom:140px;
  }
  .sb-audigyfxv2 .section_communication p {
    font-size:18px;
  }
}

@media screen and (min-width:1440px) {
  .sb-audigyfxv2 .section_communication {
    background:#09182e url('../23677/03-communications/communications-bg-2560.jpg') no-repeat center;
    background-size:cover;
    /*height:calc(800px + (974 - 800) * ((100vw - 1440px) / (1920 - 1440)));*/    
  }
}

@media screen and (min-width:1600px) {
  .sb-audigyfxv2 .section_communication p {
    font-size:21px;
  }
}

@media screen and (min-width:1920px) {
  .sb-audigyfxv2 .section_communication {
    padding-top:200px;
    padding-bottom:200px;
  }
}

@media screen and (min-width:3440px) {
  .sb-audigyfxv2 .section_communication {
    padding-top:220px;
    padding-bottom:220px;
  }
  #features .sb-audigyfxv2 .section_communication .txt1 {
    width:25%;
  }
  .storepage_2 #features .sb-audigyfxv2 .section_communication .txt1 {
    width:35%;
  }
}


/* ===============================================================
============================= MUTE =============================== 
=============================================================== */

.sb-audigyfxv2 .section_mute {
  background:#3d5e7b;
  position:relative;
  color:#fff;
}
.sb-audigyfxv2 .section_mute .section_container {
  width:100%; /*to fix the ie block issue and css inner calculation*/
  display: -ms-flexbox;
  display: flex; /*to make the section full height, to set the table always on bottom*/
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row-reverse; /*coz video may to be on top on mobile, on code sequence have to be the first, then reverse the display sequence on desktop*/
}
.sb-audigyfxv2 .section_mute .wrapper_video {
  position:relative;
  width:100%;
  overflow:hidden;
}
.sb-audigyfxv2 .section_mute .wrapper_desc {
  /*background:#2db5e6;*/
  width:100%;
}
.sb-audigyfxv2 .section_mute .section1 h4 {
  margin-top:18px;
}
/*video1 950 x 1080*/
/*video2*/
.sb-audigyfxv2 .section_mute .wrapper_video video,
.sb-audigyfxv2 .section_mute .wrapper_desc video {
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover; /*scretch to 100%. And keep width and height at 100%*/
  /*nice css to do video cover like background but need fix for ie using fix_ie.css*/
}

@media screen and (min-width:992px) {
  /*.sb-audigyfxv2 .section_mute {
    padding-bottom:250px;
  }*/
  .sb-audigyfxv2 .section_mute .wrapper_video {
    position:relative;
    width:55%;
    float:right;
    overflow:hidden;
  }
  .sb-audigyfxv2 .section_mute .wrapper_desc {
    width:45%;
    float:left;
  }
  .storepage_2 .sb-audigyfxv2 .section_mute .wrapper_desc,
  .storepage_2 .sb-audigyfxv2 .section_mute .wrapper_video {
    width:100%;
    float:none;
  } 
  .sb-audigyfxv2 .section_mute .section1 {
    display: -ms-flexbox;
    display: flex; /*to make the section full height, to set the table always on bottom*/
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height:100%;
    align-items:center;
  }
}

@media screen and (min-width:1200px) {
  .storepage_2 .sb-audigyfxv2 .section_mute .wrapper_video {
    width:55%;
    float:right;
  }
  .storepage_2 .sb-audigyfxv2 .section_mute .wrapper_desc {
    width:45%;
    float:left;
  }
}

@media screen and (min-width:1920px) {
  .sb-audigyfxv2 .section_mute {
    padding-bottom:0;
  }
  .sb-audigyfxv2 .section_mute .wrapper_desc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content:center;
  }
  .sb-audigyfxv2 .section_mute .section1 {
    /*height:calc(100% - 300px);*/ /*100% left section height minus led status section height*/
  }
}

@media screen and (min-width:3440px) {
  .sb-audigyfxv2 .section_mute .txt {
    width:50%;
    left:25%;
  }
}

/* ===============================================================
============================= NOISE ==============================
=============================================================== */

.sb-audigyfxv2 .section_noise {
  margin-bottom:30px;
}

.sb-audigyfxv2 .section_noise .bg {
  background:url('../23677/05-noise-clean/noise-bg-2560.jpg') no-repeat center 60%;
  background-size:100% auto;
  padding-top:30px;
}

@media screen and (min-width:768px) {
  .sb-audigyfxv2 .section_noise .bg {
    padding-top:60px;
    padding-bottom:40px;
  }
}
@media screen and (min-width:1200px) {
  .sb-audigyfxv2 .section_noise .bg {
    padding-top:120px;
    padding-bottom:90px;
  }
}
.sb-audigyfxv2 .section_noise2 {
  background:#0c2240;
  color:#fff;
}
.sb-audigyfxv2 .section_noise2 .row1 {
  margin-top:60px;
  margin-bottom:30px;
}

@media screen and (min-width:768px) {
  .sb-audigyfxv2 .section_noise2 .row1 {
    margin-top:120px;
  }
}

.sb-audigyfxv2 .section_noise2 .video {
  position:relative;
}
.sb-audigyfxv2 .section_noise2 video {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.sb-audigyfxv2 .section_noise2 h4 {
  margin-bottom:15px;
  text-align:center !important;
}
.sb-audigyfxv2 .section_noise2 .wave1 p,
.sb-audigyfxv2 .section_noise2 .wave2 p {
  margin-top:0;
  margin-bottom:5px;
  text-align:center !important;
}
.sb-audigyfxv2 .section_noise2 .wave1 img,
.sb-audigyfxv2 .section_noise2 .wave2 img {
  margin-top:40px;
  margin-bottom:20px;
}
.sb-audigyfxv2 .section_noise2 p.orange {
  color:#ce805a;
}
.sb-audigyfxv2 .section_noise2 .btn_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content:center;
  margin-top:20px;
  margin-bottom:30px;
  padding-left:20px;
  padding-right:20px;
}
.sb-audigyfxv2 .section_noise2 .btn,
.sb-audigyfxv2 .section_noise2 .btn_guide {
  font-family: "rift-soft",sans-serif;
  font-weight: bold;
  border: 2px solid #fff;
  padding: 10px 10px;
  border-radius: 40px;
  display: inline-block;
  color: #fff;
  font-size: 15px;
  line-height: 1.1;
  text-align: center;
  cursor: pointer;
  box-shadow:0 0 0 transparent;
  transition:.2s box-shadow ease;
}
.sb-audigyfxv2 .section_noise2 .btn:hover {
  box-shadow: 1px 2px 10px #999;
}
.sb-audigyfxv2 .section_noise2 .btn + .btn {
  margin-left:30px;
}
.sb-audigyfxv2 .section_noise2 .btn.playing {
  background: #fff;
  color: #0C2240;
}

.sb-audigyfxv2 .section_noise2 .btn_wrapper_guide {
  text-align:center;
  margin-top:30px;
  margin-bottom:30px;
}
.sb-audigyfxv2 .section_noise2 .btn_guide:after {
  content: '+';
  display: inline;
  padding-left: 6px;
}
.sb-audigyfxv2 .section_noise2 .btn_guide.open:after {
  content: '-';
}

.audioContainer {
  height: 0;
  max-height: 0;
  line-height: 0;
  visibility: hidden;
  overflow: hidden;
}

.sb-audigyfxv2 .section_noise2_expand {
  background:#1c2534;
  position: relative;
  display:none;
}
.sb-audigyfxv2 .section_noise2_expand.open {
  display:block;
}
.sb-audigyfxv2 .section_noise2_expand .image {
  position: relative;
}
.sb-audigyfxv2 .section_noise2_expand .image img {
  width:100%;
  height:auto;
  max-width:none;
}
.sb-audigyfxv2 .section_noise2_expand .image div[num] {
  position: absolute;
  cursor:pointer;
}
.sb-audigyfxv2 .section_noise2_expand .image div[num='1'] {
  content:'1';
  left:0;
  top:8%;
  height:7%;
  width:30%;
}
.sb-audigyfxv2 .section_noise2_expand .image div[num='2'] {
  content:'2';
  left:0;
  top:22%;
  height:7%;
  width:85%;
}
.sb-audigyfxv2 .section_noise2_expand .image div[num='3'] {
  content:'3';
  left:0;
  top:38%;
  height:7%;
  width:85%;
}
.sb-audigyfxv2 .section_noise2_expand .image div[num='4'] {
  content:'4';
  left:0;
  top:51%;
  height:13%;
  width:78%;
}
.sb-audigyfxv2 .section_noise2_expand .image div[num='5'] {
  content:'5';
  left:0;
  top:70%;
  height:7%;
  width:85%;
}
.sb-audigyfxv2 .section_noise2_expand .image div[num='6'] {
  content:'6';
  right:9%;
  top:10%;
  height:7%;
  width:24%;
}
.sb-audigyfxv2 .section_noise2_expand .image div[num='7'] {
  content:'7';
  left:0;
  top:15%;
  height:15%;
  width:36%;
}
.sb-audigyfxv2 .section_noise2_expand .image div[num='8'] {
  content:'8';
  left:0;
  top:43%;
  height:16%;
  width:53%;
}
.sb-audigyfxv2 .section_noise2_expand .image div[num='9'] {
  content:'9';
  right:6%;
  top:41%;
  height:18%;
  width:24%;
}
.sb-audigyfxv2 .section_noise2_expand .image div[num='10'] {
  content:'10';
  left:0;
  top:18%;
  height:15%;
  width:33%;
}
.sb-audigyfxv2 .section_noise2_expand .image div[num='11'] {
  content:'11';
  left:0;
  top:46%;
  height:16%;
  width:51%;
}
.sb-audigyfxv2 .section_noise2_expand .image div[num='12'] {
  content:'12';
  right:6%;
  top:45%;
  height:18%;
  width:25%;
}
.sb-audigyfxv2 .section_noise2_expand .image div[num] div {
  position: relative;
  width:100%;
  height:100%;
}
.sb-audigyfxv2 .section_noise2_expand .image div[num='1'] div:before {
  content:'1';
}
.sb-audigyfxv2 .section_noise2_expand .image div[num='2'] div:before {
  content:'2';
}
.sb-audigyfxv2 .section_noise2_expand .image div[num='3'] div:before {
  content:'3';
}
.sb-audigyfxv2 .section_noise2_expand .image div[num='4'] div:before {
  content:'4';
}
.sb-audigyfxv2 .section_noise2_expand .image div[num='5'] div:before {
  content:'5';
}
.sb-audigyfxv2 .section_noise2_expand .image div[num='6'] div:after {
  content:'6';
}
.sb-audigyfxv2 .section_noise2_expand .image div[num='7'] div:before {
  content:'7';
}
.sb-audigyfxv2 .section_noise2_expand .image div[num='8'] div:before {
  content:'8';
}
.sb-audigyfxv2 .section_noise2_expand .image div[num='9'] div:after {
  content:'9';
}
.sb-audigyfxv2 .section_noise2_expand .image div[num='10'] div:before {
  content:'10';
}
.sb-audigyfxv2 .section_noise2_expand .image div[num='11'] div:before {
  content:'11';
}
.sb-audigyfxv2 .section_noise2_expand .image div[num='12'] div:after {
  content:'12';
}
.sb-audigyfxv2 .section_noise2_expand .image div[num] div.left:before,
.sb-audigyfxv2 .section_noise2_expand .image div[num] div.right:after {
  position: absolute;
  top:calc(50% - 7px);
  width:14px;
  height:14px;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color:#fff;
  background:#6bb5e4;
  border-radius:7px;
  font-size:12px;
  animation: pulse 2s infinite;
}
.sb-audigyfxv2 .section_noise2_expand .image div[num] div.left:before {
  left:-7px;
}
.sb-audigyfxv2 .section_noise2_expand .image div[num] div.right:after {
  right:-7px;
}
.sb-audigyfxv2 .section_noise2_expand .borderline {
  border:2px dashed #6bb5e4;
  border-radius:20px;
  padding: 20px 20px;
  display:none;
}
.sb-audigyfxv2 .section_noise2_expand .borderline.on {
  display:block;
  margin-top:20px;
}
.sb-audigyfxv2 .section_noise2_expand .borderline .desc {
  font-size:calc(18px + (28 - 18) * ((100vw - 320px) / (2560 - 320)));
  color:#fff;
  display:none;
}
.sb-audigyfxv2 .section_noise2_expand .borderline .desc.on {
  display:block;
}
.sb-audigyfxv2 .section_noise2_expand .borderline .desc .title {
  font-size:calc(18px + (36 - 18) * ((100vw - 320px) / (2560 - 320)));
  font-weight:bold;
  color:#cf6f1a;
}
.sb-audigyfxv2 .section_noise2_expand .close {
  width: 30px;
  height: 30px;
  position: absolute;
  left: calc(50% - 15px);
  top: auto;
  right: auto;
  font-size:20px;
  font-weight:400;
  bottom: 30px;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color:#fff;
  padding:0;
}
.sb-audigyfxv2 .section_noise2_expand  .xs-bottom-60 {
  margin-bottom:60px;
}
.sb-audigyfxv2 .section_noise2_expand  .xs-bottom-120 {
  margin-bottom:120px;
}
@media screen and (min-width: 768px) {
  .sb-audigyfxv2 .section_noise {
    margin-bottom:60px;
  }
  .sb-audigyfxv2 .section_noise .bg {
    background-position:center 70%;
  }
  .sb-audigyfxv2 .section_noise2 .btn_wrapper_guide {
    margin-bottom:60px;
  }
  .sb-audigyfxv2 .section_noise2_expand .close {
    width: 44px;
    height: 44px;
    left: calc(50% - 22px);
    bottom: 44px;
    font-size:30px;
  }
  .sb-audigyfxv2 .section_noise2_expand .borderline {
    padding: 40px 40px;
  }
  .sb-audigyfxv2 .section_noise2_expand .image div[num] div.left:before,
  .sb-audigyfxv2 .section_noise2_expand .image div[num] div.right:after {
    top:calc(50% - 15px);
    width:30px;
    height:30px;    
    border-radius:15px;
    font-size:15px;   
  }
  .sb-audigyfxv2 .section_noise2_expand .image div[num] div.left:before {
    left:-15px;
  }
  .sb-audigyfxv2 .section_noise2_expand .image div[num] div.right:after {
    right:-15px;
  }
}

@media screen and (min-width:1200px) {
  .sb-audigyfxv2 .section_noise {
    margin-bottom:120px;
  }
  .sb-audigyfxv2 .section_noise2_expand  .lg-bottom-90 {
    margin-bottom:90px;
  }
  .sb-audigyfxv2 .section_noise2_expand .borderline.on {
    margin-top:0;
  }
  .sb-audigyfxv2 .section_noise2_expand .txt {
    padding-right:60px;
  }
}

@media screen and (min-width:1920px) {
  .sb-audigyfxv2 .section_noise2_expand .image div[num] div.left:before,
  .sb-audigyfxv2 .section_noise2_expand .image div[num] div.right:after {
    top:calc(50% - 20px);
    width:40px;
    height:40px;    
    border-radius:20px;
  }
  .sb-audigyfxv2 .section_noise2_expand .image div[num] div.left:before {
    left:-20px;
  }
  .sb-audigyfxv2 .section_noise2_expand .image div[num] div.right:after {
    right:-20px;
  }
}

@media screen and (min-width:2560px) {
  .sb-audigyfxv2 .section_noise2_expand .borderline .desc {
    font-size:28px;
  }
  .sb-audigyfxv2 .section_noise2_expand .borderline .desc .title {
    font-size:36px;
  }
}

@media screen and (min-width:3440px) {
  .sb-audigyfxv2 .section_noise2_expand .image div[num] div.left:before,
  .sb-audigyfxv2 .section_noise2_expand .image div[num] div.right:after {
    top:calc(50% - 30px);
    width:60px;
    height:60px;    
    border-radius:30px;
    font-size:30px;
  }
  .sb-audigyfxv2 .section_noise2_expand .image div[num] div.left:before {
    left:-30px;
  }
  .sb-audigyfxv2 .section_noise2_expand .image div[num] div.right:after {
    right:-30px;
  }
}

@media screen and (max-width:1199px) {
  /*add gap on software expand border*/
  #features .section_software_expand .borderline {
    margin-top:30px;
  }
}

/* ===============================================================
========================= CONVENIENT ============================= 
=============================================================== */
.sb-audigyfxv2 .section_convenient .port-table {
  padding: 3vw;
}

.sb-audigyfxv2 .section_convenient {
  flex-direction: column;
  background:#fff url(./img/mobile/f6-sb-audigyfxv2-mobile.jpg) no-repeat;
  background-size: 100vw auto;
  background-position: bottom;
  padding-bottom: calc(1177 / 828 * 100vw);
}

.sb-audigyfxv2 .section_convenient .bg-transparent {
  background-color: #d7d7d7 !important;
}

.sb-audigyfxv2 .section_convenient .port-table .port-row .port-name {
  font-family: "poppins", sans-serif;
  font-weight: 600;
  background-color: #3d5e7b;
  width: 30%;
  color: white;
}

.sb-audigyfxv2 .section_convenient .port-table .port-row .port-description {
  background-color: #ded7c2;
  color: #000000;
  width: 70%;
}

.sb-audigyfxv2 .section_convenient .port-table .port-row .port-name,
.sb-audigyfxv2 .section_convenient .port-table .port-row .port-description {
  display: flex;
  padding: 3px;
  margin: 2px;
  font-size: 14px;
  justify-content: space-around;
  flex-direction: column;
}

.sb-audigyfxv2 .section_overlay > div {
  background: rgba(0, 0, 0, 0.5);
  width: 50%;
  padding: 0px 30px;
}

.sb-audigyfxv2 .section_convenient .port-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

/* ===============================================================
========================= INSTALL ================================ 
=============================================================== */

.sb-audigyfxv2 .section_install h4 {
  padding-bottom: 0px !important;
}

.sb-audigyfxv2 .section_install {
  background-color: #3d5e7b;
  position: relative;
}

.sb-audigyfxv2 .section_install .row1 {
  margin-top:30px;
  margin-bottom:30px;
}

.sb-audigyfxv2 .section_install .title {
  font-weight:500;
}

.sb-audigyfxv2 .section_install .slickgallery img + p {
  padding-top:10px;
}

#features .sb-audigyfxv2 .section_install p {
  color:#000;
  text-align:center;
  padding:0 20px;
}

.sb-audigyfxv2 .section_install .title {
  display:block;
}

.sb-audigyfxv2 .section_install .slickgallery .bg {
  background-color:#F1ECC4;
  height:100%;
}

.sb-audigyfxv2 .section_install .slickgallery .slick-slide {
  height:auto;
  padding:0 1%;
}

.sb-audigyfxv2 .slickgallery .slick-track {
  display:flex;
}

.sb-audigyfxv2 .slick-dots {
  margin-top: 5px;
}
.sb-audigyfxv2 .slick-dots li.slick-active button:before {
  color: orange;
}

.sb-audigyfxv2 .slick-dots li button:before {
  color: #ffffff;
  opacity: 1;
}

.sb-audigyfxv2 .slick-dots li button::before {
  font-size: 32px;
}

@media screen and (min-width:768px) {
  .sb-audigyfxv2 .section_install .row1 {
    margin-top:60px;
  }
  .sb-audigyfxv2 .section_install .slickgallery {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    justify-content:center;
    padding-bottom: 3vw;
    max-width:2400px;
    margin-left:auto;
    margin-right:auto;
  }  

  .sb-audigyfxv2 .section_install .image {
    max-height: 1000px;
  }

  .sb-audigyfxv2 .section_install .slickgallery .slide {
    height:auto;
    padding-left:1%;
    padding-right:1%;
    width:33.33%;
  }

  .sb-audigyfxv2 .section_install .slickgallery img {
    max-width:100%;
    height: auto;
    display:block;
    margin-left:auto;
    margin-right:auto;
  } 
}

@media screen and (min-width:1200px) {
  .sb-audigyfxv2 .section_install p {
    font-size:18px !important;
  }
}

@media screen and (min-width:1600px) {
  .sb-audigyfxv2 .section_install p {
    font-size:21px !important;
  }
}

/* ===============================================================
========================= COMPACT ================================ 
=============================================================== */
.sb-audigyfxv2 .section_compact {
  position: relative;  
}
.sb-audigyfxv2 .section-compact-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sb-audigyfxv2 .section_compact .text_box p,
.sb-audigyfxv2 .section_compact .text_box h4 {
  text-align: center !important;
}

.sb-audigyfxv2 .section_compact .image {
  padding: 15px;
}

.sb-audigyfxv2 .section_compact .text_box p {
  color: #000000;
  text-align: right;
}

.sb-audigyfxv2 .section_compact .text_box h4 {
  color: #dc753e;
  text-align: center;
}

.sb-audigyfxv2 .section_compact .text_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.sb-audigyfxv2 .section-compact-container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

/* ===============================================================
========================= DBPRO ================================== 
=============================================================== */

.sb-audigyfxv2 .section_dbpro {
  background: url(./img/mobile/f7-sb-audigyfxv2-mobile.jpg) no-repeat;
  background-size: 100vw auto !important;
  background-position: bottom !important;
  padding-bottom: calc(734 / 828 * 100vw);
  flex-direction: column;
  background-color: #e7dd96;
}

.sb-audigyfxv2 .section_dbpro .text_box.bg-transparent h4 {
  color: #ffffff;
}

.sb-audigyfxv2 .section_dbpro .text_box {
  background-color: transparent !important;
  background: #e7dd96 !important;
}

.sb-audigyfxv2 .section_dbpro .text_box.bg-transparent {
  background: transparent !important;
}

.sb-audigyfxv2 .section_dbpro button {
  border-radius: 50px;
  background-color: #3d5e7b;
  padding: 7px 35px;
  outline: none;
  border: none;
  margin-top: 25px;
  display:inline-block;
  width:auto;
}

.sb-audigyfxv2 .dbpro-text-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sb-audigyfxv2 .button-text a {
  font-family: "poppins", sans-serif;
  font-size: calc(24px + (32 - 24) * ((100vw - 1200px) / (2560 - 1200)));
  font-weight: 500;
  color: #ffffff;
  border-bottom:none;
}

.sb-audigyfxv2 .section_dbpro .text_box:first-of-type {
  padding-bottom: 0px !important;
}

/* ===============================================================
========================= MEDIA QUERIES ========================== 
=============================================================== */
@media (min-width: 300px) {
  .sb-audigyfxv2 .section_customise.section_overlay .text_box > div {
    justify-content: flex-start !important;
  }
}

@media screen and (max-width: 499px) {
  .sb-audigyfxv2 .section_customise.section_overlay > div {
    align-items: flex-start;    
  }

  .sb-audigyfxv2 .section_customise .text_box h4 {
    padding-right: 25px !important;
  }
}

@media screen and (max-width: 900px) {
  .sb-audigyfxv2 .feature-subheader {
    font-size: calc(24px + (32 - 24) * ((100vw - 300px) / (900 - 300)));
  }
}

@media screen and (min-width: 901px) {
  .sb-audigyfxv2 .feature-subheader {
    font-size: calc(32px + (60 - 32) * ((100vw - 901px) / (2560 - 901)));
  }
}

@media screen and (max-width: 1199px) {
  .sb-audigyfxv2 .section_playback div {
    top: auto;
    bottom: auto;
    width: 100vw;
    flex-direction: column;
  }

  .sb-audigyfxv2 .section_amplify div {
    top: auto;
    bottom: auto;
    width: 100vw;
    flex-direction: column;
  }

  .sb-audigyfxv2 .section_customise.section_overlay > div {
    align-items: flex-start;
    position: relative;
    padding:0;
  }

  .sb-audigyfxv2 .section_customise .text_box h4 {
    padding-right: 50px !important;
  }

  .sb-audigyfxv2 .section_convenient div {
    top: auto;
    bottom: auto;
    width: 100%;
    flex-direction: column;
    position: relative;    
  }

  .sb-audigyfxv2 .section_convenient .port-table {
    padding: 0px 20px 20px 20px;
  }

  .sb-audigyfxv2 .section_compact .text_box {
    padding-bottom: 0px !important;
  }

  .sb-audigyfxv2 .section_dbpro div {
    top: auto;
    bottom: auto;
    width: 100vw;
    flex-direction: column;
    position: relative;    
  }

  .sb-audigyfxv2 .section_dbpro .text_box.bg-transparent h4 {
    color: #000000;
  }

  .sb-audigyfxv2 .section_dbpro #text {
    padding-top: 0px !important;
    align-items:center;
  }
}

@media screen and (min-width:768px) {
  .sb-audigyfxv2 .section_overview .grid {
    max-width:800px;
  }
  .sb-audigyfxv2 .section_overview .grid > div {
    width:25%;
  }
  .sb-audigyfxv2 .section_overview .grid img {
    max-width: 180px;
  }
  .sb-audigyfxv2 .section_convenient {
    background:#fff url(./img/desktop/f1-connectivity-sb-audigyfxv2-desktop.jpg) no-repeat left bottom;
    background-size: 150vw auto;
    padding-bottom: calc(1400 / 2560 * 150vw);
  }
}

@media screen and (min-width: 1200px) {
  /* ========== OVERALL STYLES ========== */
  .sb-audigyfxv2 h3.feature-header.lg_float {
    position: absolute;
    top:30px;
    left:25%;
    width:50%;
    display:block;
  }
  .sb-audigyfxv2 .text_box,
  .sb-audigyfxv2 .section_overlay .text_box {
    padding: 3vw 2vw ;
  }

  .sb-audigyfxv2 .text_box p {
    font-size: 18px !important;
  }

  .sb-audigyfxv2 .text_box.lg-text-right {
    text-align: right !important;
  }

  /* ========== OVERVIEW ========== */

  /* ========== PLAYBACK ========== */
  .sb-audigyfxv2 .section_playback {
    background: url(./img/desktop/f1-highresplayback-sb-audigyfxv2-desktop.jpg) no-repeat left;
    background-size: cover !important;
    min-height: calc(1600 / 2560 * 100vw);
  }
  .sb-audigyfxv2 .section_playback {
    padding-bottom: 0;
  }

  .sb-audigyfxv2 .section_overlay > div {
    width: 30% !important;
  }
  .sb-audigyfxv2 .section_playback.section_overlay > div {
    width: 40% !important;
  }

  /* ========== CINEMATIC ========== */

  .sb-audigyfxv2 .section_cinematic {
    background: url(./img/desktop/f2-cinematic-sb-audigyfxv2-desktop.jpg) no-repeat bottom;
    background-size: cover !important;
    min-height: calc(1600 / 2560 * 100vw);
  }

  .sb-audigyfxv2 .section_cinematic .text_box {
    width:100%;
    max-width:60%;
    margin-left:auto;
    margin-right:auto;
  }

  /* ========== AMPLIFY ========== */
  .sb-audigyfxv2 .section_amplify {
    background: url(./img/desktop/f3-amplify-sb-audigyfxv2-desktop.jpg) no-repeat left;
    background-size: cover !important;
    min-height: calc(1600 / 2560 * 100vw);
  }

  .sb-audigyfxv2 .section_amplify {
    padding-bottom: 0;
  }

  .sb-audigyfxv2 .section_amplify .text_box h4,
  .sb-audigyfxv2 .section_amplify .text_box p {
    text-align: right !important;
  }

  .sb-audigyfxv2 .section_amplify.section_overlay > div {
    width: 35% !important;
  }

  /* ========== CUSTOMISE ========== */

  .sb-audigyfxv2 .section_customise {
    background: url(./img/desktop/f3-app-sb-audigyfxv2-desktop.jpg) no-repeat;
    background-position:center 3.5vw;
    background-size: cover;
    min-height: calc(1250 / 2560 * 100vw);
    padding-bottom: 0;
  }
  .sb-audigyfxv2 .section_customise.section_overlay {
    align-items: flex-end !important;
  }

  .sb-audigyfxv2 .section_customise > div {
    background-color: transparent !important;
  }

  .sb-audigyfxv2 .section_customise .text_box p,
  .sb-audigyfxv2 .section_customise .text_box h4 {
    text-align: right !important;
  }
  .sb-audigyfxv2 .section_customise.section_overlay > div {
    width: 40% !important;
  }

  /* ========== SCOUT ========== */
  .sb-audigyfxv2 .section_scout .text_box {
    background-color: #e8e4d5 !important;
  }
  .sb-audigyfxv2 .section_scout .text_box p,
  .sb-audigyfxv2 .section_scout .text_box h4 {
    /*color: black !important;*/
    text-align: left !important;
  }

  /* ========== CONVENIENT ========== */
  .sb-audigyfxv2 .section_convenient {
    /*background:#fff url(./img/desktop/f1-connectivity-sb-audigyfxv2-desktop.jpg) no-repeat bottom;*/
    background-size: 100vw auto;
    min-height: calc(1400 / 2560 * 100vw);
    padding-bottom: 0;
  }
  .sb-audigyfxv2 .section_convenient.section_overlay {
    align-items: flex-end;
    justify-content: flex-end;
    padding-top:60px;
  }

  .sb-audigyfxv2 .section_convenient .bg-transparent {
    background-color: transparent !important;
  }

  .sb-audigyfxv2 .section_convenient .text_box h4,
  .sb-audigyfxv2 .section_convenient .text_box p {
    text-align: right;
  }

  .sb-audigyfxv2 .section_convenient .text_box h4 {
    padding: 0px !important;
  }

  .sb-audigyfxv2 .section_convenient .text_box {
    padding: 10px 3vw !important;
    width: 60vw !important;
  }
  .sb-audigyfxv2 .section_convenient .port-table {
    padding-right: 3vw;
    padding-left: 3vw;
    padding-top: 0px;
    padding-bottom: calc(24vw / 2560 * 1440);
    width: 60vw !important;
  }

  .sb-audigyfxv2 .section_convenient .port-table .port-row .port-name,
  .sb-audigyfxv2 .section_convenient .port-table .port-row .port-description {
    padding: 3px;
    margin: 3px;
    font-size: 18px;
  }

  .sb-audigyfxv2 .section_convenient .port-table .port-row .port-description {
    margin-right: 0px;
  }

  .sb-audigyfxv2 .section_convenient p {
    text-align: right !important;
  }

  /* ========== COMPACT ========== */

  .sb-audigyfxv2 .section_compact .text_box {
    align-items: flex-end;
    max-width:75%;
  }

  .sb-audigyfxv2 .section_compact .text_box p,
  .sb-audigyfxv2 .section_compact .text_box h4 {
    text-align: right !important;
  }

  /* ========== DBPRO ========== */
  .sb-audigyfxv2 .section_dbpro.section_overlay {
    align-items: flex-end;
    justify-content: flex-end;
  }

  .sb-audigyfxv2 .section_dbpro.section_overlay.right_0 {
    justify-content: center !important;
    padding-top:60px;
  }

  .sb-audigyfxv2 .section_dbpro.section_overlay > div {
    width: 40% !important;
  }

  .sb-audigyfxv2 .section_dbpro {
    background: url(./img/desktop/f6-doublecard-sb-audigyfxv2-desktop.jpg) no-repeat left;
    background-size: cover !important;
    min-height: calc(1400 / 2560 * 100vw);
  }
  .sb-audigyfxv2 .section_dbpro {
    padding-bottom: 0;
  }

  .sb-audigyfxv2 .dbpro-text-container {
    align-items: flex-end;
  }

  .sb-audigyfxv2 #text {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1400px) {
  .sb-audigyfxv2 .section_convenient .text_box {
    width: 50vw !important;
  }

  .sb-audigyfxv2 .section_convenient .port-table .port-row .port-name,
  .sb-audigyfxv2 .section_convenient .port-table .port-row .port-description {
    padding: 5px;
    margin: 4px;
    font-size: 18px;
  }
  .sb-audigyfxv2 .section_convenient .port-table .port-row .port-description {
    margin-right: 0px;
  }

  .sb-audigyfxv2 .section_convenient .port-table {
    width: 55vw !important;
  }
}

@media screen and (min-width: 1600px) {
  .sb-audigyfxv2 .section_overview .grid {    
    max-width: 1800px;
  }
  .sb-audigyfxv2 .section_overview .grid > div {
    width:12.5%;
  }
  .sb-audigyfxv2 .text_box p {
    font-size: 21px !important;
  }

  .sb-audigyfxv2 .section_playback.section_overlay > div {
    width: 30% !important;
  }

  .sb-audigyfxv2 .section_customise.section_overlay > div {
    width: 35% !important;
  }
  .sb-audigyfxv2 .section_amplify.section_overlay > div {
    width: 30% !important;
  }

  .sb-audigyfxv2 .section_convenient .text_box {
    width: 50vw !important;
  }

  .sb-audigyfxv2 .section_convenient .port-table .port-row .port-name,
  .sb-audigyfxv2 .section_convenient .port-table .port-row .port-description {
    padding: 7px;
    margin: 4px;
    font-size: 18px;
  }

  .sb-audigyfxv2 .section_convenient .port-table .port-row .port-description {
    margin-right: 0px;
  }

  .sb-audigyfxv2 .section_dbpro.section_overlay > div {
    width: 30% !important;
  }
}

@media screen and (min-width: 1800px) {
  .sb-audigyfxv2 h3.feature-header.lg_float {
    top:60px;
  }
  .sb-audigyfxv2 .section_convenient .port-table .port-row .port-name,
  .sb-audigyfxv2 .section_convenient .port-table .port-row .port-description {
    padding:1.5% 9px;
    margin: 5px;
    font-size: 18px;
  }

  .sb-audigyfxv2 .section_convenient .port-table .port-row .port-description {
    margin-right: 0px;
  }

  .sb-audigyfxv2 .section_convenient .text_box {
    width: 40vw !important;
  }
}

@media screen and (min-width: 2000px) {
  .sb-audigyfxv2 .section_customise.section_overlay > div {
    width: 25% !important;
  }
  .sb-audigyfxv2 .section_amplify.section_overlay > div {
    width: 30% !important;
  }

  .sb-audigyfxv2 .section_convenient .port-table .port-row .port-name,
  .sb-audigyfxv2 .section_convenient .port-table .port-row .port-description {
    padding: 15px;
    margin: 5px;
    font-size: 24px;
  }

  .sb-audigyfxv2 .section_convenient .port-table .port-row .port-description {
    margin-right: 0px;
  }

  .sb-audigyfxv2 .section_convenient .text_box {
    width: 40vw !important;
  }
}

@media screen and (min-width:2560px) {
  .sb-audigyfxv2 .section_cinematic .text_box {
    max-width:50%;
  }
  .sb-audigyfxv2 .section_scout .text_box > div {
    max-width:80%;
    margin-left:auto;
    margin-right:auto;
  }
  .sb-audigyfxv2 .section_convenient .port-table .port-row .port-name,
  .sb-audigyfxv2 .section_convenient .port-table .port-row .port-description {
    padding:2% 15px;
  }
}

/*tooltip animation*/
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(97,247,254, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 20px rgba(97,247,254, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(97,247,254, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(97,247,254, 0.4);
    box-shadow: 0 0 0 0 rgba(97,247,254, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 20px rgba(97,247,254, 0);
      box-shadow: 0 0 0 20px rgba(97,247,254, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(97,247,254, 0);
      box-shadow: 0 0 0 0 rgba(97,247,254, 0);
  }
}