body {
    position: relative;
    overflow-x: hidden;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.667;
    color: #1d2429;
    letter-spacing: -0.02px;
}
strong {
    font-weight: 700;
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 15px;
    font-weight: 700;
    color: inherit;
}
.dark-bg h1,
.dark-bg h2,
.dark-bg h3,
.dark-bg h4,
.dark-bg h5,
.dark-bg h6 {
    font-weight: 600;
}
a {
    color: #21bf73;
}
a:hover {
    color: #179d5c;
    text-decoration: none;
}
ul {
    list-style: none;
    margin: 0 0 15px;
    padding: 0;
}
p {
    margin-bottom: 15px;
}
.outer-wrapper {
    position: relative;
    overflow: hidden;
}
button {
   background: #21bf73;
   color: #fff; 
}
button:hover {
   background: #179d5c !important; 
}
input:focus,
button:focus {
    outline: none;
}
hr {
    border-top: 1px solid rgba(0,0,0,.05);
}
hr.dashed {
    border-style: dashed !important;
}
.gray-bg {
    background: #fafafa;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.relative {
    position: relative;
}
.dark-bg hr {
    border-color: rgba(254,254,254,0.1)
}
.dark-bg {
    background-color: #1d2429;
    background-image: url('../images/dark-bg.png');
    background-repeat: repeat-x;
    color: #fff;
}
h3 {
    font-size: 22px
}
/*!
 * Header
 */
.site-header {
    position: relative;
    background-color: #282f35;
    background-image: url('../images/header-bg.png');
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    padding-top: 30px;
}
.site-header h6,
.site-header h1,
.site-header h2 {
    color: #fff;
}
.site-header .pre-headline {
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 20px;
}
.site-header .pre-headline span {
    font-weight: 700;
    color: #f3e80e;
    display: block;
    margin-bottom: 10px;
}
.site-header h1 {
    font-size: 28px;
    line-height: 1.2;
}
.site-header h1 span {
    color: #21bf73;
}
.post-headline {
    font-size: 14px;
    font-weight: 400;
    background: #0b131c;
    border-radius: 20px 10px 10px 10px;
    padding: 10px 16px;
    margin-bottom: 20px;
    display: inline-block;
}
.site-header .post-headline {
    line-height: 1.6;
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
}
.header-video {
    position: relative;
    overflow: hidden;
}
.header-video::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -20%;
    left: 0;
    background-image:url('../images/header-wave.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: inherit
}
.embed-responsive {
    border-radius: 10px;
    z-index: 2;
}

/*!
 * Section
 */
section {
    padding: 30px 0;
    position: relative;
}
h3.section-title {
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: -0.3px;
    text-align: center;
    margin-bottom: 24px;
}
.cta h3.section-title {
    font-weight: 400;
}
span.highlight-bg {
    background: #b8f9da;
    color: #21bf73;
    line-height: 1;
    display: inline-table;
    border-radius: 6px 2px 2px 2px;
    padding-left: 6px;
    padding-right: 6px;
}
.button-cta {
    text-align: center;
    position: relative;
    background: #21bf73;
    color: #fff !important;
    padding: 14px 14px 16px;
    border-radius: 10px;
    display: block;
    webkit-transition: all 0.05s linear;
    transition: all 0.05s linear;
    top: 0;
}
.button-cta:hover {
    background: #09bc66;
    top: -2px;
}
.button-cta span {
    display: block;
    line-height: 1.5;
}
.button-cta span:not(.small) {
    font-size: 18px;
    font-weight: 600;
}
.button-cta span.small {
    font-size: 11px;
}
.section-two video {
    border-radius: 0;
}
.section-two .video-wrapper {
    max-height: 480px;
    overflow: hidden;
    padding: 0 80px;
    background: #1f1f1f;
    border-radius: 20px 10px 10px 10px;
}
.section-two h3:not(.section-title),
.section-three h4,
.section-eight h3:not(.section-title),
.section-nine h4,
.section-eightteen .icon + h4  {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 5px;
}
.section-nine h4,
.section-eightteen .icon + h4  {
    font-size: 18px;
    margin-bottom: 10px;
}
.icon {
    margin: 0 auto 10px;
    width: 120px;
    height: 120px;
    background: url('../images/sprite.png') no-repeat;
    background-position: 0 0;
}
.icon.second {
    background-position: 0 -120px;
}
.icon.third {
    background-position: 0 -240px;
}
.icon.fourth {
    background-position: 0 -360px;
}
.icon.fifth {
    background-position: 0 -480px;
}
.icon.sixth {
    background-position: 0 -600px;
}
.icon.seventh {
    background-position: 0 -720px;
}
.icon.eighth {
    background-position: 0 -840px;
}
.icon.ninth {
    background-position: 0 -960px;
}
.icon.tenth {
    background-position: -120px 0;
}
.icon.eleventh {
    background-position: -120px -120px;
}
.icon.twelveth {
    background-position: -120px -240px;
}
.icon.thirteenth {
    background-position: -120px -360px;
}
.icon.fourteenth {
    background-position: -120px -480px;
}
.icon.fivteenth {
    background-position: -120px -600px;
}
.icon.sixteenth {
    background-position: -120px -720px;
}
.icon.seventeenth {
    background-position: -120px -840px;
}
.icon.eighteenth {
    background-position: -120px -960px;
}
.icon.ninteenth {
    background-position: -120px -1080px;
}
.icon.twenty {
    background-position: -120px -1200px;
}
.icon.twentyone {
    background-position: -120px -1320px;
}
.icon.twentytwo {
    background-position: 0 -1080px;
}
.icon.twentythree {
    background-position: 0 -1200px;
}
.icon.twentyfour {
    background-position: 0 -1320px;
}
.icon.twentyfive {
    background-position: 0 -1440px;
}
.icon.twentysix {
    background-position: 0 -1560px;
}
.icon.twentyseven {
    background-position: 0 -1680px;
}
ul.check-list,
ul.cross-list {
    text-align: left;
}
ul.check-list li,
p.arrow-list,
ul.cross-list li {
    position: relative;
    margin-left: 28px;
    margin-bottom: 15px;
}
p.arrow-list {
    margin-left: 30px;
}
ul.check-list li::before,
p.arrow-list::before,
ul.cross-list li::before {
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    background: url('../images/sprite.png') no-repeat;
    background-position: -658px 0;
    left: -28px;
    top: 2px;
}
p.arrow-list::before {
    background-position: -592px 0;
}
ul.cross-list li::before {
    background-position: -570px 0;
}
.section-eleven ul li strong {
    background: #d0ffe8;
    color: #20b16b;
    border-radius: 6px 4px 4px 4px;
    padding-left: 4px;
    padding-right: 4px;
}
.notice {
    background: #0f1418;
    padding: 24px;
    border-radius: 20px 10px 10px 10px;
    border: 2px solid #21bf73;
}
.warning {
    padding: 20px;
    background: #fff0f0;
    color: #ff5858;
    border: 2px solid #ff5858;;
    border-radius: 20px 10px 10px 10px;
}
.soundtrack-example {
    position: relative;
    background: #232b30;
    color: #fff;
    padding: 50px 34px;
    border-radius: 20px;
    margin: 0 15px 15px;
    cursor: pointer;
    transition: all .15s linear;
    overflow: hidden;
}
.soundtrack-example:hover,
.soundtrack-example.audio-played {
    background: #21be73;
}
.soundtrack-example::before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background: url('../images/sprite.png') no-repeat;
  background-position: -638px 0;
  top: 20px;
  right: 20px;
}
.soundtrack-example.audio-played::before {
  background-position: -614px 0;
}
.soundtrack-example > audio {
    height: 0;
    opacity: 0;
    line-height: 0;
    text-indent: -999999px;
    position: absolute;
    z-index: -9999;
}
.logo-icon {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: #21be73;
    border: 20px solid rgba(29, 36, 41, 0.9);
    padding: 20px;
    margin: 0 auto 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.soundtrack-example:hover .logo-icon,
.soundtrack-example.audio-played .logo-icon {
    background: #1d2429;
    border-color: #21be73db;
}
.logo-icon svg path {
    fill: #fff;
}
.soundtrack-example.audio-played .logo-icon svg path {
  -webkit-animation: pulse 1s infinite;
          animation: pulse 1s infinite;
}
.soundtrack-example.audio-played .logo-icon svg path:nth-child(1) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.soundtrack-example.audio-played .logo-icon svg path:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.soundtrack-example.audio-played .logo-icon svg path:nth-child(3) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.soundtrack-example.audio-played .logo-icon svg path:nth-child(4) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.soundtrack-example.audio-played .logo-icon svg path:nth-child(5) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.soundtrack-example.audio-played .logo-icon svg path:nth-child(6) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.soundtrack-example.audio-played .logo-icon svg path:nth-child(7) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.soundtrack-example.audio-played .logo-icon svg path:nth-child(8) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.soundtrack-example.audio-played .logo-icon svg path:nth-child(9) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.soundtrack-example.audio-played .logo-icon svg path:nth-child(10) {
  -webkit-animation-delay: 1.0s;
          animation-delay: 1.0s;
}
.soundtrack-example.audio-played .logo-icon svg path:nth-child(11) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.soundtrack-example.audio-played .logo-icon svg path:nth-child(12) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.soundtrack-example.audio-played .logo-icon svg path:nth-child(13) {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
.soundtrack-example.audio-played .logo-icon svg path:nth-child(14) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.soundtrack-example.audio-played .logo-icon svg path:nth-child(15) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.testimonial {
    position: relative;
    background: #1d2429;
    color: #fff;
    padding: 20px 30px 30px;
    text-align: center;
    border-radius: 20px 10px 10px 10px;
    margin-bottom: 15px;
}
.section-twenty .testimonial {
    background: #282e33;
}
.testimonial .icon {
    background-position: -631px -37px;
    width: 36px;
    height: 36px;
    margin-top: 0;
    position: absolute;
    right: 2px;
    bottom: -23px;
    background-color: #21bf73;
    border-radius: 50%;
}
.testimonial span {
    display: block;
}
.testimonial span.author {
    font-weight: 600;
    line-height: 1;
}
.testimonial span.website {
    font-size: 13px;
    color: #5a6872;
}
.testimonial .avatar {
    width: 90px;
    height: 90px;
    margin: 0 auto 25px;
    background: #384147;
    border-radius: 50%;
    position: relative;
}
.testimonial .avatar img {
    border-radius: 50%;
}
h4.section-tagline {
    text-align: center;
    font-size: 18px;
}
h4.section-tagline span {
    background: #13191e;
    display: inline-block;
    margin: 0 auto 20px;
    line-height: 1.3;
    padding: 12px 20px;
    border-radius: 10px 6px 6px 6px;
    border: 2px solid #21bf73;
    font-size: 16px;
    font-weight: 600;
    /* margin-top: 20px; */
}
.section-twelve .icon {
    margin-bottom: 0;
}
.section-thirteen {
    overflow: hidden;
}
.section-fourteen h5 {
    font-size: 16px;
    margin-bottom: 5px;
}
.section-fifteen ul li,
.section-twentytwo ul li {
    position: relative;
    margin-bottom: 15px;
    margin-left: 30px;
}
.section-fifteen ul li:last-of-type,
.section-twentytwo ul li:last-of-type {
    margin-bottom: 0;
}
.section-fifteen ul li::before,
.section-twentytwo ul li::before {
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    background: url('../images/sprite.png') no-repeat;
    background-position: -592px -22px;
    left: -30px;
    top: -1px;
}
.section-fifteen ul li:nth-child(2)::before {
    background-position: -592px -44px
}
.section-fifteen ul li:nth-child(3)::before {
    background-position: -592px -66px
}
.section-fifteen ul li:nth-child(4)::before {
    background-position: -592px -88px
}
.section-fifteen ul li:nth-child(5)::before {
    background-position: -592px -110px
}
.section-fifteen ul li:nth-child(6)::before {
    background-position: -592px -132px
}
.section-fifteen ul li:nth-child(7)::before {
    background-position: -592px -154px
}
.section-fifteen ul li:nth-child(8)::before {
    background-position: -592px -176px
}
.section-fifteen ul li:nth-child(9)::before {
    background-position: -592px -198px
}
.section-fifteen ul li:nth-child(10)::before {
    background-position: -592px -220px
}
.section-fifteen ul li:nth-child(11)::before {
    background-position: -592px -242px
}
.section-fifteen ul li h5,
.section-twentytwo ul li h5 {
    margin-bottom: 5px;
    font-size: 18px;
}

.provider-block .icon {
    justify-content: flex-start;
}
.provider-block {
    background: #252f36;
    border: 1px solid #38444c;
    border-radius: 20px 10px 10px 10px;
    padding: 20px 24px;
    flex-direction: column;
    align-items: center;
    display: flex;
    margin-bottom: 15px;
}
.provider-block .price {
    justify-content: center;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}
.provider-block .price span {
    text-align: center;
}
.provider-block .provider-logo {
    width: 100%;
    justify-content: flex-start;
    padding-bottom: 5px;
    border-bottom: 1px solid #2b353c;
    margin-bottom: 10px;
}
.epidemic .icon {
    background-position: -240px 0;
    width: 90px;
    height: 46px;
}
.audiojungle .icon {
    background-position: -240px -46px;
    width: 200px;
    height: 40px;
}
.storyblock .icon {
    background-position: -240px -86px;
    width: 174px;
    height: 40px;
}
.jamendo .icon {
    background-position: -240px -130px;
    width: 154px;
    height: 50px;
}
.incompetech .icon {
    background-position: -240px -179px;
    width: 214px;
    height: 25px;
}
.bensound .icon {
    background-position: -240px -209px;
    width: 172px;
    height: 36px;
}
.warning-notice,
.success-notice {
    background: #ffdedf;
    border: 1px solid #d64f53;
    padding: 20px;
    border-radius: 20px 10px 10px 10px;
}
.warning-notice {
    margin-bottom: 20px
}
.success-notice {
    background: #e8fff4;
    border-color: #21bf73;
}
.warning-notice ul.cross-list li,
.success-notice ul.check-list li {
    margin-bottom: 5px;
}
.warning-notice ul.cross-list,
.warning-notice ul.cross-list li:last-of-type,
.success-notice ul.check-list,
.success-notice ul.check-list li:last-of-type {
    margin-bottom: 0 !important;
}

.section-eightteen h1 {
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    color: #21bf73;
    line-height: 1;
}
.section-twentytwo ul li::before {
    background-position: -570px -22px;
}
.section-twentytwo ul li:nth-child(2)::before {
    background-position: -570px -44px
}
.section-twentytwo ul li:nth-child(3)::before {
    background-position: -570px -66px
}
.section-twentytwo ul li:nth-child(4)::before {
    background-position: -570px -88px
}
.section-twentytwo ul li:nth-child(5)::before {
    background-position: -570px -110px
}
.section-twentytwo ul li:nth-child(6)::before {
    background-position: -570px -132px
}
.section-twentytwo ul li:nth-child(7)::before {
    background-position: -570px -154px
}
.section-twentytwo ul li:nth-child(8)::before {
    background-position: -570px -176px
}
.section-twentytwo ul li:nth-child(9)::before {
    background-position: -570px -198px
}
.section-twentytwo ul li:nth-child(10)::before {
    background-position: -570px -220px
}
.section-twentytwo ul li:nth-child(11)::before {
    background-position: -570px -242px
}
.section-twentytwo ul li:nth-child(12)::before {
    background-position: -570px -264px
}
.section-twentytwo ul li:nth-child(13)::before {
    background-position: -570px -286px
}
.section-twentytwo ul li:nth-child(14)::before {
    background-position: -570px -308px
}



.faq {
    background: #fff;
    border: 1px solid #eee;
    padding: 24px;
    border-radius: 20px 10px 10px 10px;
    margin-bottom: 15px;
}
.faq:last-of-type {
    margin-bottom: 0;
}
.faq h5 {
    margin-bottom: 10px;
    font-size: 18px;
}


.yellow-bg {
    background: #fff32d;
}

.pricing h1 {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
}
.package {
    margin: 0 5px;
    border-radius: 10px;
    /* overflow: hidden; */
    border: 4px solid #edf0f2;
    position: relative;
}
.package.commercial {
    border: 4px solid #21bf73;
    box-shadow: 0 0 20px #415049;
}
.package-name {
    background: #edf0f2;
    padding: 20px 60px;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    border-bottom: 1px solid #eee;
    color: #1d2429;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.3;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.package-feat {
    background: #fff;
    padding: 20px;
    color: #1d2429;
}
.package-feat ul {
    margin-bottom: 10px;
}
.package-feat ul:last-of-type {
    margin-bottom: 0;
}
.package-feat ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-left: 0;
    padding-left: 28px;
    line-height: 26px;
}
.package-feat ul:last-of-type li:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.package-feat ul li::before {
    left: 0;
    top: 2px;
}
.package-buy {
    background: #fff;
    padding: 20px;
    text-align: center;
    border-top: 1px solid #e7e7e7;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.package-buy p.small {
    color: #1d2429;
    line-height: 1.4;
    margin-top: 10px;
    font-size: 70%;
    padding: 0 15px 0 0;
}
.package-buy a {
    position: relative;
    background: #23a0f0;
    padding: 24px 20px;
    display: block;
    line-height: 1;
    border-radius: 4px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.2px;
    webkit-transition: all 0.05s linear;
    transition: all 0.05s linear;
    top: 0;
}
.package-buy a:hover {
    background: #0d8ee1;
    top: -1px;
}
.commercial .package-buy a {
    background: #21bf73;
}
.commercial .package-buy a:hover {
    background: #09bc66;
}

.section-thirteen .icon {
    width: 310px;
    height: 310px;
    background-position: -242px -253px;
}

/*!
 * Footera
 */
.site-footer {
    padding: 20px 0;
    font-size: 14px;
    color: inherit;
    text-align: center;
}
.site-footer a {
    color: #1d2429;
}
.site-footer ul {
    list-style: none;
    padding: 0;
    margin: 0 0 5px;
}
.site-footer ul li {
    margin: 0 8px;
}


.table-comparison {
    margin: 0 20px;
}
.table-head,
.table-content {
    background: #f2f2f2;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #eee;
    border-top-left-radius: 20px;
    border-top-right-radius: 10px;
    font-weight: 700;
    font-size: 16px;
}
.table-head {
    text-align: center;
    background: #1d2429;
}
.table-head > div {
    padding: 20px 10px;
    color: #fff;
    border-color: #4b575f;
}

.table-content {
    border-radius: 0;
    font-weight: 400;
    margin-bottom: 15px;
    border-radius: 10px;
    overflow: hidden;
}
.table-content > div {
    width: 100%;
    border-bottom: 1px solid #efefef;
}
.table-content:nth-child(n+1) {
    background: #fff;
}
.table-content:nth-child(2n) {
    background: #fafafa;
}
.table-content > div {
    padding: 8px 14px;
    line-height: 1.6;
    position: relative;
}
.table-content span.check,
.table-content span.times {
    width: 22px;
    height: 22px;
    position: absolute;
    right: 20px;
    bottom: 50%;
    background: url('../images/sprite.png') no-repeat;
    background-position: -658px 0;
    margin-bottom: -11px;
}
.table-content span.times {
    background-position: -570px 0;
}
.table-content:last-of-type {
    margin-bottom: 0;
}
.table-content .colfirst {
    background: #1d2429;
    overflow: hidden;
    font-weight: 700;
    padding: 20px 20px;
    color: #fff;
}
.colsecond span,
.colthird span,
.colfourth span {
    text-align: right;
    float: right;
    /* width: 50%; */
}
.colsecond:before {
    content: 'Infinitunes';
    width: 80%;
}
.colthird::before {
    content: 'Licensed content (ex. Epidemic Sounds)';
    width: 80%;
    display: block;
}
.colfourth::before {
    content: 'Royalty-free (ex. AudioJungle)';
    width: 80%;
}

.post-headline span.emoji {
    background: url('../images/sprite.png') no-repeat;
    width: 22px;
    height: 22px;
    background-position: -506px 0;
    display: inline-flex;
    line-height: 1;
    transform: scale(0.7);
    position: absolute;
}

.section-fourteen .container {
    position: relative;
}

.commercial::before {
    content: '';
    position: absolute;
    top: -27px;
    right: -16px;
    width: 160px;
    height: 164px;
    background: url('../images/sprite.png') no-repeat;
    background-position: 0 -1827px;
}
.coupon {
    background: #030e17;
    padding: 15px;
    text-align: center;
    line-height: 1.4;
    border-radius: 6px;
    margin-bottom: 40px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 17px;
    border: 2px dashed #21bf73;
}
.coupon span {
    color: #ffffff;
    text-decoration: underline;
    background: #21bf73;
    font-weight: 600;
    padding: 0 4px;
}

@media (max-width: 991px){
.table-content:last-of-type > div::before {
    width: 60% !important;
    float: left;
}
.table-content:last-of-type > div:not(.colfirst) > span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50%;
    right: 15px;
}
}
/*!
 * Min Media Width 992px
 */
@media (min-width: 992px) {
body {
    font-size: 18px;
    line-height: 34px;
}
p {
    margin-bottom: 20px;
}
h1, h2, h3, h4, h5, h6 {
    letter-spacing: -0.2px;
    line-height: 1.6;
}
section {
    padding: 50px 0;
}
.site-header,
.section-seven {
    padding-top: 40px;
}
.site-header .pre-headline span {
    display: inline-block;
}
.site-header h1 {
    font-size: 36px;
}
.post-headline {
    width: max-content;
    margin: 0 auto 40px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 12px;
}
.section-twentytthree .section-tagline {
    font-size: 28px;
}
.header-video::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 70%;
    bottom: 30%;
    left: 0;
    background-position: bottom center;
}
.header-video::after {
    content: '';
    position: absolute;
    width: 100%;
    height: calc(30% + 3px);
    left: 0;
    bottom: 0;
    background: #fff;
}
h3.section-title {
    font-size: 32px;
    margin-bottom: 50px;
}
.cta h3.section-title {
    font-size: 24px;
    margin-bottom: 30px;
}
.button-cta {
    padding: 18px 24px 24px;
}
.button-cta span:not(.small) {
    font-size: 32px;
    margin-bottom: 0;
    line-height: 1.3;
}
.icon {
    margin-bottom: 15px;
}
.section-two h3:not(.section-title),
.section-three h4 {
    margin-bottom: 15px;
    line-height: 1.67;
    font-size: 22px;
}
.soundtrack-example {
    margin-bottom: 0;
}
.section-eight h3:not(.section-title) {
    font-size: 26px;
    margin-bottom: 10px;
}
h4.section-tagline {
    margin-bottom: 40px;
}
.section-nine .icon + h4,
.section-eightteen .icon + h4 {
    line-height: 1.6;
    font-size: 22px;
}
.section-fifteen ul li {
    margin-bottom: 24px
}
.site-footer {
    padding: 40px 0;
    text-align: left;
}
.site-footer ul {
    margin-bottom: 0;
    float: right;
}
.site-footer ul li {
    display: inline-block;
    margin: 0 0 0 30px;
}
.testimonial {
    text-align: left;
    margin: 0 0 30px;
    padding: 36px 48px;
}

.testimonial .avatar {
    margin-bottom: 0;
}
.img-larg-abs {
    position: absolute;
    width: 291px;
    height: 562px;
    bottom: -50px;
    right: 40px;
}
h4.section-tagline span {
    font-size: 20px;
}
.provider-block .icon {
    margin: 0;
}
.provider-block {
    flex-direction: row;
}
.provider-block .price {
    justify-content: flex-end;
    width: 50%;
    text-align: right;
    font-size: 18px;
}
.provider-block .provider-logo {
    width: 50%;
    justify-content: flex-start;
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
}
.warning-notice,
.success-notice {
    padding: 26px;
    margin-bottom: 0;
}
.section-eightteen h1 {
    font-size: 54px;
}
.faq {
    padding: 36px;
}
.section-fifteen ul li::before,
.section-twentytwo ul li::before {
    top: 6px;
}
ul.check-list li::before, p.arrow-list::before,
ul.cross-list li::before {
    top: 4px;
}
.pricing ul.check-list li::before,
.pricing ul.cross-list li::before {
    top: 2px
}
.pricing h1 {
    font-size: 46px
}
.package {
    margin: 0 5px;
}
.package-feat,
.package-buy {
    padding: 26px;
}
.package-feat {
    font-size: 17px;
}
.section-eleven ul li {
    line-height: 28px
}
.section-fourteen h5 {
    font-size: 20px;
}
.section-fourteen h3 {
    font-size: 26px;
}
.section-fifteen ul li h5, .section-twentytwo ul li h5 {
    font-size: 22px;
}
.section-twentyfour h3,
.section-fifteen h3 {
    font-size: 20px;
}
.faq h5 {
    font-size: 20px;
}
.table-comparison {
    margin: 0;
}
.table-head,
.table-content {
    background: #f2f2f2;
    border-width: 0px 1px 0 1px;
    border-style: solid;
    border-color: #eee;
    border-top-left-radius: 20px;
    border-top-right-radius: 10px;
    font-weight: 700;
    font-size: 16px;
}
.table-head {
    text-align: center;
    background: #1d2429;
}
.table-head > div {
    padding: 20px 10px;
    color: #fff;
    border-color: #2a3339;
}
.table-head .colsecond {
    background: #28c177;
    border-right: none;
}
.colfirst {
    width: 23% !important;
    display: block;
}
.colsecond {
    width: 14% !important;
    display: block;
}
.table-content .colsecond::before {
    content: '';
    background: #e5faf0;
    width: 100%;
    height: 300%;
    position: absolute;
    top: -150%;
    left: 0;
}
.table-content .colthird::before {
    content: '';
    background: #eee;
    width: 1px;
    height: 300%;
    position: absolute;
    top: -150%;
    right: 0;
}
.table-head .colsecond::before,
.table-head .colthird::before {
    display: none;
}
.colthird {
    width: 35% !important;
    display: block;
}
.colfourth {
    width: 28% !important;
    display: block;
}
.table-content {
    border-radius: 0;
    font-weight: 400;
    margin-bottom: 0;
}
.table-content:nth-child(n+1) {
    background: #fff;
}
.table-content:nth-child(2n) {
    background: #fafafa;
}
.table-content > div {
    padding: 16px 20px;
    line-height: 1.6;
    border-bottom: none;
}
.table-content .colfirst {
    background: none;
    color: inherit;
    padding: 10px 20px;
}
.colsecond,
.colthird,
.colfourth {
    text-align: center;
}
.table-content:last-of-type {
    border-bottom-width: 1px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.colfourth::before {
    display: none !important;
}
.table-content span.check, .table-content span.times {
    float: none;
    position: relative;
    display: block;
    margin: 0 auto;
    right: auto;
    bottom: auto;
}
.colsecond span, .colthird span, .colfourth span {
    text-align: center;
    float: none;
    font-weight: 700;
    color: #fb3a3a
}
.colsecond span {
    color: #21bf73;
    position: relative;
}
.site-header .post-headline {
    padding-right: 20px;
    padding-bottom: 18px;
}
.post-headline span.emoji {
    transform: none;
    position: relative;
    right: auto;
    top: 5px;
}
.button-cta span.small {
    font-size: 14px
}
.package-name {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 32px;
}
}


/*!
 * Min Media Width 1200px
 */
@media (min-width: 1200px) {
section {
    padding: 64px 0;
}
.site-header {
    padding-top: 30px
}
.section-seven {
    padding-top: 60px;
}
.site-header h1 {
    font-size: 52px;
    letter-spacing: -2px;
    margin-bottom: 20px;
}
h3.section-title {
    font-size: 42px;
    margin-bottom: 50px;
    letter-spacing: -0.5px;
    font-weight: 700;
}
.cta h3.section-title {
    /* font-size: 28px; */
    /* margin-bottom: 30px; */
}
.section-two h3:not(.section-title) {
    font-size: 30px;
    line-height: 1.3;
}
.notice {
    padding: 24px 60px;
}
h4.section-tagline {
    margin-bottom: 40px;
}
.provider-block {
    margin-bottom: 20px;
    padding: 24px 24px;
}
.warning-notice,
.success-notice {
    padding: 36px;
}
.section-eightteen h1 {
    font-size: 68px;
}
.faq {
    margin-bottom: 30px;
}
.pricing h1 {
    font-size: 58px
}
.section-five > .container {
    position: relative;
}
.section-five > .container::before {
    content: '';
    position: absolute;
    top: -15px;
    right: -280px;
    width: 406px;
    height: 497px;
    background: url('../images/illustration12.png') no-repeat;
    opacity: 0.5;
}
.section-sixteen .container::before {
    content:'';
    position: absolute;
    width: 434px;
    height: 598px;
    background: url('../images/illustration6.png') no-repeat 60% bottom;
    bottom: 40px;
    right: -200px;
}
.dashed-line {
    position: relative;
    width: 659px;
    height: 198px;
    background: url('../images/dashed-line.png') no-repeat center center;
    left: 50%;
    margin-left: -330px;
    opacity: 1;
    z-index: 1;
}
.dashed-line.reverse {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
}


/*!
 * animation for sound wave
 */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  50% {
    -webkit-transform: scaleY(0.7);
            transform: scaleY(0.7);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  50% {
    -webkit-transform: scaleY(0.7);
            transform: scaleY(0.7);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.icon,
ul.check-list li::before,
p.arrow-list::before,
ul.cross-list li::before,
.soundtrack-example::before,
.section-fifteen ul li::before,
.section-twentytwo ul li::before,
.table-content span.check,
.table-content span.times,
.post-headline span.emoji {
    background-image: url('../images/sprite@2x.png');
    background-size: 680px 2800px;
}
.section-sixteen .container::before {
    background-image: url('../images/illustration6@2x.png');
    background-size: 434px 598px;
}
.section-five > .container::before {
    background-image: url('../images/illustration12@2x.png');
    background-size: 406px 497px;
}
.dashed-line {
    background-image: url('../images/dashed-line@2x.png');
    background-size:  659px 198px;
}
.commercial::before {
    background-image: url('../images/sprite@2x.png');
    background-size: 680px 2800px;
}
}

a.affiliate-button {
    background: #ff0000;
    text-align: center;
    color: #fff;
    width: 100%;
    display: block;
    border-radius: 10px;
    padding: 20px 14px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
}
a.affiliate-button:hover {
    background: #40a05b;
}
a.affiliate-button span {
    display: block;
    font-size: 14px;
    margin-top: 6px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.5px;