@import url("https://use.typekit.net/eah1qrr.css");

html, body {

    margin: 0;

    padding: 0;

  }

  body{

    font-family: proxima-nova, sans-serif;    

    font-weight: 400;    

    font-style: normal;   

    /* background: url('../images/1.png');

    opacity: 0.5; */

  }



  .bg {

    position: fixed;

    width: 100%;

    height: 100vh;

    /*background: #000 url('../images/Grandma-Splash@3xNew.jpg') no-repeat scroll top right / cover;*/
   /* background: #000 url('../images/Grandma-Splash_BkgdUpdate@3x.jpg') no-repeat scroll top right / cover;*/
    background: #000 url('../images/062019_Grandma-Splash_BkgdUpdate@3x.png') no-repeat scroll top right / cover;

}

  body a, body a:hover, body a:active, body a:focus, body object, body embed {

    outline: 0;

  }

  h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {

    margin: 0;

    padding: 0;

    border: 0;

    font-weight: normal;

    font-style: normal;

    font-size: 100%;

    line-height: 1;

    font-family: inherit;

  }

  

  table {

    border-collapse: collapse;

    border-spacing: 0;

  }

  

  ol, ul {

    list-style: none;

  }

  

  q:before, q:after, blockquote:before, blockquote:after {

    content: "";

  }

  

  html {

    overflow-y: scroll;

  }

  

  a:focus {

    outline: 0;

  }

  a{

      color:#E43C31;

  }

  a:hover, a:active {

    outline: 0;

  }

  img {

      max-width: 100%;

      height: auto;

  }

.body-wrapper{

    position: relative;

}



.body-wrapper .body_BG{



}

.mainWrapper {

    display: block;

    width: 600px;

    position: relative;

    text-align: center;

    margin-left: calc(50% - 40vw);

    margin-right: auto;

}



.total-Wrapper{

  box-sizing: border-box;

  min-height: calc(100vh - 194px);

}





/*Logo section*/

.logo-wrapper {

    display: block;

    padding-top: 140px;

}



.logo-wrapper img {

    width: 164px;

}



/*social links section */

.socialLinks {

    display: block;

    width: 230px;

    margin: 0 auto;

    margin-top: -5%;

}



.sociala-wrapper a {

    font-size: 20px;

    margin-right: 19px;

    color: #fff;

}

.sociala-wrapper a:hover {

    color: #E43C31;

    outline: none;

    transition: all 0.5s ease-in-out;

}



.sociala-wrapper a:last-child {

    margin-right: 0;

}



/*Video Section*/

    
div#video-imag-wrapper {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}

div#video-imag-wrapper img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
 div#video-imag-wrapper img {

    

        width: 100%;

    

    }

    

.playWrapper {

    

        position: absolute;

    

        top: 50%;

    

        left: 50%;

    

        transform: translate(-50%,-50%);

    

        -webkit-transform: translate(-50%, -50%);

    

        width: 100%;

    

        text-align: center;

    

    }

div#videoSection {

        margin-top: 42px;

    }

    

.videoWrapper {

    

        position: relative;

    

        font-size: 0;

    

    }

.play-button1.playicon-play:hover {
    opacity: 0.5;
}    

    

    

.videoPlayer.active {

    

        position: relative;

    

        padding-bottom: 56.25%;

    

        height: 0;

    

        margin: 0 auto;

    

    }

    

.videoPlayer.active iframe {

    

        position: absolute;

    

        top: 0;

    

        left: 0;

    

        width: 100%;

    

        height: 100%;

    

    }

    

.play-button1.playicon-play {

    

        top: 50%;

    

        -webkit-transform: translate(-50%, -50%);

    

        -moz-transform: translate(-50%, -50%);

    

        -ms-transform: translate(-50%, -50%);

    

        -o-transform: translate(-50%, -50%);

    

        transform: translate(-50%, -50%);

    

        left: 50%;

    

        z-index: 100;

    

        position: absolute;

    

        transition: all 0.5s ease-in-out;

    

        -webkit-transition: all 0.5s ease-in-out;

    

        cursor: pointer;

    

    }

    

.play-button1.playicon-play {

    

        display: inline-block;

    

        width: 59px;

    

        height: 57px;

    

        border-radius: 50%;

    

        background-color: transparent;

    

        color: #fff;

    

        font-size: 0;

    

        z-index: 999;

    

        border: 3px solid #fff;

    

        box-sizing: border-box;

    

        outline: none;

    

        vertical-align: middle;

    

        cursor: pointer;

    

    }

    

.play-button1.playicon-play::before {

    

        width: 0;

    

        height: 0;

    

        border-bottom: 14px solid transparent;

    

        border-top: 13px solid transparent;

    

        border-left: 23px solid #fff;

    

        top: 11px;

    

        left: 18px;

    

        z-index: 999;

    

        content: "";

    

        display: block;

    

        position: absolute;

    

        outline: none;

    

    }

    

    .listenNow a {

        display: block;

        width: 100%;

        height: 40px;

        line-height: 40px;

        text-align: center;

        text-decoration: none;

        box-sizing: border-box;

        background: #E43C31;

        color: #fff;

        font-family: proxima-nova, sans-serif;

        font-weight: 700;

        vertical-align: middle;

        font-size: 16px;

        font-style: normal;

        padding: 0 6px;

    }

    .listenNow a:hover {

        background: #fff;

        color: #000;

        outline: none;

        transition: all 0.5s ease-in-out;

    }



    .video_details {

        display: block;

        width: 100%;

        margin: 0 auto;

    }



    .video-inner {

        width: 280px;

        margin: 0 auto;

        margin-top: 20px;

    }

    

    .video_info {

        display: inline-block;

        width: 55.7%;

        color: #fff;

        font-size: 13px;

        text-align: left;

        margin-right: 7%;

        vertical-align: top;

    }

    

    .listenNow {

        display: inline-block;

        width: 35.7%;

    }

    

    .video_info .video_name {

        font-size: 24px;

        letter-spacing: 0;

        font-weight: 700;

    }

@media only screen and (max-width: 480px) and (min-width: 320px) {
   .bg {
      height: 86vh;
    }
}
@media only screen and (max-width: 767px) and (min-width: 481px) {
  .bg {
    height:100vh;
  }
}   



    @media only screen and (max-width: 767px){

        body{

            background: #000;

            margin: 0;

            padding: 0;

        }



        .bg {

            position: fixed;

            width: 100%;

            /*height: 86vh;*/

            /*background: #000 url('../images/mobile@2x.jpg') no-repeat scroll center top / cover;*/
            background: #000 url('../images/bg_mobile_june21_1x.png') no-repeat scroll center top / cover;

        }

        .mainWrapper {

            display: block;

            width: 100%;

            position: relative;

            text-align: center;

            margin-left: 0;

        }



        .logo-wrapper {

                display: block;

                padding-top: 62%;

        }

        .socialLinks {

            margin-top: -9%;

        }

        div#videoSection {

            margin: 0 10px;

            margin-top: 50px;

        }

        .video-inner{

            margin-bottom: 22px;

        }



    }

    /*for mac */
    @media only screen and (min-width: 1800px) {

        .total-Wrapper{
            
              box-sizing: border-box;
            
              min-height: calc(100vh - 68px);
            
            }

            div.copyright-section{
                margin-bottom: 0;
            }

            div.mail-contact-wrapper{
                margin-bottom: 0;
            }
            
}