/* CSS */
.checkboxlabel{
    margin-top: 25px;
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}
.checkbox{
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}
text.checkbox{
    color: white;
}
.button-5 {
    align-items: center;
    background-clip: padding-box;
    background-color: #fa6400;
    border: 1px solid transparent;
    border-radius: .25rem;
    box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 1.25;
    margin: 0;
    min-height: 3rem;
    padding: calc(.875rem - 1px) calc(1.5rem - 1px);
    position: relative;
    text-decoration: none;
    transition: all 250ms;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: baseline;
    width: auto;
}

.button-5:hover,
.button-5:focus {
    background-color: #fb8332;
    box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
}

.button-5:hover {
    transform: translateY(-1px);
}

.button-5:active {
    background-color: #c85000;
    box-shadow: rgba(0, 0, 0, .06) 0 2px 4px;
    transform: translateY(0);
}
@font-face {
    font-family: 'Arial Narrow';
    src: url('../fonts/ArialNarrow.eot');
    src: url('../fonts/ArialNarrow.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ArialNarrow.woff2') format('woff2'),
    url('../fonts/ArialNarrow.woff') format('woff'),
    url('../fonts/ArialNarrow.ttf') format('truetype'),
    url('../fonts/ArialNarrow.svg#ArialNarrow') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body, p, div{
    padding: 0;
    margin: 0;
    -webkit-text-size-adjust: 100%;
}
body {
    height: 100%;
} 
a{
    text-decoration: none;
}
p {
    box-sizing: border-box;
}
/*Start popup Styles*/


body{
    font-family: sans-serif;
    /* background-color: #eeeeee; */

}
.wrap{
    width: 80%;
    margin: 0 auto;
    background-color: #ffffff;
 /* height: 100vh;*/
   position: relative;
}
.container {
    padding-top: 10vh;
    text-align: center;

}
.header__video{
    margin: 0 auto;
    max-width: 400px;
    width: 100%;
    max-height: 300px;
    height: 100%;
    position: relative;

}
.logo{
    height: 40px;
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    background-color: #141120;
}
.logo_img{
    /*width: 25%;*/
    /*max-width: 100px;*/
    /*width: 100%;*/
    max-height: 40px;
    height: 100%;
  float: left;

}

.header__player{
    width: 100%;
    height: 100%;
}
.btn__play{
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: pointer;
    width: 70px;
    transform: translate(-50%, -50%);
}
/* .footer{
    background-color: #3e3a3b;
     position: absolute;
    top:calc(100% - 45px);
    width: 100%;
}
.footer__text{
    font-family: "Arial Narrow";
    color: #d4d4d4;
    font-size: 11px;
    text-align: center;
    margin-bottom: 7px;
}
.footer__link{
    font-family: 'Arial Narrow';
    color: #d4d4d4;
    font-size: 11px;
    text-align: center;
    display: block;
    margin: 0 auto;

} */
.footer {
    position: absolute;
    top: -webkit-calc(100% - 49px);
    top: -moz-calc(100% - 49px);
    top: calc(100% - 49px);
    left: 0;
    right: 0;
    margin: 0 auto;
}
.footer__text {
    font-size: 12px;
    padding: 0 10px;
    line-height: 1;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
    color: #919191a8;
}
.btn-container {
    margin: 10px auto;
    max-width: 1140px;
    width: 70%;
    min-width: 290px;
    display: flex;
    justify-content: space-between;
}
@media (orientation: portrait) and (max-width: 500px) and (max-height: 900px){
.btn-container {
    width: 100%;
}
}
.btn-bottom {
    color: #2f2f2fb0;
    font-family: Arial;
    padding: 10px 15px;
    text-align: center;
    font-size: 15px;
    width: 25%;
    margin: 0 5px 5px;
    background-color: #ececec;
    line-height: 1;
}
@media (orientation: portrait) and (max-width: 500px) and (max-height: 900px){
    .btn-bottom {
        padding: 10px;
        font-size: 14px;
    }
}
@media screen and (max-width: 321px) and (max-height: 569px){
    .btn-bottom {
        padding: 8px;
        font-size: 12px;
    }
}

@media screen and (orientation:landscape) {
    .wrap{
        width: 100%;
    }
    body{
        background-color: #ffffff;
    }

}




/*Media Requests*/
/*PC*/

/*Nexus 9 - Chrome - album*/
/*Nexus 7 - Chrome - album*/
@media screen and (max-width: 961px)and (max-height:433px) {
    .container {
        padding-top: 0;
    }
    .header__video {
        width: 400px;
    }
    .logo{
        width: 400px;
        height: 30px;
    }


}
/*pixel 4xl, one plus 7T, s20 ultra album*/
@media screen and (max-width: 870px)and (max-height:333px) {
    .header__video {
        width: 300px;
    }
    .logo{
        width: 300px;
        height: 20px;
    }
    .btn__play{
        width: 50px;
        /*left: 45%;*/
    }
}
/*pixel 4 xl - Chrome - album*/
/*one plus 7T - Chrome - album*/
/*samsung galaxy S20 Ultra - Chrome - album*/
/*Ipad Pro 11 2018 - Safary - portrait*/
/*Ipad Pro 11 2018 - Chrome - portrait*/
/*Pixel 4 - Chrome - album*/
@media screen and (max-width: 831px)and (max-height:292px) {
    .header__video {
        width: 300px;
    }
    .logo{
        width: 300px;
        height: 20px;
    }
    .btn__play{
        width: 50px;
        /*left: 45%;*/
    }

}
/*Pixel 3a XL - Chrome - album*/
@media screen and (max-width: 817px)and (max-height:353px) {
    .header__video {
        width: 330px;
    }
    .logo{
        width: 330px;

    }
    .btn__play{
        width: 60px;
    }
}
/*one plus 7, 6T - Chrome - album*/
/*Ipad 7th - Safary - portrait*/
/*Ipad 7th - Chrome - portrait*/

/*iPhone 11, 11 Pro Max, XS Max, XR - Safary - album*/
@media screen and (max-width: 809px)and (max-height:415px) {
    .header__video {
        width: 400px;
    }
    .logo{
        width: 400px;
    }

    .btn__play{
        width: 70px;
    }

}
/*iPhone 11, 11 Pro Max, XS Max, XR - Chrome - album*/
@media screen and (max-width: 809px)and (max-height:365px) {
    .header__video {
        width: 360px;
    }
    .logo{
        width: 360px;

    }
    .btn__play{
        width: 60px;
    }
}
/*iPhone 11, 11 Pro Max, XS Max, XR - Firefox - album*/
@media screen and (max-width: 809px)and (max-height:338px) {
    .header__video {
        width: 320px;
    }
    .logo{
        width: 320px;
        height: 20px;
    }

}
/*Samsung Galaxy Tab 4.10.1 - portrait*/
/*Samsung Galaxy S9+, S8+, Note 9, Note 8 - Chrome - album*/
@media screen and (max-width: 799px)and (max-height:333px) {

    .header__video {
        width: 300px;
    }
    .logo{
        width: 300px;
        height: 20px;
    }
    .btn__play{
        width: 60px;
    }
}
/*Samsung Galaxy A10, Note 10, Note 10+ - Chrome - album*/
/*Samsung Galaxy S10+ - Chrome - album*/
/*Samsung Galaxy S20+ - Chrome - album*/
@media screen and (max-width: 781px)and (max-height:314px) {
    .header__video {
        width: 300px;
    }
    .logo{
        width: 300px;
        height: 20px;
    }
}

/*iPhone 8+, 6S+, 6+ - Safary - album*/
@media screen and (max-width: 737px)and (max-height:415px) {
    .container{
        padding-top: 0vh;
    }
}
/*iPhone 8+, 6S+ - Chrome - album*/

    @media screen and (max-width: 737px)and (max-height:359px) {

        .header__video {
            width: 300px;
        }
        .logo{
            width: 300px;
            height: 20px;
        }

        .btn__play {
            width: 50px;
        }
    }


/*iPhone 6S+ down, 6+ - Chrome - album*/
/*Samsung Galaxy S20 - Chrome - album*/
@media screen and (max-width: 727px)and (max-height:281px) {
    .header__video {
        width: 300px;
    }
    .logo{
        width: 300px;
        height: 22px;
    }
    .btn__play{
        width: 50px;
    }
}

/*iPhone 11 Pro, XS, X - Safary - album*/
@media screen and (max-width: 725px)and (max-height:376px) {
    .header__video {
        width: 330px;
    }
    .logo{
        width: 330px;

    }
    .btn__play{
        width: 60px;
    }
}
/*iPhone 11 Pro, XS - Chrome - album*/
@media screen and (max-width: 725px)and (max-height:326px) {
    .header__video {
        width: 330px;
    }
    .logo{
        width: 330px;
        height: 20px;
    }
    .btn__play{
        width: 60px;
    }

}
/*iPhone X - Chrome - album*/
/*iPhone X - Firefox- album*/
@media screen and (max-width: 725px)and (max-height:299px) {
    .header__video {
        width: 300px;
    }
    .logo{
        width: 300px;
        height: 18px;
    }
}
/*Samsung Galaxy Tab S6, Tab S5e, Tab S4 - portrait*/
/*ZTE - album*/
@media screen and (max-width: 706px)and (max-height:272px) {
   .header__video {
        width: 290px;
    }
    .logo{
        width: 290px;
    }
    .btn__play{
        width: 40px;
      /*  left: 45%;*/
    }
}

/*Samsung Galaxy S9, S8, A8 - Chrome - album*/
@media screen and (max-width: 693px)and (max-height:281px) {
    .header__video {
        width: 290px;
    }
    .logo{
        width: 290px;
        height: 20px;
    }
    .btn__play{
        width: 50px;
    }

}
/*Samsung Galaxy S9, S8, A8 - Chrome - album*/
@media screen and (width: 740px)and (max-height:281px) {
    .header__video {
        width: 290px;
    }
    .logo{
        width: 290px;
        height: 20px;
    }
    .btn__play{
        width: 50px;
    }

}
/*Nexus 6 - Chrome - album*/
@media screen and (max-width: 691px)and (max-height:333px) {
    .header__video {
        width: 300px;
    }
    .logo{
        width: 300px;
        height: 20px;
    }
    .btn__play{
        width: 55px;
    }

}

/*Moto G7 Play, Samsung Galaxy S10e - Chrome - album*/
@media screen and (max-width: 675px)and (max-height:281px) {
    .header__video {
        width: 280px;
    }
    .logo{
        width: 280px;
    }
    .btn__play{
        width: 45px;
        /*left: 45%;*/
    }
}
/*iPhone 8, 7, 6S, 6 - Safary - album*/
@media screen and (max-width: 668px)and (max-height:376px) {

    .header__video {
        width: 330px;
    }
    .logo{
        width: 330px;

    }
    .btn__play{
        width: 60px;
    }
}
/*iPhone 8, 7, 6S, 6 - Chrome - album*/
@media screen and (max-width: 668px)and (max-height:326px) {
    .header__video {
        width: 300px;
    }
    .logo{
        width: 300px;
        height: 20px;
    }
    .btn__play{
        width: 55px;
    }
}
/*iPhone 7, 6S, 6 down - Chrome - album*/
@media screen and (max-width: 668px)and (max-height:300px) {

    .header__video {
        width: 280px;
    }
    .logo{
        width: 280px;
        height: 20px;
    }
    .btn__play{
        width: 50px;
        /*left: 45%;*/
    }
}

/*Nexus 7 - Chrome - portrait*/
@media screen and (max-width: 601px)and (max-height:793px) {
    .wrap {
        width: 100%;
    }

}

/*iPhone SE - Chrome - album*/
@media screen and (max-width: 569px)and (max-height:271px) {
    .header__video {
        width: 260px;
    }
    .logo{
        width: 260px;
    }
    .btn__play{
        width: 50px;
    }
}


/*Pixel 3a XL - Chrome - portrait*/
@media screen and (max-width: 433px)and (max-height:737px) {
    .container{
        padding-top: 0;
    }

}


/*samsung galaxy S20 Ultra - Chrome - portrait*/
@media screen and (max-width: 413px)and (max-height:784px) {
    .container {
        padding-top: 0;
    }

}

@-moz-document url-prefix(){
    @media screen and (orientation:landscape) {
        .header__video {
        width: 300px;
    }
    .logo{
        width: 300px;
        height: 20px;
    }
    .btn__play{
        width: 50px;
        /*left: 45%;*/
    }
  
    }
}