b*{box-sizing:border-box;}.center{text-align:center}.left{text-align:left}.right{text-align:right}
.justify{text-align:justify}.grid-row{width:auto;margin:0 auto;padding:10px;display:flex;flex-wrap:wrap}
.grid-container{width:100%;max-width:70%;padding:10px; margin: 0 auto;}
.container-bg{padding:30px 20px!important;background-color:rgba(0,0,0,.63);text-align:center;color:#fff;border-radius:10px;line-height:2}
.big-font{font-size:30px}
p.normal-font{font-size:25px}

/*--------------------------------------------

NEW LEVEL PAGES CSS 

---------------------------------------------*/
.audio-container {
    position: relative;
}
.audio-lock {
    position: absolute;
   /* background-color: #0c0c0c5c;*/
    width: 100%;
    top: 0;
    background-size: cover;
    background-position: right;
    bottom: 0;
    height: 100%;
    text-align: center;
    padding-top: 25px;
    background-repeat: no-repeat;
}
img.lock-image {
    max-width: 50px;
    margin: 0 auto;
}
p.locktext {
    color: #ffff;
    font-size: 25px !important;
    font-weight: 600;
    text-transform: capitalize;
   
        background-color: #E91E63;
}
.monthly-soundscape p {
    padding: 4px 7px 4px 7px;
    text-align: center;
    font-weight: 700;
    font-style: italic;
    margin-top: 80px;
    text-transform: capitalize;
    font-size: 22px !important;
}
a .access-soundscape p:hover {
    color: #fff;
}
section#background_77 div#bonusaudio1 p {
    margin-top: 5px !important;
}
.monthly-soundscape {
    position: relative;
    background-size: cover;
    height: 260px;
    background-color: #e94b4f;

}
#bonusaudio1{
  background-image: url(https://sacredsoundhealingsystem.net/members/public/productimages/bonus1.jpg);    
}
#bonusaudio2{
  background-image: url(https://sacredsoundhealingsystem.net/members/public/productimages/bonus2.jpg);    
}
#bonusaudio3{
  background-image: url(https://sacredsoundhealingsystem.net/members/public/productimages/bonus3.jpg);    
}
.m1{
    background-image: url(https://sacredsoundhealingsystem.net/members/public/thumbnails/m1.jpg);
}
.m2{
    background-image: url(https://sacredsoundhealingsystem.net/members/public/thumbnails/m2.jpg);
}

.m3{
    background-image: url(https://sacredsoundhealingsystem.net/members/public/thumbnails/m3.jpg);
}

.m4{
    background-image: url(https://sacredsoundhealingsystem.net/members/public/thumbnails/m4.jpg);
}

.m5{
    background-image: url(https://sacredsoundhealingsystem.net/members/public/thumbnails/m5.jpg);
}

.m6{
    background-image: url(https://sacredsoundhealingsystem.net/members/public/thumbnails/m6.jpg);
}

.m7{
    background-image: url(https://sacredsoundhealingsystem.net/members/public/thumbnails/m7.jpg);
}

.m8{
    background-image: url(https://sacredsoundhealingsystem.net/members/public/thumbnails/m8.jpg);
}

.m9{
    background-image: url(https://sacredsoundhealingsystem.net/members/public/thumbnails/m9.jpg);
}
.m10{
    background-image: url(https://sacredsoundhealingsystem.net/members/public/thumbnails/m10.jpg);
}

.m11{
    background-image: url(https://sacredsoundhealingsystem.net/members/public/thumbnails/m11.jpg);
}

.m12{
    background-image: url(https://sacredsoundhealingsystem.net/members/public/thumbnails/m12.jpg);
}


#soundscapeaudio .box .txtbox {
    min-height: auto !important;
}
.hide{
    display: none;
}

.bg-img{background-repeat:no-repeat;background-size:cover;background-image:url(../Images/vsl-bg1.jpg);padding:200px 0!important;height:100vh}span#countdowntimer{background-color:#fff;padding:4px 10px;font-size:30px!important;border-radius:3px}.red-text{color:red}.grid-container-full{width:100%;padding:10px;max-width:auto}.image{width:100%;max-width:100%}.default-button{color:#fff;text-decoration:none;display:inline-block;padding:8px 20px;word-wrap:break-word;background-color:#71ab37;border-radius:2px;border:2px solid #71ab37;text-transform:uppercase;font-weight:500;font-size:15px;transition:.3s ease}
.round-button {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 8px 20px;
    word-wrap: break-word;
    background-color: #14419b;
    border-radius: 20px;
    border: 2px solid #14419b;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
    transition: .3s ease;
    margin-top: 30px;
    margin-bottom: 30px;
}

.round-button:hover {
    color: #fff !important;
    box-shadow: 1px 2px 6px grey;
}
    .white-bg{background-color:#fff;padding:50px 20px;};
    img.gif{width:100%;max-width:600px}.lato{font-family:Lato,sans-serif}.grid-1{width:8.33%;float:left;padding:15px}
    .grid-2{width:16.66%;float:left;padding:15px}.grid-3{width:25%;float:left;padding:15px}.grid-4{width:33.3%;float:left;padding:15px}.grid-5{width:41.66%;float:left;padding:15px}.grid-6{width:50%;float:left;padding:15px}.grid-7{width:58.33%;float:left;padding:15px}.grid-8{width:66.66%;float:left;padding:15px}.grid-9{width:75%;float:left;padding:15px}.grid-10{width:83.33%;float:left;padding:15px}.grid-11{width:91.33%;float:left;padding:15px}.grid-12{width:100%;padding:12px}@media (max-width:1200px){.grid-md-1{width:8.33%;float:left;padding:15px}.grid-md-2{width:16.66%;float:left;padding:15px}.grid-md-3{width:25%;float:left;padding:15px}.grid-md-4{width:33.3%;float:left;padding:15px}.grid-md-5{width:41.66%;float:left;padding:15px}.grid-md-6{width:50%;float:left;padding:15px}.grid-md-7{width:58.33%;float:left;padding:15px}.grid-md-8{width:66.66%;float:left;padding:15px}.grid-md-9{width:75%;float:left;padding:15px}.grid-md-10{width:83.33%;float:left;padding:15px}.grid-md-11{width:91.33%;float:left;padding:15px}.grid-md-12{width:100%;padding:12px}.grid-container{width:100%;max-width:80%;padding:10px}}@media(max-width:960px){.grid-sm-1{width:8.33%;float:left;padding:15px}.grid-sm-2{width:16.66%;float:left;padding:15px}.grid-sm-3{width:25%;float:left;padding:15px}.grid-sm-4{width:33.3%;float:left;padding:15px}.grid-sm-5{width:41.66%;float:left;padding:15px}.grid-sm-6{width:50%;float:left;padding:15px}.grid-sm-7{width:58.33%;float:left;padding:15px}.grid-sm-8{width:66.66%;float:left;padding:15px}.grid-sm-9{width:75%;float:left;padding:15px}.grid-sm-10{width:83.33%;float:left;padding:15px}.grid-sm-11{width:91.33%;float:left;padding:15px}.grid-sm-12{width:100%;padding:12px}.grid-container{width:100%;max-width:90%;padding:10px}.grid-row{width:auto;margin:0 auto;padding:10px;display:block}.big-font{font-size:25px}p.normal-font{font-size:20px}.bg-img{background-repeat:no-repeat;background-size:cover;background-image:url(../Images/vsl-bg1.jpg);padding:300px 0!important;height:100vh}}@media (max-width:475px){.big-font{font-size:22px}p.normal-font{font-size:18px}.grid-container{width:100%;max-width:100%;padding:10px}}
ul.step-list {
    list-style-type: none;
    padding-left: 0px;
    line-height: 2;
}
.m-top {
    margin-top: 100px;
}
.mt-30{
    margin-top: 30px;
}
img.product-image {
    width: 100%;
    max-width: 300px;
}
.center-align {
    align-self: center;
}
.product-heading{
    font-size: 30px;
 
    color: #3a297e;
    margin-top: 30px;
}

.main-heading{
    font-size: 45px;
    text-align: center;
}
.product-box h2 {
    text-decoration-color: #9b5f4f !important;
    font-size: 23px;
    text-decoration: underline;
    text-decoration-line: underline;
}
.product-box {
    background: #975a452e;
    padding: 10px;
    box-shadow: 1px 2px 5px grey;
    margin-bottom: 30px;
}
.space{
    height: 40px;
}
.signature{
    font-family: 'Shadows Into Light', cursive;
    font-size: 15px;
}
.btn.btn-primary {
    background-color: #3a297e;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 40px auto 0px;
    white-space: pre-wrap !important;
}
.gradientbg1 {
    width: 100%;

    padding-top: 20px;
    padding-bottom: 20px;
    background: linear-gradient(180deg, #38287d, #a31cb36b, #38287d);
}
.audio {
    margin-top: 30px;
        width: 100%;
    max-width: 300px;
}
.divider:before {
    content: '\2701';
    top: -17px;
    left: 0px;
    position: absolute;
    color: #3a297e;
    font-size: 24px;
}
.divider {
    border-bottom: 2px dashed #767676;
    position: relative;
}


.product-box.pro-img1 {
    
    border-radius: 6px;
    background-color: #8c400152;
    padding: 15px 10px;
    box-shadow: 1px 2px 5px #896b51;
}
.mp4box {
    margin-top: 40px;
    text-align: center;
}
/*.product-page-wraper{
    margin-top: 50px;
}*/
div#sidebar-holder {
    position: sticky;
    top: 125px;
}
.pro-btn {
    background: linear-gradient(90deg, #ff8425, #f9aa65, #ff8425);
    padding: 12px 8px;
    border-radius: 23px;
    font-size: 16px;
    text-transform: uppercase;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    font-weight: 600;
    color: #382b1f;
    box-shadow: inset -1px -1px 12px #583d24;
}
/*
img.lock-image {
    max-width: 75px;
    margin: 0 auto;
}
p.locktext {
    color: #ffff;
    font-size: 25px !important;
    font-weight: 600;
    text-transform: capitalize;
    text-shadow: 1px 0px 7px #191718;
}*/
.videobox video {
    width: 100%;
}
.videobox {
    width: 100%;
    margin-top: 40px;
}
img.pro-img {
    width: 100%;
    max-width: 70%;
    display: block;
    margin: auto;
}
@media (max-width: 767px){
.product-heading{
    font-size: 25px;
}

.main-heading{
    font-size: 32px;
}

.
}
@media (max-width: 475px){
 .product-heading{
    font-size: 20px;
}

}
@media (max-width: 400px){
.col-6, .col-md-6, .col-sm-12{
    padding-left: 12px !important;
    padding-right: 12px !important; 
}
.white-bg {

    padding: 50px 6px !important;
}
.container-fluid{
    padding-right: 4px !important;
    padding-left: 4px !important;
}

}
.bgtransparent{
    background-color: rgba(255, 255, 255, 0.7);
    padding-top: 15px;
    padding-bottom: 15px;
}
.box {
    box-shadow: 1px 2px 5px grey;
    max-width: 600px;
    margin: 4px auto;
    margin-top: 40px;
}
h3.box-heading {
    text-align: center;
    font-size: 20px;
}




/*New CSS Code*/
.conatainer.custom-width.card.videocontainer {
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
}
video#myVideo {
    position: fixed;
   top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
@media (min-aspect-ratio: 16/9) {
  video#myVideo {
    width: 100%;
    height: auto;
  }
}

@media (max-aspect-ratio: 16/9) {
  video#myVideo {
    width: auto;
    height: 100%;
  }
}
section.product-page {
    background-repeat: no-repeat;
    background-image: url(https://sacredsoundhealingsystem.net/members/public/productimages/on-the-cloud.jpg);
    background-size: auto;
    background-color: #5c626f;
}
#background_1, #background_2. #background_3 {
    background-image: url(https://sacredsoundhealingsystem.net/members/public/productimages/on-the-cloud.jpg);
    background-color: #5c626f;
}
#background_6, #background_7, #background_8, #background_9, #background_10, #background_11, #background_12, #background_13 {
    background-image: url(https://sacredsoundhealingsystem.net/members/public/productimages/beautiful2.jpg);
    background-color: #9bd6da;
}
#background_4, #background_5 {
    background-image: url(https://sacredsoundhealingsystem.net/members/public/productimages/lavender1.jpg);
    background-color: #4e1b56;
}
.product-page-wraper{
    background-color: transparent !important;
    box-shadow: none !important;
}
.p0{
    padding: 0px !important;
}

img.prod-image.ebook {
    max-width: 280px;
}


video.video1 {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    align-self: center;
    display: block;
    margin-top: 30px;
    
}
img{
    width: 100%;
}
.download-link {
    background-color: #E3335A;
    padding: 8px 16px;
    border: none;
    text-align: center;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    margin-top: 30px;
    letter-spacing: 1px;
    border-radius: 3px;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.6s ease-in-out;
}
.download-link:hover, .download-link:focus {
    background-color: #E94B4F;
    color: #fff;
}
video.video {
    width: 100%;
    max-width: 600px;
    object-fit: cover;
    height: 260px;
}
.mt0{
    margin-top: 0px !important;
}
img.prod-image {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}
h3.prod-heading {
    text-align: center;
    font-size: 30px;
    color: #E3335A;
}
.contentbox {
    background: #eae8e8;
    padding: 20px 10px;
    margin-bottom: 10px;
}
.headingbox{
 width: 100%;
    max-width: 80%;
    margin: 0 auto;   
}
.big-btn {
    font-size: 20px;
    padding: 18px 20px;
}
.prod-box {
    width: 100%;
    max-width: 1166px;
    margin: 30px auto;
    padding: 20px 30px;
    /*margin-top: 60px;*/
    box-shadow: 0px 0px 27px 0px #c3c2c261;
    background-color: #fff;
    border: 1px solid #00000012;
}
.prod-box1 {
    width: 100%;
    max-width: 1166px;
    margin: 30px auto;
    border: 1px solid;
    padding: 10px;
    height: 480px;
    /*margin-top: 60px;*/
    box-shadow: 1px 1px 8px #151515;
    background-color: #fff;
}
.gift-box{
 width: 100%;
    max-width: 1166px;
    margin: 0 auto;
    
    padding: 0px;
   
   
}
img.prod-image1 {
    width: 100%;
  /*  max-width: 400px;*/
    max-height: 300px;
    margin-top: 30px;
    margin: 0 auto;

}
img.prod-img {
    width: 100%;
    max-width: 700px;
    margin-top: 50px;
    margin: 0 auto;
}
h2.main-prod-heading {
    font-size: 45px;
    color: #E3335A;
    text-decoration: underline;
   
}
 .contentbox p{
        margin-bottom: 10px;
    }
    .flex{
        display: flex;
        align-items: center;
    }
.instructions p {
    margin-bottom: 7px;
}

.instructions {
    text-align: left;
}
.instructions h5 {
    font-size: 24px;
    color: #DA1467;
    text-decoration: underline;
}
.box-overlay p {
    font-size: 25px !important;
    font-weight: 700;
    color: #ce1846;
}
.box-overlay {
    position: absolute;
    width: 100%;
    background-color: #f7f9fb8f;
    height: 100%;
    top: 0;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    padding-top: 181px;
}
.box {

    position: relative;
}
@media(max-width: 960px){
h2.main-prod-heading {
    font-size: 35px;
}
.headingbox{
 width: 100%;
    max-width: 90%;
    margin: 0 auto;   
}
.right-image{
    float: right;
}
.prod-box {
    width: 100%;
    max-width: 90%;
    text-align: center;
    }
    .contentbox p{
        text-align: left;
    }
h3.prod-heading {
    
    font-size: 25px;
  
}
}
@media(max-width: 768px){
    section.product-section .card {
        background: rgba(255,255,255,0.23);
    }
    .headingbox{
 width: 100%;
    max-width: 100%;
    margin: 0 auto;   
}
h2.main-prod-heading {
    font-size: 30px;
}
img.prod-img {

    max-width: 550px;

}
.prod-box {
    width: 100%;
    max-width: 100%;
    padding: 5px;
    }
h3.prod-heading {
    
    font-size: 21px;
  
}
.prod-box1 {
    height: auto;
}
.instructions {
    padding: 10px;
}   
}
@media(max-width: 475px){
    h2.main-prod-heading {
    font-size: 27px;
}
img.prod-img {

    max-width: 450px;

}
.prod-box {

    padding: 0px;
    padding-bottom: 15px;
    }
h3.prod-heading {
    
    font-size: 19px;
  
}
img.prod-image1 {
    width: 100%;
    max-width: 400px;
    height: auto;
    margin-top: 30px;
}   
}
@media(min-width: 1700px){
    section.product-page {
     
    background-size: cover;

}
.prod-box, .prod-box1, .gift-box{
    max-width: 1230px;

}
.h60{
    height: 60px;
}
}


    /*banner css*/
    /*.all-content-wrapper{
         padding-bottom: 190px !important;
    }*/
    .sticky-banner-section {
    padding-top: 30px;
    position: fixed;
    padding-bottom: 30px;
    text-align: center;
    bottom: 0;
    width: 100%;
   left: 0;
    background-color: #FFD372;
   
    z-index: 9999999;
   
    padding: 20px 15px;
}

a.sticky-banner-button {
    display: block;
    width: 100%;
    padding: 12px 17px;
    font-size: 19px;
    background: #810c97;
    max-width: 300px;
    margin: 0 auto;
    border-radius: 30px;
    border: 3px solid #990fb4;
    color: #fff;
    margin-top: 10px;
}

.sticky-banner-section h3 {
    color: #43044e;
    font-size: 22px;
    font-weight: 600;
}
.stcky-mrgn {
    padding-bottom: 200px;
}
.sticky-container {
    display: flex;
    margin: auto;
    width: 100%;
    max-width: 900px;
    justify-content: center;
}
@media(max-width: 768px){
.sticky-container .col-sm-12, .sticky-container .col-6 {
    flex: 100%;
    max-width: 100%;
}
.sticky-banner-section{
    display: block;
}
.sticky-banner-section h3 {
    font-size: 19px;
 
}
a.stciky-banner-button {
    display: block;
    margin: 0 auto;
    font-size: 16px;
    max-width: 220px;
    margin-top: 10px;

}

.sticky-container{
    display: block;
}
}