@charset "utf-8";
/* CSS Document */

.webdesign {
    display:block
}
.mobiledesign {
    display:none
}

* { box-sizing:border-box; -webkit-box-sizing:border-box;}

body{ margin:0; padding:0;

text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;
font-smooth: always;

font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased; }


@font-face {
    font-family: 'opensans';
    src: url('../fonts/opensans/OpenSans-Regular-webfont.eot');
    src: url('../fonts/opensans/OpenSans-Regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/opensans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'wickedgrit';
    src: url('../fonts/wickedgrit/WickedGrit.eot');
    src: url('../fonts/wickedgrit/WickedGritd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/wickedgrit/WickedGrit.woff') format('woff'),
         url('../fonts/wickedgrit/WickedGrit.ttf') format('truetype'),
         url('../fonts/wickedgrit/WickedGrit.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'raleway';
    src: url('../fonts/raleway/Raleway.eot');
    src: url('../fonts/raleway/Ralewayd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway/Raleway.woff') format('woff'),
         url('../fonts/raleway/Raleway.ttf') format('truetype'),
         url('../fonts/raleway/Raleway.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'raleway_semibold';
    src: url('../fonts/raleway_semibold/raleway_semibold.eot');
    src: url('../fonts/raleway_semibold/raleway_semiboldd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway_semibold/raleway_semibold.woff') format('woff'),
         url('../fonts/raleway_semibold/raleway_semibold.ttf') format('truetype'),
         url('../fonts/rraleway_semibold/raleway_semibold.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'futura';
    src: url('../fonts/futura/futura.eot');
    src: url('../fonts/futura/futurad41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura/futura.woff') format('woff'),
         url('../fonts/futura/futura.ttf') format('truetype'),
         url('../fonts/futura/futura.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'futura_med';
    src: url('../fonts/futura_med/futura_med.eot');
    src: url('../fonts/futura_med/futura_medd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura_med/futura_med.woff') format('woff'),
         url('../fonts/futura_med/futura_med.ttf') format('truetype'),
         url('../fonts/futura_med/futura_med.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


h1, h2, h3, h4, h5, h6, ul{ font-family:'WickedGrit', sans-serif; font-weight:normal;}

p{ font-family:'opensans', sans-serif; font-weight:normal;}

::selection{ background-color:#e81d29;}

.mynav{ border-radius:0; 
    height:auto !important; 
    background-color:#000 !important; 
    min-height:70px; 
    position: fixed;
    width: 100%; 
    z-index: 1050;
}
.headerNav nav { -webkit-box-shadow: -1px 10px 33px -4px rgba(95,95,95,1);
-moz-box-shadow: -1px 10px 33px -4px rgba(95,95,95,1);
box-shadow: -1px 10px 33px -4px rgba(95,95,95,1);
}
.redtxt{
    color: #e81d26;
}
.botdivbrd {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #333;
}
.martopleft {
    margin-left: 10vw;
    margin-top: 3vw;
}
.storyLogo{ width:190px; margin-top:5%; /* position:absolute; bottom:5%; left:2.5%; width:10vw;*/}

.content_inner {
    width: 100%;
    min-height: 100vh;
    height: auto;
    padding: 80px 0 0 0;
    background-size: cover;
    background-color: #000;
    background-repeat: no-repeat;
    color: #fff;
    overflow: hidden;
    background-attachment: fixed;
}

.prodcontent_inner {
    width: 100%;
    min-height: 100vh;
    height: auto;
    padding: 90px 0 0 0;
    background-size: cover;
    background-color: #fff;
    background-repeat: no-repeat;
    color: #000;
    overflow: hidden;
    background-attachment: fixed;
}

.videocontent_inner {
    width: 100%;
    min-height: 100vh;
    height: auto;
    padding: 70px 0 0 0;
    background-size: cover;
    background-color: #000;
    background-repeat: no-repeat;
    color: #fff;
    overflow: hidden;
    background-attachment: fixed;
}

.shopImg{ position:relative; 
    display:block;  
    transition:all ease-out 0.2s; 
    padding:20px; 
    margin:10px; 
    text-align:center;
    color: #111;
    text-decoration: none;
}
.shopImg:hover{ transform:scale(1.1); box-shadow:11px 11px 20px rgba(0,0,0,0.5); color: #111;
    text-decoration: none; }

.webvideo {
    /* border: 1px solid #333; */
     width: 80vw;
     height: auto;
    margin: 0 auto;
    left: 10vw;
    position: absolute;
}
.btsthumb .playIcn{ position:absolute; display:none; left:40%; top:25%; width:20%; z-index:999;}

.btsthumb:hover .playIcn {
    display: block;
}
.thumbdoc {
    cursor: pointer;
}

.thumbdoc:hover .playIcn {
    display: block;
}
.thumbdoc .playIcn{ position: absolute;
    display: block;
    margin-left: 7vw;
    margin-top: 2vw;
    width: 50px;
    z-index: 999;}

.nogap {
    padding: 0 !important;
    margin: 0 !important;
}
.galImg{ position:relative; display:block; outline:5px solid transparent; outline-offset:-10px;}



.galoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0.75;
  transition: .5s ease;
  background: rgba(0,0,0,0.6);
}

.galImg:hover .galoverlay {
  opacity: 1;
}


.galImg h4{ position:absolute; display:inline-block; color:#fff; bottom:15px; left:30px; letter-spacing:2px; font-size:1.2em;}

#head_navigation{ font-size:1vw; margin-top:12px;}
#head_navigation li{ margin-right:0.5vw;}
#head_navigation li a{ color:#fff; transition:transform ease-out 0.2s;}
#head_navigation li a:hover, #head_navigation li a.active{ color:#e81d29; transform:scale(1.1);}


.marginright25 {
    margin-right: 25px !important;
}

.accHead {
    margin-bottom: 6vh;
    font-size: 4vh;
}
.subhead {
    padding: 0;
    margin: 0;
    font-size: 2.3vh;
}
.rightaln {
    float: right;
}
.plusminus{
    font-size: 4vh;
    color: #fff;
    border: 0.2vw solid #fff;
    border-radius: 50vh;
    width: 3vw;
    height: 6vh;
    display: inline-block;
    text-align: center;
    text-decoration: none !important;
}

.buttonstyle {
    padding: 5px 0px;
    color: #999;
    text-decoration: none !important;
    border-bottom: 1px solid #333;
    margin: 0 0 0 15px;
    cursor: pointer;
}
.nopad{
    padding: 0;
}

.buttonstyle:hover {
    color: #e81d29;
    border-bottom: 1px solid #e81d29;
}
.modal-content {
    border-radius: 0px;
}

.inputcode {
    box-sizing: border-box;
    border-bottom: 1px solid #999 !important;
    padding: 10px 16px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-radius: 0;
    outline: none;
    border: 0px;
    box-shadow: none;
}

.inputcode:focus {
    outline:none !important;
    box-shadow:none !important;
    border-bottom: 1px solid #333 !important; 
}
.modaltitle {
    font-size: 3vh;
    margin: 0;
}
.margintop {
    margin-top: 20px;
}
/* When the input field gets focus, change its width to 100% */

.nav input[type=text] {
    width: 12vw;
    box-sizing: border-box;
    margin-left: 1vw;
    font-size: 1.25vw;
    background-color: transparent;
    background-image: url(../images/search.png);
    background-position: right center;
    border: 0;
    background-repeat: no-repeat;
    padding: 0.5vw 2.5vw 0.5vw 1vw;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-radius: 0;
    outline: none;
    border-bottom: 1px solid #333;
    color: #666;
    background-size: 1.2vw
    
}
.nav input[type=text]:focus {
    width: 14vw;
    outline:none !important;
    box-shadow:none;
    background-position: 96% 50%;
    border-bottom: 1px solid #e81d29; 
}
.returnlast {
    float: left;
    color: #999;
    text-decoration: none !important;
    margin-right: 25px;
    font-weight: bold;
}
.returnlast:hover {
    color: #e81d26;
}
.joinbtn {
    color: #fff;
    transition: all ease-out 0.2s;
    text-decoration: none !important;
    padding: 10px 15px;
    font-size: 15px;
    font-weight: bold;
    font-family: 'WickedGrit', sans-serif;
    display: inline-block;
}
.joinbtn:hover {
    color: #d1aa66;
   transform: scale(1.1);
}
.pairinput {
    padding: 8px 15px;
    border: solid 1px #cacaca;
    width: 15vw;
    float: left;
}

.formdevice .btn {
    width: auto;
    border-radius: 0px;
}

.castdetails {
    position: absolute;
    z-index: 999;
    top: 20%;
    margin-left:49%;
    font-family: 'WickedGrit', sans-serif;
}
.casttitle {
    font-size: 5vh;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
     font-family: 'WickedGrit', sans-serif;

}
.titleName{
    font-size: 3vh;
    font-weight: bold;
    color: #fff;
     font-family: 'WickedGrit', sans-serif;
    /* margin-left: 2.5vw;*/
}
.castname{
    font-size: 3vh;
    font-weight: bold;
    font-family: 'WickedGrit', sans-serif;
    color: #e81d29;
    margin-left: 2.5vw;
}
.plus {
     color: #e81d29 !important;
}

.menu_top{ float:right;}

.menu_top li { float:left;}

.content{ width:100%; height:100vh; padding:70px 0 0 0;   background-color:#000;     background-size: cover; background-repeat:no-repeat;
    background-attachment: fixed;
}

.logo_landing {      width: 31vw;
    height: 69vh;
    background-size: 100%;
    float: right;
    margin-right: 128px;
    margin-top: 45px; background-image: url(../images/mainLogo.png); background-repeat:no-repeat;
    color: #fff;
}
.logo_landing h2 {     font-weight: bold;
       font-weight: bold;
    font-family: 'futura_med';
    font-size: 1.4em;
        margin-top: 7vh;
    text-align: center;}
.logo_landing h3 { 
    font-family: 'raleway_semibold';
    letter-spacing: 4px;
    font-size: 1.3em;
   margin-top: 25vh;

    text-align: center;}
.logo_landing h4 { font-size: 1.5em;
    text-align: center;
        margin-top: 12vh;}
.logo_landing p { text-align:center;     margin-top: 8vh;}
.logo_landing p a { padding:15px 20px; line-height:18px; color:#fff;  font-family: 'wickedgrit'; font-size:18px; border:solid 2px #fff; border-radius:5px; font-weight:normal;
    cursor: pointer;
}
.htauto{ height:auto !important;}

.closebt_cont{ position:absolute; 
    right: 14px;
    top: 20px; 
    cursor: pointer; 
    display:none;
}
.user{ padding:5px; display:block; position:absolute; right:14px; top:8px; color: #fff;
    transition: all ease-out 0.2s;}

.width45 {
    width: 45px;
}
.userimg{ display:block; border:3px solid #fff;}
.bar1, .bar2, .bar3 {
    width: 25px;
    height: 3px;
    background-color: #fff;
    border-radius:2px;
    margin: 6px 0;
    transition: 0.4s;
}
/* Rotate first bar */
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
    transform: rotate(-45deg) translate(-9px, 6px) ;
}
/* Fade out the second bar */
.change .bar2 {
    opacity: 0;
}

/* Rotate last bar */
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-7px, -4px) ;
    transform: rotate(45deg) translate(-7px, -4px) ;
}

.headLogo{ width:205px;}
.headLogo2{ width:140px; display:none;}

.sidepos{left: -85px !important}

.logout{ color:#e81d29 !important; cursor: pointer; }
.apphead{ text-align: center;
    color: #d9242f;
    font-size: 55px;
    margin-top: 54px;}
.appsubhead{ text-align:center; color:#fff; font-family:'raleway_semibold'; margin-top:3%; font-size:32px; margin-bottom:20px;}
.apptxt{ text-align:center; font-family:'opensans', sans-serif; color:#fff; font-size:18px; font-weight:500; margin-top:3%; padding:0 10%;}
.app_blk { width:80%; height:100%; margin-right:10%; float:right; margin-top:31%;}
.app_blk .app_lft { display:inline-block;}
.app_blk .app_lft img { width:85%;}

.headLogo {
    width: 140px;
}



.aeom_blk { width:100%; height:100%; background-image:url(../images/app_bg.png); background-repeat:no-repeat; background-position:right top; background-color:#000;}
.aeom_blk .app_lft { display:inline-block;}
.aeom_blk .app_lft img { width:85%;}

.apps_btns { display:inline-block; left:19%;}
.apps_btns a { width:150px; height:51px; float:left; margin:5px; background-size:100%; background-repeat:no-repeat;}
.apps_btns a:hover { opacity:0.7;}
.apps_btns .ap_ios { background-image:url(../images/ios_ico.png);}
.apps_btns .ap_gp { background-image:url(../images/google_play.png);}
.apps_btns .ap_amz { background-image:url(../images/amazon_ico.png);}
.app_cn { width:100%; float:left; margin-top:25px;}
.app_cn .app_logo { width:100%; display:inline-block; margin-top:10%;}
.app_cn .app_logo img { width:65%; float:left; margin-left:10%;}
.app_cn h3 { font-weight:normal; font-size:26px; margin-bottom:15px; color:#b1a271; font-family: 'futura';}
.app_cn p { font-size:16px; color:#bebcbd; font-family: 'opensans';}
.app_cn h3 .headspan { color:#fff; font-weight:bold;}
.app_cn ul { padding:0px; margin-top:25px;}
.app_cn ul li { float:left; width:100%; margin-bottom:10px; list-style:none; background-position:left 3px; background-repeat:no-repeat; padding-left:80px; background-size:30px;}
.app_cn ul li h3 { font-family: 'WickedGrit', sans-serif; font-size:20px; color:#fff; margin-bottom:5px; margin-top:0px; text-transform:uppercase;}
.app_cn ul li p { font-size:14px; line-height:16px; color:#959595; font-family: 'futura_med'; margin-bottom:0px;}
.app_cn .ap_clp { background-image:url(../images/app_clip.png);}
.app_cn .ap_crt { background-image:url(../images/app_crt.png);}
.app_cn .ap_mem { background-image:url(../images/app_meme.png);}
.app_cn .ap_news { background-image:url(../images/app_news.png);}


.aeom_btns { display:inline-block; position:absolute; bottom:5%; left:19%;}
.aeom_btns a { width:150px; height:51px; float:left; margin:5px; background-size:100%; background-repeat:no-repeat;}
.aeom_btns a:hover { opacity:0.7;}
.aeom_btns .ap_ios { background-image:url(../images/ios_ico.png);}
.aeom_btns .ap_gp { background-image:url(../images/google_play.png);}
.aeom_btns .ap_amz { background-image:url(../images/amazon_ico.png);}


.aeom_cn { width:80%; float:left;}
.aeom_cn .app_logo { width:100%; display:inline-block; margin-top:10%;}
.aeom_cn .app_logo img { width:65%; float:left; margin-left:10%;}
.aeom_cn h3 { font-weight:normal; font-size:22px; color:#959595; font-family: 'futura';}
.aeom_cn h3 .headspan { color:#fff; font-weight:bold;}
.aeom_cn ul { padding:0px; margin-top:25px;}
.aeom_cn ul li { float:left; width:100%; margin-bottom:10px; list-style:none; background-position:left 3px; background-repeat:no-repeat; padding-left:80px; background-size:30px;}
.aeom_cn ul li h3 { font-family: 'WickedGrit', sans-serif; font-size:20px; color:#fff; margin-bottom:5px; margin-top:0px; text-transform:uppercase;}
.aeom_cn ul li p { font-size:14px; line-height:16px; color:#959595; font-family: 'futura_med'; margin-bottom:0px;}
.aeom_cn .ap_clp { background-image:url(../images/app_clip.png);}
.aeom_cn .ap_crt { background-image:url(../images/app_crt.png);}
.aeom_cn .ap_mem { background-image:url(../images/app_meme.png);}
.aeom_cn .ap_news { background-image:url(../images/app_news.png);}

.storysubhead{   margin-top:3%; font-size:32px; margin-bottom:20px; color:#333;}
.storytxt{ font-family:'opensans', sans-serif; font-size:18px; margin-top:3%; text-align:justify; line-height: 28px; color:#333; }
.appleLogo{ width:73px; margin-top:50px;}
.tvos_fit{ width:85%; display:inline-block !important;}
.appbtn{ width:100%; height:auto; display:block; text-decoration:none; border:1px solid rgba(255,255,255,0.5); background-color:rgba(0,0,0,0.5); transition:all 0.2s ease-out; margin:auto; margin-bottom:20px;}
.appbtn:hover{ transform:scale(1.05); border:1px solid rgba(255,255,255,0.9);}
.apptitle{ text-align: center;
    position: absolute;
    display: block;
    bottom: 26px;
    width:100%;
    color: #fff;
    font-family: 'raleway_semibold';
    z-index: 9;}
.appbtnimg{ width:100%; position:relative; }
.appbtnContainer{ width:75%; margin:0 auto 30px auto;}
.devicebtnContainer{ width:90%; margin:0 auto 30px auto;}
.main_container{ width:90%; margin:0 auto;}
.bsi { font-size:10px;} 
.vid_det { display:none;}
.vid_det2 {     width: 718px;     margin-left: 195px; float: left; display:block; color:#fff;}
.vid_det2 h2 { font-size:13px; line-height:20px; margin-bottom:5px; margin-top:13px; float:left;}
.vid_det2 .vd_sol { width:230px; float:left; margin-top: 11px;     margin-left: 55px; }
.vid_det2 .vd_sol ul { margin:0px; padding:0px;}
.vid_det2 .vd_sol ul li { list-style:none; float:left; margin:0 10px 0 0;}
.vid_det2 .vd_sol ul li a { font-size: 14px; color: #dbdbdc;  background-size: 22px; background-position:0 50%; float:left;     line-height: 24px;  height: 24px; padding-left:30px;  background-repeat:no-repeat;}
.vid_det2 .vd_sol .vd_lke { background-image:url(../images/viw_vd.png);}
.vid_det2 .vd_sol .vd_fav { background-image:url(../images/fav_vd.png);     background-size: 20px;}
.vid_det2 .vd_sol .vd_shr { background-image:url(../images/shr_vd.png);     background-size: 17px;}
.Videobtns { width:142px !important; margin-left:30px;}
.videopopcontain { padding:0px !important;}
.Videobtn {     width: 42px !important;  height: 46px !important;}
.video_popup .VideoShare {     margin-top: 7px; margin-right:30px;}
.video_popup h3 {     font-size: 13px;}
.vshareIcons {     width: 17px !important; height: 17px !important;     margin: 8px 3px 3px 3px !important;}
.rls_dt { padding:20px !important;}
.rls_dt h2 { font-size:26px; margin:10px 0 30px 0;}
.rls_dt h3 { font-size:20px; margin:0px;}
.rls_dt td { padding:12px; font-size:15px;}
.rls_dt .date { text-align:right;}
.drt { width:500px;  }
.drt .cst { font-size:24px; color:#fff;     font-family: 'WickedGrit', sans-serif;} 
.drt .drt_nm { color:#fff;   font-family: 'futura'; font-weight:normal; font-size:23px; margin-bottom:20px; float: left; width: 100%;  margin-bottom: 6px; line-height: 28px; }
.drt_btn { width:100px; float:right;}
.drt .plus { font-family: 'WickedGrit', sans-serif; font-size:40px; width:25px; float: left; margin-right:20px; line-height: 19px; }
.drt .drt_sn { float:right; text-align:right;}
.cst_sb { color:#e81d29; font-size:18px;}
/*.scontainer .slick-prev { left: 73vw !important;}
.scontainer .slick-next {     left: 76.5vw !important;}*/
.cst_btn {     position: absolute;
    z-index: 9999;     width: 115px;
    left:78%;
    top: 30%;}
.scontainer .slick-next {     display: block; top: 28% !important; left: 78% !important; position:absolute;}
.scontainer .slick-prev {     display: block; top: 28% !important; left: 73% !important;  position:absolute;}
.flm_mkr { color:#e81d29;}
.slider .slick-prev, .slider .slick-next { background:none !important;}
.scontainer .slick-slider { background-size: cover !important; background-position:bottom right;}

.slt_blk select {
    padding: 6px 10px;
    border: solid 1px #222222;
    -webkit-appearance: none;
    border-radius: 3px;
    background-size: 17px;
    background-color: #191919;
    float: left;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    background-image: url(../images/slt_bg.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 48%;
    margin: 0 1%;
}


@media (min-width:320px)and (max-width:560px) { 

.aeom_btns a { width:85px;}
.aeom_btns { bottom:-3%;}

.apps_btns a { width:85px;}
.apps_btns { bottom:-3%;}
.app_cn .app_logo img {     width: 60%;
    margin-left: 20%;}
.app_cn .app_logo { margin-bottom:0px;}
.app_cn ul li h3 { font-size:17px;}
.trk_lst { width:100% !important;}
.aeom_cn .app_logo img {     width: 60%;
    margin-left: 20%;}
.aeom_cn .app_logo { margin-bottom:0px;}
.aeom_cn ul li h3 { font-size:17px;}

}

@media only screen and (max-width: 600px){
.castdetails { top: 44%;  margin-left: 3%}
.scontainer .slick-prev, .scontainer .slick-next {     top: 54% !important;}
.slick-prev {     left: 71% !important;}
.navbar-brand {
      background-image: url(../../s3.amazonaws.com/peafowl/progpics/mob-logo.png);
    background-size: 100%;
    height: 50px !important;
    width: 167px;
    background-repeat: no-repeat;
    margin-top: 18px;
    background-position: bottom center;
    margin-left: 37% !important;
}
}
@media only screen and (max-width: 1280px){
.slick-prev {  left: 76%; }
.slick-next { left: 81%; }
.scontainer .slick-prev, .scontainer .slick-next { top: 30%;}
.slick-dots {     margin-left: 201px !important; padding: 0px;  margin-bottom: 30px;  margin-top: -78px; position:absolute;}
.music .slick-dots  { position:relative !important; margin-top:0px !important;}
.apps .slick-arrow { bottom:20% !important;}
.apps .slick-prev {     bottom: 66px !important; left: 191px !important;}
.apps .slick-next { bottom: 66px !important; left:275px !important;}
    }
@media (min-width:601px)and (max-width:767px) {
.castdetails {     top: 45%; margin-left: 3%;}
.scontainer .slick-prev, .scontainer .slick-next { top: 54% !important; }
.slick-prev { left: 72% !important; }
     }
@media (min-width:481px)and (max-width:549px) {
.castdetails {     top: 45%; margin-left: 3%;}
.scontainer .slick-prev, .scontainer .slick-next { top: 54% !important; }
.slick-prev { left: 85% !important; }
.slick-next {left: 71% !important; }
     }
@media (min-width:769px)and (max-width:1024px) {
.trk_img { margin-right: 10px !important;}
.trk_tit {     margin-right: 10px !important; width: 216px !important;}
.track {     width: 300px !important; margin-right:10px;}
.trk_cnl { width: 218px !important; height:25px !important;}
.trk_cnl a { width:22px !important; height:22px !important; margin-right: 25px !important;}
.trk_cnl .sfl {     background-size: 22px !important;}
.trk_cnl .nxt { background-size: 13px !important;}
.trk_cnl .rpt {     background-size: 20px !important; margin-right:0px !important;}
.trk_cnl .pvs {     background-size: 13px !important;}
.trk_cnl .pas {  width:30px !important; height:30px !important;     background-size: 30px !important;}
.sek_blk .rtm {     width: 12% !important;}
.sek_blk .sek_bar { width: 76% !important;}
.sek_blk .ttm {     width: 12% !important; font-size: 13px !important;}
.trk_cnl { margin-top:22px !important;}
 .logo_landing {     width: 34vw; }
 #head_navigation {     font-size: 0.7em !important;}
.trk_vlm { margin-right:0px !important;}
.slik_cn { margin-left:37% !important;}

/* .storyLogo {
    width: 30%;
}*/
.shareIcons{width: 25px;
    height: 25px;}

.er_img { display:none;}
.t404 { margin-top:60px !important;}
.et_blk { width:300px !important;}
.et_blk img { width:282px !important;}
.slick-dots {     margin-left: 146px !important; padding: 0px;  margin-bottom: 30px;  margin-top: -190px !important; position:absolute;}
.apps .slick-arrow { bottom:20% !important;}
.apps .slick-prev {     bottom: 177px !important; left: 128px !important;}
.apps .slick-next { bottom: 177px !important; left:234px !important;}
 }

@media (min-width:1367px)and (max-width:1930px) {

.mynav{ height:105px;}
#head_navigation{ font-size:1vw;  }

.content_inner{ padding-top:93px;}

.appbtn{ width:100%;}
.apptxt{ font-size:31px;}
.appbtnContainer{ width:70%;}
.devicebtnContainer{ width:84%;}

.slt_blk select {
    padding: 21px 10px;
    border-radius: 8px;
    background-size: 33px;
    font-size: 17px;
}

}
@media (min-width:1172px)and (max-width:1279px) {
.scontainer .slick-prev, .scontainer .slick-next {
    top: 30% !important;
}
.slick-next {
    left: 85% !important;
}
.slick-prev {
    left: 80% !important;
}
.et_blk { margin: 20px 20px !important;}
 .apps { background-position: 100% 0%;}
    }
@media (min-width:768px)and (max-width:1279px) { 
    .apps_btns a {
    width: 134px;
}
.logo_landing{     width: 345px;
       height: 393px;
    margin-right: 66px;
    margin-top: 138px;
}
.logo_landing h2 {    font-size: 20px;
    margin-top: 25px;}
.logo_landing h3 {        font-size: 18px;
    margin-top: 127px;}
.logo_landing h4 { font-size: 18px;
    margin-top: 58px;}
.logo_landing p {         margin-top: 41px;}
.logo_landing p a { padding: 11px 17px;}
.scontainer .slick-prev, .scontainer .slick-next { top:58%;}
.slick-prev { left:46%;}
.slick-next { left:53%;}
.drt .drt_nm { margin-top:10px;}
 .apps { background-position: 100% 0%;}
 .dfn { width:100% !important;}
 .app_blk { margin-top:44%;}
}

@media (min-width:768px)and (max-width:1169px) {
    .slider .slick-prev, .slider .slick-next{ background-color:transparent !important;}
.content{ background-size:cover;}
#head_navigation{ font-size:1vw; margin-top:12px;}

.closebt_cont {     left: 16px;}
.cst_btn {
    left: 56%;
    top: 76%;
}
.castdetails {     top: 48%;
    margin-left: 2%;}
.slider .slick-prev, .slider .slick-next {     height: 34px !important;}
}
@media (width:768px) {
.app_mob { width: 100% !important; margin-left:0px !important;}
.app_blk { margin-top: 50%; }
.app_blk2 { margin-top: 270px !important; }
.appBg { background-position: 100% 0 ;}
.headLogo { width: 129px !important; margin:0 0 0 0 !important;}
#search { display:none;}
#head_navigation li a { font-size:12px !important;     padding: 10px 10px !important;}
.prodcontent_inner .col-xs-12 {     padding: inherit !important;}

 }
 @media (min-width:320px)and (max-width:768px) {
	.app_blk2 { margin-top:276px !important;}
    .btstxt .videoback
        {    margin-top: -30px;     
            background: transparent !important;
        }
.aeom_cn .app_logo { margin-top:5%; margin-bottom:5%;}
    .aeom_cn .app_logo img {  width: 50%;  margin-left: 25%; }
    .aeom_cn { width:100%; margin-bottom:5%;}

	 .act_img { float:left; width:100%; margin-top:20px;}
	.act_img img { width:100% !important;}
	.wrap { width:100%; margin: 30px auto 0 auto !important;}
	.act_dvs .accHead { font-size:22px !important;}
	.act_dvs ul li { font-size: 14px; }
    .app_blk .app_lft img { width:100%;}
    .aeom_blk .app_lft img { width:100%;}
    .app_cn .app_logo { margin-top:5%; margin-bottom:5%;}
    .app_cn .app_logo img {  width: 50%;  margin-left: 25%; }
    .app_cn { width:100%; margin-bottom:5%;}
    .apps_btns { left:1%;}
	.slik_cn { margin-left:33% !important;     margin-bottom: 228px !important;}
.aeom_btns { left:1%;}

.er_img { display:none;}
.webdesign {
    display:none
}
.mobiledesign {
    display:block
}
     .pairinput {     width: 60vw;}
     #head_navigation li a { font-size:14px;}
     #head_navigation .disabled {
    display: none !important;
}
/*.scontainer .slick-next { left:39vw !important;}*/

#swipebox-action #swipebox-close { background-position: 3px 12px !important; left: 10px !important;     width: 20px !important;} 
#swipebox-action #swipebox-prev {     background-position: -49px 13px !important; right: 80% !important;     width: 20px !important;}
#swipebox-action #swipebox-next { right: 72% !important;     background-position: -96px 13px !important;     width: 20px !important;}
.fb { background-size: 48% !important;}
.shareIcons {     width: 16px !important;     background-size: 100%;}
.prd_des { border:none;}
.mbh { display:none;}
.legalbtn {     font-size: 14px;  top: 4px !important;}
.footerCont {   padding: 14px !important;}
.footerCont p { width:100% !important;   }
.btstxt {     font-size: 22px !important;}
.btsTitle {     padding: 10px 15px;  margin: 5px 0 20px 0;}
.webvideo { width:100%; margin-top:23px;}
.mobilegap { padding:0px;}
.mobilegap .col-md-12 { padding:0px;}
.mobilegap .col-lg-4 { padding:0px;}
.mobilegap .col-sm-6  { padding:0px;}
.mobilegap .col-xs-12  { padding:0px;}
.vid_det { padding:10px; display:block; color:#fff;}
.vid_det h2 { font-size:16px; line-height:20px; margin-bottom:5px;}
.vid_det .vd_sol { width:100%; float:left; margin-top:18px; }
.vid_det .vd_sol ul { margin:0px; padding:0px;}
.vid_det .vd_sol ul li { list-style:none; float:left; margin:0 10px 0 0;}
.vid_det .vd_sol ul li a { font-size: 14px; color: #dbdbdc;  background-size: 22px; background-position:0 50%; float:left;     line-height: 24px;  height: 24px; padding-left:30px;  background-repeat:no-repeat;}
.vid_det .vd_sol .vd_lke { background-image:url(../images/viw_vd.png);}
.vid_det .vd_sol .vd_fav { background-image:url(../images/fav_vd.png);     background-size: 20px;}
.vid_det .vd_sol .vd_shr { background-image:url(../images/shr_vd.png);     background-size: 17px;}
.Videobtns { width:142px !important;}
.videopopcontain { padding:0px !important;}
.Videobtn {     width: 42px !important;  height: 46px !important;}
.video_popup .VideoShare {     margin-top: 7px;}
.video_popup h3 {     font-size: 13px;}
.vshareIcons {     width: 17px !important; height: 17px !important;     margin: 8px 3px 3px 3px !important;}
.t404 { margin-top:60px !important;}
.mac { width:inherit !important;}
.mac td { font-size:14px;     padding: 5px;}
.app_mob {     width: 60%!important; margin-left:20% !important;}
.apps { background-position:80% 0;}
/*.app_blk2 { margin-top: 41% !important; }*/
.app_blk {     width: 100% !important; margin-right:0% !important;     margin-top: 10%;}
.dfn { width:100% !important;}

     }
 @media (min-width:320px)and (max-width:768px) { 
 .vid_blk { height:auto !important;}

 }
 
  @media (min-width:320px)and (max-width:600px) { 
 .headLogo{ width:140px; display:none !important;}
 
  }
   @media (min-width:600px)and (max-width:768px) { 
   .trk_img { margin-right: 15px !important; width:74px !important;}
.trk_tit {     margin-right: 15px !important;     width: 180px !important;}
.track {  width: 273px !important; margin-right:20px !important;}
.trk_cnl { width: 170px !important;}
.sek_blk .rtm {     width: 12% !important;}
.sek_blk .sek_bar { width: 76% !important;}
.sek_blk .ttm {     width: 12% !important;}
.trk_cnl a { margin-right:15px !important;}
.trk_cnl .sfl {     background-size: 20px !important;}
.trk_cnl .pvs {     background-size: 12px !important;}
.trk_cnl .pas {     background-size: 28px !important; width:30px !important; height:30px !important;}
.trk_cnl .nxt {     background-size: 13px !important;}
.trk_cnl .rpt {     background-size: 17px !important; margin-right:0px !important;}
.trk_cnl a {     width: 20px !important;  height: 20px !important;}
.trk_vlm { margin:0 auto !important; float:none !important; padding-top:25px !important; padding-bottom:10px; display:table;}

  .headLogo {
    width: 140px;
    margin-left: 20%;
    margin-top: 5px;
}
.slick-dots {     margin-left: 66px !important; padding: 0px;  margin-bottom: 30px;  margin-top: -125px !important; position:absolute;}
.apps .slick-arrow { bottom:20% !important;}
.apps .slick-prev {     bottom: 111px !important; left: 49px !important;}
.apps .slick-next { bottom: 111px !important; left:152px !important;}
 }
@media (min-width:376px)and (max-width:767px) {
.appBg { background-position: 79% 0 !important;}
.closebt_cont{ display: block; right: inherit; left:15px;}
.navbar-brand {     margin-left: 41px;}
#head_navigation{ font-size:4vw; margin-top:12px;}
.content{ background-size:cover; background-image:url(../images/mob_bg.png) !important;}

.headLogo2{ width:186px; display:block;}
.navbar-brand { padding:0 !important;}
#head_navigation .disabled{ display:none !important;}
.appbtnContainer{ width:100%;}
.apphead{ font-size:42px;}

.storyLogo {
    width: 30%;

}
.nav input[type=text] {
    width: 50vw;
    background-size: 6vw;
    padding: 3vw 10vw 3vw 3vw;
    font-size: 4vw;
    margin-left: 6vw;
}

.nav input[type=text]:focus {
    width: 60vw;
    border-bottom: 1px solid #e81d29; 
}
#head_navigation {
    display:none;
}
.shareIcons{width: 20px;
    height: 20px;}
	.press .col-xs-12 { padding:0px; margin:0px;}
}
@media (min-width:480px)and (max-width:549px) {
.webdesign {
    display:none
}
.mobiledesign { display:block }
.navbar-brand { margin-left: 33vw !important; }
.storyLogo { width: 30%; }
.scontainer .slick-slide img{  height:65vh !important;}
.castdetails{ top: 70%; margin-left:2%;}
.cst_btn {     left: 72% !important; top: 56%;}
.casttitle { font-size:22px;     margin-top: 0}
.drt { width: 432px; }
.scontainer .slick-prev, .scontainer .slick-next { top:56%;}
.slick-prev { left:67%;}
.slick-next { left:82%;}
.app_blk2 { margin-top: 267px !important;}
.apps_btns a { width: 128px; }
.app_cn { margin-top:0px;}
.navbar-brand {
    background-image: url(../../s3.amazonaws.com/peafowl/progpics/mob-logo.png);
    background-size: 100%;
    height: 50px !important;
        width: 164px;
    background-repeat: no-repeat;
    margin-top: 18px;
    background-position: bottom center;
    margin-left: 36% !important;
}
.slick-dots {     margin-left: 170px !important; padding: 0px;  margin-bottom: 30px;  margin-top: -358px !important; position:absolute;}
.apps .slick-arrow { bottom:20% !important;}
.apps .slick-prev {     bottom: 345px !important; left: 143px !important;}
.apps .slick-next { bottom:345px !important; left: 262px !important;}
   .trk_img { margin-right: 15px !important; width:72px !important;}
.trk_tit {     margin-right: 0px !important;        width: 250px !important;}
.track {  width: 273px !important;    margin: 0 auto; float: none !important; display: table; padding-bottom:10px;}
.trk_cnl { width: 170px !important;     height: 28px !important;}
.sek_blk .rtm {     width: 12% !important;}
.sek_blk .sek_bar { width: 76% !important;}
.sek_blk .ttm {     width: 12% !important;}
.trk_cnl a { margin-right:15px !important;}
.trk_cnl .sfl {     background-size: 20px !important;}
.trk_cnl .pvs {     background-size: 12px !important;}
.trk_cnl .pas {     background-size: 28px !important; width:30px !important; height:30px !important;}
.trk_cnl .nxt {     background-size: 13px !important;}
.trk_cnl .rpt {     background-size: 17px !important; margin-right:0px !important;}
.trk_cnl a {     width: 20px !important;  height: 20px !important;}
.trk_vlm { position:absolute; right:10px; top:20px; margin:0px !important;}


    }
@media (min-width:320px)and (max-width:479px) {

.trk_img { margin-right: 15px !important; width:66px !important;}
.trk_tit {     margin-right: 0px !important; width: auto !important;}
.track {  width: 273px !important;    margin: 0 auto; float: none !important; display: table; padding-bottom:10px;}
.trk_cnl { width: 170px !important;     height: 28px !important;}
.sek_blk .rtm {     width: 12% !important;}
.sek_blk .sek_bar { width: 76% !important;}
.sek_blk .ttm {     width: 12% !important;}
.trk_cnl a { margin-right:15px !important;}
.trk_cnl .sfl {     background-size: 20px !important;}
.trk_cnl .pvs {     background-size: 12px !important;}
.trk_cnl .pas {     background-size: 28px !important; width:30px !important; height:30px !important;}
.trk_cnl .nxt {     background-size: 13px !important;}
.trk_cnl .rpt {     background-size: 17px !important; margin-right:0px !important;}
.trk_cnl a {     width: 20px !important;  height: 20px !important;}
.trk_vlm { margin:0px auto !important; float:none !important; padding-bottom:10px !important; display:table; padding-top: 15px;}
.trk_tit h3 { margin-top:17px !important;}
.vid_blk h3 { font-size:18px !important;}
.vid_blk p { font-size:13px !important;}
.slik_cn {     margin-bottom: 228px !important;}
.slik_cn .slick-arrow {
    width: 15px !important;
	margin-right:5px !important;
}
.slik_cn ul { margin:0px; padding:0px;}
    }
	
@media (min-width:376px)and (max-width:479px) {
   .webdesign {
    display:none
}
.mobiledesign {
    display:block
}   
    .scontainer .slick-slide img {     height: 65vh !important;}
    .casttitle { font-size:26px;     margin-top: 5px;}
    .scontainer .slick-prev, .scontainer .slick-next {
    top: 59% !important;
}
.slick-next {
    left: 86% !important;
}
.slick-prev {
    left: 74% !important;
}
.titleName { font-size:17px;}
.castdetails {
    top: 77%;
    margin-left: 3%;
}
.drt .cst {
    font-size: 17px;
}
.drt { width:315px;}
.drt .drt_nm { font-size:15px; margin-top: 0px;}
/* .app_blk2 {
    margin-top: 76% !important;
} */
.app_mob {
    width: 80%!important;
    margin-left: 10% !important;
}
.app_cn { margin-top:0px;}
.navbar-brand {
     background-image: url(../images/mob-logo.png);
    background-size: 100%;
    height: 50px !important;
    width: 155px;
    background-repeat: no-repeat;
    margin-top: 18px;
    background-position: bottom center;
    margin-left: 31% !important;
}
.slick-dots {     margin-left: 178px !important; padding: 0px;  margin-bottom: 30px;  margin-top: -365px !important; position:absolute;}
.apps .slick-arrow { bottom:20% !important;}
.apps .slick-prev {     bottom: 352px !important; left: 155px !important;}
.apps .slick-next { bottom: 352px !important; left: 270px !important;}
    }
@media (min-width:361px)and (max-width:375px) {
.appBg { background-position: 78% 0 !important;}
.slick-next {left: 84% !important;}
.slick-arrow {     width: 35px !important;}
.scontainer .slick-prev, .scontainer .slick-next {top: 52% !important;}
.et_blk { width:300px !important;}
.et_blk img { width:282px !important;}
.app_mob { width:80% !important; margin-left:10% !important;}
/* .app_blk2 { margin-top: 74% !important;} */
.app_cn { margin-top:0px !important;}
.content{ background-size:cover; background-image:url(../../s3.amazonaws.com/peafowl/progpics/mob_bg.png) !important;}
.headLogo{ width:140px; display:none !important;}
.headLogo2{ width:186px; display:block;}
.navbar-brand { padding:0 !important;}
.navbar-brand {
  background-image: url(../../s3.amazonaws.com/peafowl/progpics/mob-logo.png);
    background-size: 100%;
    height: 50px !important;
    width: 160px;
    background-repeat: no-repeat;
    margin-top: 18px;
    background-position: bottom center;
    margin-left: 27% !important;
}
.slick-dots {     margin-left: 125px !important; padding: 0px;  margin-bottom: 30px;  margin-top: -365px !important; position:absolute;}
.apps .slick-arrow { bottom:20% !important;}
.apps .slick-prev {     bottom: 352px !important; left: 100px !important;}
.apps .slick-next { bottom: 352px !important; left: 220px !important;}
    }
@media (min-width:361px)and (max-width:767px) {
    .logo_landing{        width: 243px;
    height: 282px;
    margin-right: 20px;
    margin-top: 221px !important;

}
.logo_landing h2 {        font-size: 16px;
    color: #fff;
    margin-top: 18px;}
.logo_landing h3 {    font-size: 14px;
    color: #fff;
    margin-top: 90px}
.logo_landing h4 {        font-size: 18px;
    text-align: center;
    margin-top: 37px;
    color: #fff;}
.logo_landing p {         margin-top: 34px;}
.logo_landing p a {     padding: 10px 15px;}

    }
@media (min-width:321px)and (max-width:375px) {
.webdesign { display:none }
.mobiledesign { display:block }
#head_navigation{ font-size:4vw; margin-top:12px;}
.closebt_cont{ display: block; right: inherit; left:15px;}
.navbar-brand {        margin-left: 24%;}
.content{ background-size:cover;}
.storyLogo { width: 30%; }
#head_navigation .disabled{ display:none !important;}
.appbtnContainer{ width:100%;}
.appbtn{ width:100%;}
.apphead{ font-size:42px;}
.appsubhead{ font-size:24px;}
.nav input[type=text] { width: 50vw; background-size: 6vw; padding: 3vw 10vw 3vw 3vw; font-size: 4vw; margin-left: 6vw; }
.nav input[type=text]:focus { width: 60vw; border-bottom: 1px solid #e81d29;  }
#head_navigation { display:none; }
.scontainer .slick-slide img{ height:65vh !important;}
.castdetails { top: 66%; margin-left: 10px;  width: 335px; }
.drt .drt_nm { font-size:16px; margin-bottom:0px;     line-height: 17px;}
.cst_btn {left:68%; top: 52%; }
.drt .cst { font-size:17px;}
.titleName { font-size:16px; margin-bottom:0px;}
.slider .slick-prev, .slider .slick-next{ background-color:transparent !important;}
/*.scontainer .slick-prev{ left: 24vw !important;
    top: 76vh !important;}*/
.casttitle{ font-size:20px; margin-top:5px;}
.castname { font-size:16px;}
.thumbdoc .playIcn {  margin-left: 17vw; }
.shareIcons{width: 20px;  height: 20px;}
.scontainer .slick-prev, .scontainer .slick-next { top:52%;}
.slick-prev { left:67%;}
.slick-next { left:79%;}

}

@media (min-width:320px)and (max-width:360px) {
	.appBg { background-position: 78% 0 !important;}
    .logo_landing{     width: 208px;
         height: 233px;
    margin-right: 25px;
       margin-top: 180px !important;

}
.logo_landing h2 {     font-size: 0.8em;
    color: #fff;
    margin-top: 3vh;}
.logo_landing h3 {     font-size: 0.6em;
    color: #fff;
    margin-top: 15vh;}
.logo_landing h4 {     font-size: 0.9em;
    text-align: center;
    margin-top: 4vh;
    color: #fff;}
.logo_landing p {     margin-top: 4vh;}
.logo_landing p a {     padding: 10px 15px; font-size:14px;}
    .navbar-brand {     margin-left: 24% !important;}
    .scontainer .slick-prev, .scontainer .slick-next { top:53%;}
.slick-prev { left:72%;}
.slick-next { left:83%;}
.slick-arrow {     width: 30px !important;}
.scontainer .slick-prev, .scontainer .slick-next {
    top: 52% !important;
}
.et_blk { width:260px !important;}
.et_blk img { width:244px !important;}
.press .col-xs-12 { padding:0px; margin:0px;}
.app_mob {
    width: 90%!important;
    margin-left: 5% !important;
}
/* .app_blk2 {
    margin-top: 88% !important;
} */
.apps {
    background-position: 77% 0 !important;
}
.navbar-brand {
    background-image: url(../../s3.amazonaws.com/peafowl/progpics/mob-logo.png);
    background-size: 100%;
    height: 50px !important;
    width: 130px;
    background-repeat: no-repeat;
    margin-top: 18px;
    background-position: bottom center;
    margin-left: 30% !important;
}
.app_cn p { font-size:14px;}
.content{ background-size:cover; background-image:url(../../s3.amazonaws.com/peafowl/progpics/mob_bg.png) !important;}
.headLogo{ width:140px; display:none !important;}
.navbar-brand { background-image:url(../../s3.amazonaws.com/peafowl/progpics/mob-logo.png); background-size:cover;}
.navbar-brand { padding:0 !important;}

}
@media (min-width:321px)and (max-width:360px) {
.slick-dots {     margin-left: 120px !important; padding: 0px;  margin-bottom: 30px;  margin-top: -380px !important; position:absolute;}
.apps .slick-arrow { bottom:20% !important;}
.apps .slick-prev {     bottom: 367px !important; left: 90px !important;}
.apps .slick-next { bottom: 367px !important; left: 195px !important;}
	}
@media (min-width:300px)and (max-width:320px) {

.aeom_btns { bottom:5%; }
.aeom_btns a {     width: 145px;     margin-left: 60px;}

.apps_btns { bottom:5%; }
.apps_btns a {     width: 145px;     margin-left: 60px;}
.app_blk .app_lft { height:385px;}
.aeom_blk .app_lft { height:385px;}
.app_cn .app_logo img {
    width: 70%;
    margin-left: 15%;
}
.app_cn h3 {     margin-top: 0px; font-size: 18px;}
.app_cn ul li h3 { font-size:16px;}
.app_cn ul li { padding-left: 50px;}    
.joinbtn { font-size: 10px;     margin-top: 16px;}

.aeom_cn .app_logo img {
    width: 70%;
    margin-left: 15%;
}
.aeom_cn h3 {     margin-top: 0px; font-size: 18px;}
.aeom_cn ul li h3 { font-size:16px;}
.aeom_cn ul li { padding-left: 50px;} 

.webdesign {
    display:none
}
.mobiledesign {
    display:block
}   
.storyLogo {
    width: 30%;
}
.content{ background-size:cover;}
.logo_landing{ margin-top:95%;}
#head_navigation .disabled{ display:none !important;}
.appbtn{ width:100%;}
#head_navigation {
    display:none;
}
#head_navigation{ font-size:4vw; margin-top:12px;}
.appsubhead{ font-size:20px;}
.nav input[type=text] {
    width: 50vw;
    background-size: 6vw;
    padding: 3vw 10vw 3vw 3vw;
    font-size: 4vw;
    margin-left: 6vw;
}
.nav input[type=text]:focus {
    width: 60vw;
    border-bottom: 1px solid #e81d29; 
}
.closebt_cont{ display: block; right: inherit; left:16px; }

.navbar-brand {
    margin-left: 20%;

}
.thumbdoc .playIcn {
    margin-left: 17vw;
}

.slider .slick-prev, .slider .slick-next{ background-color:transparent !important;}

.castdetails{ top:41vh; margin-left:3vw;}

.casttitle{ font-size:4vh;}

.scontainer .slick-slide img{  height:60vh !important;}
.shareIcons{width: 15px;
    height: 15px;}
castdetails {
   
    top: 66%;
    margin-left: 20px;
        width: 335px;
    
}
.drt .drt_nm { font-size:16px;     margin-top: 9px; margin-bottom:0px;     line-height: 16px;}
.drt { width: 300px;}
.cst_btn {
    left:76%;
        top: 52%;
}
.drt .cst { font-size:17px;}
.titleName { font-size:16px; margin-bottom:0px;}
.slider .slick-prev, .slider .slick-next{ background-color:transparent !important;}


/*.scontainer .slick-prev{ left: 24vw !important;
    top: 76vh !important;}*/
.casttitle{ font-size:20px; margin-top:5px;}
.castname { font-size:16px;}
.slick-dots { width:auto;        margin-left: 96px !important; padding: 0px;  margin-bottom: 30px;  margin-top: -470px !important; position:absolute;}
.apps .slick-arrow { bottom:20% !important;}
.apps .slick-prev { bottom: 456px !important; left: 77px !important;}
.apps .slick-next { bottom: 456px !important; left: 188px !important;}
}


/* AUTH0 POPUP */

#a0-onestep .a0-header {
 background:#141414 !important;
}

#a0-onestep .a0-header  .a0-bg-gradient {
 position:inherit !important;
}

#a0-onestep .a0-body-content {  background-color: transparent !important;
     }
#a0-lock.a0-theme-default .a0-popup .a0-centrix .a0-panel {  background-color: transparent !important;
   }

#a0-lock.a0-theme-default .a0-switch span { color:#fff !important; padding: 0;}

.a0-primary { background:#ed1c24 !important; bottom:0px !important;}

#a0-lock.a0-theme-default .a0-panel .a0-close { background:#434343 !important;
    border: 6px solid #434343 !important; }

#a0-lock.a0-theme-default .a0-panel .a0-email input, #a0-lock.a0-theme-default .a0-panel .a0-password input, #a0-lock.a0-theme-default .a0-panel .a0-repeatPassword input, #a0-lock.a0-theme-default .a0-panel .a0-username input {

 background-color: #1d1d1d !important;
 color: #ddd !important;
}

#a0-lock.a0-theme-default .a0-panel .a0-email .a0-input-box, #a0-lock.a0-theme-default .a0-panel .a0-password .a0-input-box, #a0-lock.a0-theme-default .a0-panel .a0-repeatPassword .a0-input-box, #a0-lock.a0-theme-default .a0-panel .a0-username .a0-input-box {
 background:#343434 !important;
     border: 1px solid #343434 !important;
}

#a0-lock.a0-theme-default .a0-panel .a0-all, #a0-lock.a0-theme-default .a0-panel .a0-forgot-pass {
    color:#ddd !important;
}
#a0-lock.a0-theme-default .a0-panel .a0-separator {
color:#ddd !important;
}

#a0-lock.a0-theme-default .a0-panel .a0-top-header h1 {
    color:#ddd !important;
}

#a0-lock.a0-theme-default .a0-panel .a0-top-header{
    background: #111;
}

.a0-footer {
    display:none !important;
}



#a0-lock.a0-theme-default .a0-panel .a0-sso-notice-container {
    background-color: transparent !important;
    color: #ddd !important;
}
#a0-lock.a0-theme-default .a0-panel .a0-mode {
    background-color: transparent !important;
}

.a0-close svg polygon { fill:#fff !important; }


#a0-lock.a0-theme-default .a0-panel .a0-instructions {
    background:transparent !important;
    color: #ddd !important;
}

.btstxt{ color:#fff; font-size:40px; margin-top: 50px; margin-bottom: 35px;}
/* .padthty{ padding:30px; box-sizing:border-box !important; -webkit-box-sizing:border-box !important;} */
.btsTitle{  
    font-family:'futura_med';  
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color:#fff; 

}

.btsthumb{ transition:all ease-out 0.2s; display:block; cursor: pointer;}
.btsthumb:hover{ transform:scale(1.05);}

.appiosCont{ width:90%; margin:30px auto 0 auto;}

.iappstorebtn{ width:233px; height:79px; background-image:url('../images/iAppStoreLogo.png'); display:block; margin:50px auto; background-size:100%; transition:all ease-out 0.2s;}
.iappstorebtn:hover{ transform:scale(1.1);}

.apptxt {
    text-align: center;
    font-family: 'opensans', sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-top: 3%;
}
.video_close{
    position: absolute;
    top: 80px;
    right: 9vw;
    z-index: 1040;
    background: #333;
    padding: 10px;
    border-radius: 50vw;
    cursor: pointer;
}

.bitdash-ctrl-w{
    z-index: 98 !important;
}

.bmpui-ui-watermark{
    display: none;
}

.precenter-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 90px;
    height: 90px;
    margin-top:100px;
    margin-bottom:100px;
}

.preloader_logo{ width: 70px;
    height: 70px;
    position:absolute;
    margin: 10px 10px;
    }

.preloader3 {
    width:90px;
    height:90px;
    display:inline-block;
    padding:0px;
    border-radius:100%;
    border:6px solid;
    position:absolute;
    border-top-color:rgba(236,28,35, 1);
    border-bottom-color:rgba(236,28,35, 1);
    border-left-color:rgba(242,178,181, 1);
    border-right-color:rgba(242,178,181, 1);
    -webkit-animation: preloader3 0.8s ease-in-out infinite alternate;
    animation: preloader3 0.8s ease-in-out infinite alternate;
}

@keyframes preloader3 {   from {transform: rotate(0deg);}   to {transform: rotate(360deg);}}@-webkit-keyframes preloader3 {   from {-webkit-transform: rotate(0deg);}   to {-webkit-transform: rotate(360deg);}}


.thumbwatch  {
    width: 100% !important;
    padding: 0;
}
.thumbwatchvideo {
    margin-top: 40px;
    margin-bottom: 40px;
}
.thumbwatch .slick-list {
    overflow: hidden;
}
.b-wrapper {
    height: auto;
}
.videoShare{ 
    width:auto; 
    display:block; 

}
.videoShare .icondiv {
    float:right;
    width: 70%;
}

.videoShare .textdiv{ 
    font-size: 1em;
    color: #fff;
     font-family: 'WickedGrit', sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 10px;
}

.shareIcons{width: 25px;
    height: 25px;
    display: block;
    float: left;
    margin: 10px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all ease-out 0.2s;}

.shareIcons:hover{ transform:scale(1.2);}

.fb{ background-image:url('../images/share/fb.png');}
.twitter{ background-image:url('../images/share/twitter.png');}
.insta{ background-image:url('../images/share/insta.png');}
.pinterest{ background-image:url('../images/share/pinterest.png');}
.googlep{ background-image:url('../images/share/googlep.png');}

.formdevice .form-group {
    margin-bottom: 0px;
}

.lefticonarrow{
    background:url(../images/arrow_left.svg) no-repeat !important;
    width: 20px;
    height: 30px ;
     -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    display: block;
    margin:0 auto;
    position: relative;
    top: 45%;
}

.righticonarrow{
    background:url(../images/arrow_right.svg) no-repeat !important;
    width: 20px;
    height: 30px;
   -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    display: block;
    margin:0 auto;
    position: relative;
    top: 45%;
}

.sl-next:hover .righticonarrow,.sl-prev:hover .lefticonarrow {
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    }

.buy_tkt { width:100%; float:left;}
.buy_tkt h2 { font-size:30px; text-align:center; margin:0px;}
.buy_wrp { width:100%; margin:0 auto; background-color:#0f0f0f; padding:5px; padding-top:25px;     display: table;}
.buy_wrp input { width:100%; padding:10px 15px; background-color:#fff; border-radius:5px; border:none; text-align:center; font-size:14px; margin:0 !important;}
.buy_wrp input::-webkit-input-placeholder { 
  color: #000;
  font-weight:bold;
  text-align:center;
     background-image:url(../images/search.html);
     background-repeat:no-repeat;
     height:24px;
     background-size: 18px;
     background-position:20% 10%;
   
}
.buy_wrp input::-moz-placeholder { 
  color: #000;
  font-weight:bold;
  text-align:center;
     background-image:url(../images/search.html);
     background-repeat:no-repeat;
     height:24px;
     background-size: 18px;
     background-position:20% 10%;
}
.buy_wrp input:-ms-input-placeholder { 
  color: #000;
  font-weight:bold;
  text-align:center;
     background-image:url(../images/search.html);
     background-repeat:no-repeat;
     height:24px;
     background-size: 18px;
     background-position:20% 10%;
}
.buy_wrp input:-moz-placeholder { 
  color: #000;
  font-weight:bold;
  text-align:center;
     background-image:url(../images/search.html);
     background-repeat:no-repeat;
     height:24px;
     background-size: 18px;
     background-position:20% 10%;
}
.buy_wrp h3 { margin-top:15px; margin-bottom:15px; font-size:16px; text-align:center; font-weight:normal; font-family:'futura_med';}

.slt_blk { width:100%; float:left;}

.slt_blk .slt { width:98%; margin:3% 1%;}
.tab_blk { width:100%; height:200px;     margin-top: 10px; background-color:#191919;     display: inline-table; border-top:solid 2px #222222;}
.loc { width:100%; float: left; padding:7px;}

.loc p { font-size:14px; margin-top:5px; color:#fff; padding-left:17%;}
.loc p span { float:right;}
.tab { width:100%; float:left; margin-top:5px;}
.tab .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { background-color: #282828; border:none; color:#fff;}
.tab .nav-tabs>li>a { border:none; color:#aaaaaa; font-size:14px; text-align:center; line-height:16px;}
.nav-tabs>li { margin-bottom:-2px;}
.tab .nav-tabs>li>a span { font-size:12px;}
.tab .nav-tabs>li>a:hover { background-color: #282828; color:#fff;}
.tab .nav-tabs { border:none; margin-left:5px;}
.tab .tab-content { background-color:#282828; padding:5px; color:#fff; width:100%;   display: inline-block;}
.subt { font-size:14px; color:#909090; margin-bottom:5px; margin-top:8px;}
.mv_tit { font-size:14px; font-weight:bold; color:#fff; margin-bottom:10px;}
.mv_tms { width:100%; float:left; margin-bottom:15px;}
.mv_tms .shw { padding:5px 7px; text-decoration:none; float:left; background-color:#9c0b0b; border-radius:3px; font-weight:bold; border:solid 1px #b71a1a; color:#000; margin:0 3px;}
.mv_tms .shw:hover { background-color:#960b0b;}


.tktPoster{ display:inline-block; width:79%;}

.tktmap{ width:100%; height:602px; display:block;}

.buy_wrp h3{ color:#fff;}
.qw-track-play {
    display: inline-block;
    float: left;
    width: 40px;
    color: #fff !important;
    font-size: 37px;
    font-weight: normal !important;
    margin-right: 10px;
    margin-left:5px;
}

.qw-artists-names{ color:#e81d29 !important; font-weight:normal; font-size:12px;}
.art_title{ color:#f00 !important;}


/* Playlist */
#listContainer { width:100%;   }
#listContainer ul {  clear: both; cursor: pointer; margin:0; padding:0; }
#listContainer li { padding:6px; background-color:rgba(255,255,255,0.08); margin: 0 0 3px 0; list-style-type: none;}
#listContainer li:nth-child(even) { background-color:rgba(255,255,255,0.08); }
#listContainer li:hover, #listContainer li:nth-child(even):hover { background-color:rgba(255,255,255,0.2); color:#fff; }
#listContainer li a { text-decoration: none; color:#d7d7d7; }
#listContainer li a:hover{ color:#e81d29;}
#listContainer li.activeAudio { background-color:rgba(255,255,255,0.2); color:#e81d29 !important; }


/* Player Controls */
#playerContainer { width:100%; height:126px; background-color:#333333;  }
.controls li:first{margin-right:10px}
.controls li { float:left; display:inline-block;padding: 5px; text-align:center; margin-top:8px;margin-left:10px }

.controls li a { display:inline-block; }
.playAudio,.play { background: url('../images/audio/audio_icons.png') no-repeat -2px -35px; width: 32px; height: 32px; margin:auto; }
.playAudio:hover { background: url('../images/audio/audio_icons.png') no-repeat -2px -3px; }
.pauseAudio { background: url('../images/audio/audio_icons.png') no-repeat -36px -35px; width: 32px; height: 32px; margin:auto; }
.pauseAudio:hover { background: url('../images/audio/audio_icons.png') no-repeat -36px -3px; }
.shuffle { background: url('../images/audio/audio_icons.png') no-repeat -28px -96px; width: 32px; height: 32px; margin:auto; }
.shuffleActive, .shuffle:hover { background: url('../images/audio/audio_icons.png') no-repeat -28px -71px; width: 32px; height: 32px; margin:auto; }
.left { background: url('../images/audio/audio_icons.png') no-repeat -60px -99px; width: 24px; height: 24px; margin:auto; margin-top:4px; opacity:0.4; }
.left:not(.disabled):hover { opacity:1; }
.left.disabled, .right.disabled { opacity:0.4; cursor:default; }
.right { background: url('../images/audio/audio_icons.png') no-repeat -88px -75px; width: 24px; height: 24px; margin:auto; margin-top:4px; opacity:0.4; }
.right:not(.disabled):hover { opacity:1; }
.repeat { background: url('../images/audio/audio_icons.png') no-repeat -4px -103px; width: 21px; height: 21px; margin:auto; margin-top:7px; }
.repeat:hover, .repeat.loopActive { background: url('../images/audio/audio_icons.png') no-repeat -4px -79px; }
.volume { width: 8%; height: 20px; margin-left:5px; margin-right:5px; float:left; background: url('../images/audio/audio_icons.png') no-repeat; cursor: pointer; }

.rangevolume {
    width: 85%;
    float: left;
   margin-top: 12px;
}
.overhidden {
    overflow: hidden;
}
.likesym {
    cursor: pointer;
}

.volume1 { background-position: -5px -150px; }
.volume2 { background-position: -5px -198px; }
.volume3 { background-position: -5px -246px; }
.mute { background-position: -34px -127px; }
#playerContainer .progress { clear:both; height:4px; background-color:#666666; width:99%; margin:0 auto; cursor:pointer; position:relative; }
#playerContainer .progress .updateProgress { width:0px; background-color:#e81d29; height:100%; float:left; position:relative; }
.volumeControl { position: relative; margin: 14px 0;
    overflow: hidden; }
.volumeControl .updateProgress { display:inline-block; vertical-align:middle; margin-top:2px; }
input[type="range"] { -webkit-appearance: none; -moz-appearance: none; background-color: #e81d29; height: 2px; cursor: pointer; }
.audioDetails { clear:both; color:#d2d2d2; font-size:12px; padding:5px; }
.audioTime { display: inline-block; text-align: right; float: right; }
.songPlay { display:inline-block; }
.seekableTrack { width: 0%; background-color:#666666; height: 4px; position: absolute; z-index: 0; display: block; }
.seekableTrack, .progress .updateProgress { -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; }

.qw-top30 {
    margin-top: 30px;
}

#page-numbers {
  list-style: none;
  display: inline-block;
}

#page-numbers > li {
margin-right: 0.3em;
    user-select: none;
    cursor: pointer;
    display: block;
    width: 34px;
    height: 34px;
    border: 3px solid #f00;
    line-height: 26px;
    text-align: center;
    float: left;
    border-radius: 5px;

}
#page-numbers > li:hover {
color:#f00;
background-color: #fff

}
.paginatediv{
    text-align: center;
}
.lazyPhoto{
    width: 100%;
    background: #3f3f3f;
    -webkit-animation: random 5s infinite;
    animation: random 5s infinite;
    -webkit-transition: 450ms all;
    transition: 450ms all;
}


@keyframes  random {
    16% { background-color: #797D7F; }
    32% { background-color: #454545; }
    48% { background-color: #3f3f3f; }
    64% { background-color: #797D7F; }
    80% { background-color: #454545; }
    96% { background-color: #3f3f3f; }
}


.video_popup{ position:fixed; top:0; right:0; left:0; bottom:0; z-index:9999999; background-color:#000;}

.video_popup .VideoShare {
    /* display: none; */
}



.popuphead{ width:100%; height:auto;}

.Videobtn{
 background-image: url(../images/icons.svg); 
     background-repeat: no-repeat;
    border: none!important;
    text-decoration: none!important;
    cursor: pointer;
   display:block;
    width: 50px;
    height: 50px;
 float:left;
    }
.Videobtns{ width:160px; float:left;}
 
.Videoclose{  background-position: 15px 12px;}
.Videoprev{ background-position: -32px 13px;}
.Videonext{ background-position: -78px 13px;}

.video_popup h3{ color:#fff; display:inline-block; float:left; margin-top:10px; }

.VideoShare{ width:auto; float:right; display:table; }

.tabcell{ display:table-cell;}

.Redfb{ background-image:url('../images/share/fb.png');}
.Redtwitter{ background-image:url('../images/share/twitter.png');}
.Redinsta{ background-image:url('../images/share/tumblr.png');}
.Redpinterest{ background-image:url('../images/share/pinterest.png'); display:none !important;}

.popVideo{ margin:0 auto;}

.videopopcontain {
 
  /*   position: absolute; 
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    background: #000;*/
}

.vshareIcons{width:25px; height:25px; display:block; float:left; margin:10px; background-position:50%; background-size:contain; background-repeat:no-repeat; transition:all ease-out 0.2s;}

.bitdash-ctrl{
    opacity: 1 !important;
}

footer{ position:fixed;bottom:0; width:100%; left:0; height:35px; fill:#333; z-index:999; background-color:#111;}

.legalbtn{ display:block; padding:5px; position:absolute; left:10px; 
font-family: 'WickedGrit', sans-serif;
    top:0; color:#666;}
.legalbtn:hover{ text-decoration:none; color:#999;}
.legalbtn:active { color:#999; }
.legalarrow{ 
 color: #666;
    font-size: 20px;
    padding:0 6px 2px 17px;
    display: block;
    transform: rotate(-90deg);
    font-family: open-sans;
    float: left; 
    transition:all ease-out 0.2s; }
 
.legalbtn:hover .legalarrow{ transform: rotate(90deg); padding:0 17px 2px 6px; color:#999;}

.footerCont{ bottom:-237px; width:100%; background-color:rgba(0,0,0,0.8); position:fixed;left:0; text-align:center; padding:20px;}

.copyrights{ color:#666; font-family:'opensans',san-serif; position:absolute; right:10px; padding:5px;}

.footerCont .productionLogos{ padding:0; }

.footerCont .productionLogos li{ list-style:none;  }

.footerCont .productionLogos li .lionsgate_logo{ width:180px;}

.footerCont p{ text-align: center;
    display: inline-block;
    margin: 10px auto 10px auto;
    color: #999;
    font-size: 12px;
    width: 50%; }

.footerLinks{ padding:0; list-style:none; display:inline-table;}

.footerLinks li{ float:left; display:table-cell; }

.footerLinks li a{ font-family:'opensans',san-serif; color:#999; font-size:12px; margin:3px 15px 0 0 ; padding:2px; display:block; text-decoration:none; font-weight:600;  transition: all ease-out 0.2s;}
.footerLinks li a:hover{ color:#aaa;}
.footerLinks li:last-child a{ margin-right:0;}

.footerShare{ padding:0; margin-top:5px;}
.footerShare li{ list-style:none; float:left; margin-left:10px;}
.footerShare li a { display:block; width:12px; margin:0 10px;}
.footerShare li:lisat-child a{ margin-right:0;}

.rating_img{ width:250px; display:block; margin: 0 auto;}

.bitdash-poster {
    z-index: 0 !important;
}

.promo {
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: auto;
}

.title {
    position: absolute;
    top: 50%;
    right: 5.8rem;
    width: 70%;
    font-family: "playbold",sans-serif;
    font-size: 1.4rem;
    line-height: 1.4rem;
    text-align: right;
    text-transform: uppercase;
    transform: translateY(-50%);
}

 .detail {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8.0rem;
    background-color: rgba(0,0,0,0.4);
    color: #e8e8e8;
}

.promo_button {
    position: absolute;
    top: 50%;
    right: 1.1rem;
    width: 3.0rem;
    height: 3.0rem;
    background-size: contain;
    transform: translateY(-50%);
    transition: transform 1s;
}

.promo_icon {
    position: absolute;
    top: 50%;
    right: 1.9rem;
    width: 1.5rem;
    height: 0.8rem;
    background-size: contain;
    transform: translateY(-50%);
}

.promo_line {
    position: absolute;
    bottom: 1.2rem;
    right: 1.0rem;
    height: 1px;
    width: 68%;
    border-bottom: 1px dashed #555555;
    opacity: 1;
}

.vig_bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25%;
    opacity: 0.5;
    background-size: cover;
}

.errorBg{  background-image:url('../images/err_bg.jpg'); background-position:left top; background-size: cover; overflow:hidden;}
.errorHome{ width:200px; display:inline-block; transition:all 0.2s ease-out;}
.errorHome:hover{ transform:scale(1.05);}
.errorHome img{ width:100%;}

.t404{ color:#fff ; font-size:80px; margin-top:145px;}
.tcms{ color:#fff ; font-size:70px; margin-top:30px;}
.errortxt{ color:#e81d26;}

.backtxt{ font-family:'futura_med',sans-serif; color:#e81d26; font-size:20px; margin-top:30px;}
.er_img { width:100%;}
.top_buffer { padding-top:20px;}
.cmg_logo { width:25%; margin-top:10%;}


@media (min-width: 666px) and (min-height: 374px){
    .logo_landing{
        margin-top: 20px !important;
    }
}

@media (min-width: 567px) and (min-height: 319px){
    .logo_landing{
        margin-top: 20px !important;
    }
}

@media (min-width: 479px) and (min-height: 319px){
    .logo_landing{
        margin-top: 20px !important;
    }
}

@media (min-width: 639px) and (min-height: 359px){
    .logo_landing{
        margin-top: 20px !important;
    }
}

@media (min-width: 597px) and (min-height: 359px){
    .logo_landing{
        margin-top: 20px !important;
    }
}

@media (min-width: 639px) and (min-height: 383px){
    .logo_landing{
        margin-top: 20px !important;
    }
}

.statsWrap{ width:100%; 
   width: 100%;
    background-color: rgba(0,0,0,0.7);
    transition: all 0.3s ease-out;
    padding: 10px 20px;
}

.swipebox:hover .statsWrap{ opacity:1;}

.statsWrap ul{ display: flex;
    align-items: stretch; 
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    padding: 0;}
.statsWrap ul li{ display: block;
    flex: auto; 
    list-style-type: none;}
 
.statsIcon{  float:left; width:20px;}

.statsTxt{ float:left; color:#fff; text-decoration:none; margin-left:10px; font-family:'futura_med',sans-serif; font-size:18px; line-height:100%;}

.statsIcon, .statsTxt{ display:inline !important; vertical-align:middle;}

.IconsWrap{  width:80%; margin:0 auto;}



/* Video Upload Progress Bar */
.panell {
    background-color: rgba(0,0,0,0.5);
    border: 5px solid #ff3333;
    border-radius: 10px;
    width: 30%;
    margin: 0 auto;
    padding: 20px;
}

.uploadbtn, .uploadanotherbtn{
    background-color: #1a1a1a;
    border: 2px solid #fff;
    display: inline-block;
    margin: 10px 5px;
    transition: all 0.2s ease-out;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    cursor:pointer;
}
.uploadcancelbtn{
    background-color: #FF3333;
    border: 2px solid #fff;
    display: inline-block;
    margin: 2px 5px;
    transition: all 0.2s ease-out;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    cursor:pointer;
}

.uploadanotherbtn:hover
{
   border-radius: 20px;
  border: 2px solid #FF3333;
  background-color: #1a1a1a;
  color: #FF3333;
  font-weight: bold;
}
.uploadcancelbtn:hover
{
   border-radius: 20px;
  border: 2px solid #FF3333;
  background-color: #1a1a1a;
  color: #fff;
  font-weight: bold;
}
#textbar {color:#fff; font-size:24px;}

#upload-input,#uploadsuccess,#uploadanother,#probar,#cancelbtn {display: none}

.uploadsave {
    background-image: url('../images/tick.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #60C15B;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 2px solid #fff;
    margin: 10px auto 20px auto;
    background-size: 60%;
    transition: all 0.2s ease-out;
}
.uploadsave:hover{ 
  background-color:#60C15B; 
  border-radius:100%; 
  border:2px solid #fff;  
  transform:scale(1.2); 
}

@-webkit-keyframes progress-bar-stripes {
from {
background-position:40px 0
}
to {
  background-position:0 0
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position:40px 0
}
to {
  background-position:0 0
}
}
@keyframes progress-bar-stripes {
from {
background-position:40px 0
}
to {
  background-position:0 0
}
}
.progress {
  height:20px;
  margin-bottom:20px;
  overflow:hidden;
  background-color:#f5f5f5;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.1)
}
.progress-bar {
  float:left;
  width:0;
  height:100%;
  font-size:12px;
  line-height:20px;
  color:#fff;
  text-align:center;
  background-color:#ff3333;
  -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
  -webkit-transition:width .6s ease;
  -o-transition:width .6s ease;
  transition:width .6s ease
}
.progress-bar-striped, .progress-striped .progress-bar {
  background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
  background-image:-o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
  background-image:linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
  -webkit-background-size:40px 40px;
  background-size:40px 40px
}
.progress-bar.active, .progress.active .progress-bar {
  -webkit-animation:progress-bar-stripes 2s linear infinite;
  -o-animation:progress-bar-stripes 2s linear infinite;
  animation:progress-bar-stripes 2s linear infinite
}
.progress-bar-success {
  background-color:#5cb85c
}
.progress-striped .progress-bar-success {
  background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
  background-image:-o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
  background-image:linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)
}
.progress-bar-info {
  background-color:#5bc0de
}
.progress-striped .progress-bar-info {
  background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
  background-image:-o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
  background-image:linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)
}
.progress-bar-warning {
  background-color:#f0ad4e
}
.progress-striped .progress-bar-warning {
  background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
  background-image:-o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
  background-image:linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)
}
.progress-bar-danger {
  background-color:#d9534f
}
.progress-striped .progress-bar-danger {
  background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
  background-image:-o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
  background-image:linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)
}

#playerContainer .progress {
    height: 4px !important;
}
.vid_blk { width:100%; height:518px; float:left; margin-bottom:35px;}
.vid_blk .vid { width:100%; float:left; margin-bottom:25px; position:relative;}
.vid_blk .vid img { width:100%; border:solid 1px #fff;}
.vid_blk .vid_ovr { width:100%; height:100%; background-image:url(../images/vid_ply.png); background-repeat:no-repeat; position:absolute; top:0px; left:0px; background-size:100%;}
.vid_blk h3 { font-size:22px; color:#b1a271; font-family:'futura_med',sans-serif; }
.vid_blk h3 a { color:#b1a271;}
.vid_blk p span { color:#fff;}
.vid_blk p { font-size:16px; color:#828182;}
.press { width:100%; float:left; margin-bottom:20px; border-bottom:solid 1px #848382; padding-bottom:5px;}
.prs { width:100%; margin-bottom:15px;}
.prs img { width:100%;}
.prs_cn { width:100%;}
.prs_cn h3 { font-size:16px; margin-bottom:10px; margin-top:0px;}
.prs_cn h3 a { color:#b1a271;}
.prs_cn .pre_dm { font-size:13px; color:#525251;}
.prs_cn p { color:#fff; font-size:14px;}
.prs_cn .rm { text-transform:uppercase; color:#b1a271; font-weight:bold;}
.sol .vid { margin-bottom:0px;}
.sol .vid img { border-radius:3px;}
.soc_cn { width:100%; height:140px; background-image:url(../images/soc_bg.html); background-repeat:repeat; padding:10px; float:left; -webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;}
.soc_cn p { color:#fff;}
.app_mob { width:55%; margin-left:30%; float:left; background-image:url(../images/app_mob.png); background-repeat:no-repeat; background-size:100%;} 
.app_wrp {  padding: 23% 6% 24% 6%;}
.app_wrp img { width:100%;}

.dfn { font-family: 'futura'; font-size:24px; line-height:26px; letter-spacing:2px; color:#fff !important; text-decoration:none;}
.dfn:hover { color:#fff;}
.dfn:active { color:#fff;}
.dfn span { color:#b1a271;}
.trk_blk { width:100%; background-color:#242424; position:absolute; bottom:0px; left:0px; z-index: 10;}
.trk_img { width:80px; float:left; margin-right:25px;}
.trk_img img { width:100%;}
.trk_tit { width:300px; float:left; margin-right:25px;}
.trk_tit h3 { font-size:14px; color:#fff; margin:23px 0 5px 0; font-weight:normal; font-family: 'opensans';}
.trk_tit p { font-size:14px; color:#777777;}
.track { width:600px; float: left;}
.trk_cnl { width:308px; margin:0 auto; display:block; border:solid 0px #F00; height:35px; margin-top:20px;}
.trk_cnl a { width:28px; height:25px; float:left; margin-right:35px; background-repeat:no-repeat;}
.trk_cnl .sfl { background-image:url(../images/shuffle.png); background-size:28px;}
.trk_cnl .pvs { background-image:url(../images/previous.png); background-size:16px; width:16px;}
.trk_cnl .nxt { background-image:url(../images/next.png); background-size:16px; width:16px;}
.trk_cnl .rpt { background-image:url(../images/repeat.png); background-size:24px; margin-right:0px;}
.trk_cnl .pas {width:40px; height:40px; background-image:url(../images/pause.png); background-size:40px; margin-top:-8px;}
.trk_cnl .ply {width:40px; height:40px; background-image:url(../images/ply.png); background-size:29px; margin-top:-8px;}
.sek_blk { width:100%; float: left;}
.sek_blk .rtm { width:7%; font-size:14px; float:left; color:#7c7c7c; text-align:left; font-weight:bold;}
.sek_blk .sek_bar { height:5px; float:left; width:86%; background-color:#505050; margin-top:7px; border-radius:5px;}
.sek_blk .sek_bar span { background-color:#a8a8a8; height:5px; float:left; border-radius:5px;}
.sek_blk .ttm { width:7%; font-size:14px; color:#7c7c7c;  float:right; text-align:right; font-weight:bold;}
.trk_lst { width:380px; position: fixed; top:0px; right:0px; padding:100px 0px 0 0px; background-color:#1d1d1d; height:100%; z-index: 9;}
.trk_lst .tl_tit { width:100%; border-bottom:solid 1px #3a3a3a; float:left;}
.trk_lst .tl_tit h3 { font-size:20px; color:#fff; text-transform:uppercase;     margin: 15px 0 15px 25px; line-height:18px; background-size:25px; font-family: 'opensans'; padding-left:40px; background-image:url(../images/tracklist_big.png); background-repeat:no-repeat;}
.trk_nm { width:100%; float: left;  padding: 20px 30px 15px 50px; border-bottom:solid 1px #3a3a3a;}
.trk_nm h3 { font-family: 'opensans'; font-size:13px; font-weight:bold; text-transform:uppercase; color:#fff; margin:0px;}
.trk_nm h3 .tme { width:13px; height:13px;     margin-right: 5px; background-size:cover; float:right; background-image:url(../images/tme.png); background-repeat:no-repeat;}
.trk_lst ul { margin:0px; padding:0px;}
.trk_lst ul li { list-style:none; display: inline-block; width:100%;   border-bottom:solid 1px #3a3a3a;}
.trk_lst ul li a { color:#cbcbcb; font-family: 'opensans'; font-size:12px; font-weight:normal; padding: 8px 30px 8px 50px; display:block; }
.trk_lst ul li a:hover { color:#c8b576;}
.trk_lst ul li a .tm { float:right;}
.trk_lst ul li a.active { background-image:url(../images/playing.png); background-size:15px; background-repeat:no-repeat; background-position: 20px 9px;}
.trk_vlm {     width: 105px;  float: right; margin-top: 37px;  margin-right: 10px;}
.trk_vlm a { width:20px; height:20px; float:left; margin-right:15px; background-repeat:no-repeat;}
.trk_vlm .trk_lt { background-image:url(../images/tracklist_big.png); background-size:20px;}
.trk_vlm .trk_val { background-image:url(../images/tracklist.png);     background-size: 17px;  margin-top: -2px;}
.trk_vlm .exd { background-image:url(../images/expand.png); background-size:20px; background-size: 16px; margin-top: -1px;}

.wrap {
    width: 90%;
    height: auto;
    min-height: 250px;
    margin: 100px auto 0 auto;
}
.act_dvs { float:left; width:100%; background-color:#000;}
.act_img img { width:80%; float:right;}
.act_dvs ul { margin:20px 0 0 0px; padding:0px 0 0 15px; float:left;}
.act_dvs ul li { float: left; font-family: 'opensans'; margin-bottom:10px;}
.act_dvs input { border-radius:3px;}
.act_dvs input[type="submit"] { font-family: 'WickedGrit', sans-serif; background-color:#0a8400;}
.act_dvs input[type="submit"]:hover {  background-color:#086500 !important;}
.act_dvs a { font-family: 'WickedGrit', sans-serif; background-color: #e81d29;}
.spt { left:145px; color:#3e3e3e;}
.str h2 { text-align:center; margin:30px 0 30px 0;}
.choose_plan { width:100%; border:solid 2px #88786f; padding:20px; margin-bottom:20px;}
.choose_plan h3 { color:#b1a271; font-size:22px; font-family: 'futura'; text-align:center; margin:0px 0 20px 0;}
.choose_plan h2 { color:#000; font-size:32px; line-height:34px; font-family: 'futura'; text-align:center; margin:0px 0 10px 0;}
.choose_plan .chs_year { font-size:16px; color:#040404; text-transform:uppercase; margin:0px 0 30px 0; font-weight:bold; text-align:center; }
.choose_plan .chs_blk { border-top:solid 1px #d4d2d0; font-family: 'futura'; font-size:20px; line-height:25px; padding:8px 0; color:#040404; text-transform:uppercase;}
.choose_plan .chs_btn { background-color:#b1a271; padding:10px 25px;  font-family: 'opensans'; font-weight:bold;  font-size:18px; color:#fff; text-transform:uppercase; border-radius:5px; margin-top:30px; display:block; text-align:center;}
.choose_plan .chs_btn:hover { background-color:#a69765;}
.choose_plan .chs_wrp { height:247px;}
.chs_free { margin-top:100px !important; display:inline-block; width:100%; }
.slik_cn { float:left;  margin-bottom: 130px; margin-top: -31px;     margin-left: 41%;}
.slik_cn .slick-arrow { width:15px; height:15px; background-color: transparent;  background-size: contain;}
.slik_cn .prev { left:206px; bottom:16px !important; top: inherit !important; font-size:0px; background-image:url(../images/left_aro.png); background-repeat:no-repeat;}
.slik_cn .next { left:284px; bottom:16px !important; top: inherit !important; font-size:0px;  background-image:url(../images/right_aro.png); background-repeat:no-repeat;}
.music .slick-dots { margin-left:48% !important;}

.formemail .form-group { margin-bottom: 15px; float: left; width: 50%; margin-right: 10px;}
.formemail .white {
    color: #4a4a4a !important;
    border: solid 1px #717171 !important;
}
.formemail .btn-info { border-radius:0px !important;}



body.a0-lock-open>* {
    display: block !important;
}
.app_blk2 
{ margin-top: 50px; }

.unpair {
    padding: 5px 15px 8px;
    background: #ddd;
    font-size: 25px;
    border-radius: 50px;
    cursor: pointer;
}

.VEgradient{ 
    width: 100%;
    height: 100vh;
    min-height: 410px;
    background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 70%,rgba(0,0,0,0.005) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 70%,rgba(0,0,0,0.005) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.8) 70%,rgba(0,0,0,0.005) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
    position: absolute;
    z-index:1;
    opacity: 0.3;
    }
.abspos{ position:absolute; z-index:99;}
    

.VElftsec{ position:absolute; z-index:2; margin:30px; }

.VEbackbtn{      
    background-image: url(../images/back.svg);
    position: absolute;
    z-index: 9;
    font-weight: bold;
    background-repeat: no-repeat;
    height: 50px;
    margin: 30px;
    background-position: 3% 89%;
    padding: 20px 0 20px 50px;
    transition: all ease-out 0.2s;
    cursor: pointer;
    font-family: 'WickedGrit', sans-serif;
}

.VEbackbtn:hover{ transform:scale(1.1); text-decoration:none;}



.VEplaybtn{ background-color: #ff3333;
    display: block;
    text-align: center;
    color: #fff;
    float: left;
    border: 1px solid #F33;
    margin-right: 10px;
    font-family: 'WickedGrit', sans-serif;
    text-decoration: none;
    background-image: url(../images/playIcon.svg);
    background-repeat: no-repeat;
    background-position: 17% 50%;
    background-size: 15%;
    padding: 10px 10px 10px 35px;
    cursor: pointer;}

.VEplaybtn:hover{ color: #fff; }

.VElistbtn{ height: 40px;
    display: block;
    text-align: center;
    color: #fff;
    float: left;
    border: 1px solid #F33;
    margin-right: 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
     cursor: pointer;
    background-repeat: no-repeat;
    background-position: 17% 46%;
    background-size: 12%;
    width: auto;
    padding: 10px ;
    border: 1px solid #fff;}
.VElistbtn:hover{ text-decoration:none; background-color:rgba(255,255,255,0.5);} 

.VEplaybtn:hover{ background-color:#ec1d18; text-decoration:none;}

.VEDescription{ color:#fff; font-size:18px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}

.VEwrapper{ width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 777;
    top: 0; }

.VEbgimage{ width:100%; height:100vh; background-repeat:no-repeat; background-size:cover; position:absolute; z-index:0;}

.VEmovdescWrapn{ 
    display: block !important;
    width: 65%;
    position: absolute;
    right: 0;
    height: auto;
    bottom: 0;
    z-index: 999;
    padding-right: 75px;
    overflow: hidden;
    padding-bottom: 60px;


}
    
.movtitle{ text-align:left;}
.VEmovfeat{ color:#aaa; font-weight:bold; margin-top:15px; font-size:16px; margin-bottom:20px;}
.sep{ margin-left:20px !important;}

.mov_alttxt{ color:#fff; font-size:24px; font-weight:bolder; margin-bottom:10px; }

.VEMovieDesc{ font-family: 'open_sansregular', sans-serif;
    color: #aaa;
    font-size: 16px;
    line-height: normal; }
    
.VEclock{ border:1px solid #aaa; padding:5px; margin-left:5px;}

.white{ color:#fff !important;}

.VEstarrating{  padding:0; margin:0;}

.VEstarrating li{ list-style:none; float:left; margin:2px;}

.VEstarrating::after{ clear:both;}