@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600');html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}
table,
th,
td{border:none}
table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.6em;table-layout:fixed;width:100%;}
caption,
th,
td{font-weight:normal;text-align:left;}
th{border-width:0 1px 1px 0;font-weight:700;}
td{border-width:0 1px 1px 0;}
th, td{padding:0.4em;}
th{font-size:24px;letter-spacing:1px;line-height:28px;}
*{margin:0;padding:0;border:none;box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;line-height:normal}
input{border:0;outline:none}
img{border:none;outline:none;max-width:100%;height:auto}
ul, ul li{list-style:none;}
ol, ol li{list-style:decimal;}
input[type="submit"], input[type="button"]{cursor:pointer}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{display:inline-block}
.clear{display:block;width:100%;height:1px;background:none;clear:both;}
* html .clearfix{height:1%;}
.clearfix{display:block}
textarea, input[type="text"], input[type="button"], input[type="submit"]{-webkit-appearance:none;border-radius:0;resize:none;max-width:100%;}
p, span, a, small, blockquote, ul, li{line-height:normal;}
figure{max-width:100%;position:relative;}
blockquote, q{quotes:"" "";font-size:26px;font-style:italic;line-height:1;color:#000;font-family:Arial, Helvetica, sans-serif;padding:20px 0;}
a{text-decoration:none;color:inherit;outline:none;}
h1, h2, h3, h4, h5, h6{margin:0;line-height:normal;color:#151515;padding-bottom:5px;}
h1{font-size:34px;line-height:36px;}
h2{font-size:30px;line-height:32px;}
h3{font-size:24px;line-height:28px;}
h4{font-size:20px;line-height:24px;}
h5{font-size:18px;line-height:20px;}
h6{font-size:16px;line-height:18px;}
hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.625em;}
p{margin-bottom:0;}
dl{margin:0 1.625em;}
dt{font-weight:bold;}
dd{margin-bottom:1.625em;}
strong{font-weight:bold;}
cite, em, i{font-style:italic;}
sup,
sub{font-size:70%;height:0;line-height:1;position:relative;vertical-align:baseline;}
sup{bottom:1ex;}
sub{top:.5ex;}
blockquote{font-style:italic;font-weight:normal;margin:0 1em;}
blockquote em, blockquote i, blockquote cite{font-style:normal;}
blockquote cite{color:#666;font:12px "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:300;letter-spacing:0.05em;text-transform:uppercase;}
blockquote:before, blockquote:after,
q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
a img{border:0;}
pre{background:#f4f4f4;font:13px "Courier 10 Pitch", Courier, monospace;line-height:1.5;margin-bottom:1.625em;overflow:auto;padding:0.75em 1.625em;}
sup,
sub{font-size:70%;height:0;line-height:1;position:relative;vertical-align:baseline;}
sup{bottom:1ex;}
sub{top:.5ex;}
a{text-decoration:none;transition:all .15s ease-in-out 0s;}
a:focus,
a:active,
a:hover{text-decoration:none;}
:focus{outline:0;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;vertical-align:top;}
th,td{color:#000;font-size:16px;line-height:19px;text-align:left;}
table img{margin:0 !important;width:100%;}
.spacer-30{display:block;width:100%;clear:both;min-height:30px;}
.spacer-20{display:block;width:100%;clear:both;min-height:20px;}
.spacer-bottom{display:block;width:100%;clear:both;min-height:90px;}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;}
body { font-size:14px;color:#000;font-family: 'Source Sans Pro', sans-serif;font-weight:400;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow-x:hidden; -webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: auto;}
body.popup_view { overflow: hidden; }
.wrapper { margin:0 auto; }

/* layout */
#layout { float:left; width: 100%; position:relative; padding:56px 0 0; background: url(../images/bg.jpg) repeat center top; }


/*********Header Css*********/
header{ float:left; width:100%; background:#151515; text-align:center; z-index:999999; /*position:absolute; bottom:0;*/ position: fixed; left:0; top:0; }
/*header.show { position: fixed; top:0; bottom: auto; }*/

header .header_inner{float:left; width:100%; padding:0 20px; border-top:5px solid #bce2f1; position:relative; min-height:56px; z-index:99;}

header ul.left_logos { float: left; padding: 10px 0 0 0; font-size:0; }
header ul.left_logos li { display: inline-block; vertical-align: middle; }
header ul.left_logos li a { display: block; vertical-align: top; }
header ul.left_logos li a img { vertical-align: top; }
header ul.left_logos li.showtime_logo { background: url(../images/plus_icon.png) no-repeat right center; padding: 0 26px 0 0; background-size: 10px; }
header ul.left_logos li.showtime_logo a { width: 89px; }

header ul.left_logos li.entertainment_logo { padding: 0 0 0 22px; }
header ul.left_logos li.entertainment_logo a { width: 114px; }

header a.paid_logo{ display:inline-block;width:auto;  margin:0 auto;vertical-align:top; color:#000; text-transform:uppercase; font-family: 'Source Sans Pro', sans-serif; font-size:13px; font-weight:600; background:#bce2f1; padding:0 5px 3px 5px; position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}
a.paid_logo i{ padding:0 0 0 5px; font-size:13px; }

header .show_text{ float:left; width:100%; font-family: 'Source Sans Pro', sans-serif; font-size:11px; font-weight:600; color:#151515; text-transform:uppercase; text-align:center; background:#fff; padding:8px 20px; margin:0; position:relative; display:none; line-height:14px}
header .show_text span.close{ position:absolute; right:2px; top:10px; width:20px; height:20px; cursor:pointer;}
header .show_text span.close:before, header .show_text span.close:after { position:absolute; left:10px; content:""; height:13px; width:1px; background-color:#151515; }
header .show_text span.close:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
header .show_text span.close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }

header ul.social_icon { list-style: none; float: right; width: auto; margin-top: 10px; }
header ul.social_icon li { list-style: none; display: inline-block; float: left; margin-left: 10px; }
header ul.social_icon li:first-child { margin-left: 0; }
header ul.social_icon li a { display: block; width: 30px; height: 30px; border-radius: 50%; border: 2px solid #fff; opacity: 1; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
header ul.social_icon li a i { font-size: 15px; line-height: 27px; color: #fff; display: inline-block; }
header ul.social_icon li a:hover { opacity: 0.7; }




/********************************************Banner Css******************************************************************/
.intro_sec{ float:left; width:100%; background:rgba(0,0,0,0.8); position:relative; text-align:center; margin:0 0 28px; }
.intro_sec .intro_inner{ display:block; margin:0 auto; max-width:688px; position:relative;}
.intro_sec span.tagline{ display:block; font-family: 'DIN-BoldAlternate'; font-size:28px; line-height:32px; color:#fff; text-transform:uppercase; padding:7px 0 10px; }
.intro_sec .hl_logo{ display:inline-block; width:688px; max-width:100%; vertical-align:top; }
.intro_sec .hl_logo img{ vertical-align:top; }
.intro_sec p{ font-family: 'DIN-BoldAlternate'; font-size:20px; line-height:20px; color:#fff; padding:14px 0 12px; }

@-moz-keyframes scrollMore {
0%{bottom:-4px; opacity:1;}
20%{bottom:3px;}
40%{bottom:-4px;}
60%{bottom:0;}
100%{bottom:0;opacity:1;}
}

@-webkit-keyframes scrollMore{
0%{bottom:-4px;opacity:1;}
20%{bottom:3px;}
40%{bottom:-4px;}
60%{bottom:0;}
100%{bottom:0;opacity:1;}
}

@keyframes scrollMore{
0%{bottom:-4px;opacity:1;}
20%{bottom:3px;}
40%{bottom:-4px;}
60%{bottom:0;}
100%{bottom:0;opacity:1;}
}
.intro_sec .scroll_more{ display:inline-block; text-transform:uppercase; position:relative; padding:0 0 29px; margin:0 0 -15px; vertical-align:top; }
.intro_sec .scroll_more:after{ content:""; position:absolute; left:50%; bottom:0; margin:0 0 0 -15px; width:30px; height:29px;  background: url(../images/arrow_btm.png) no-repeat center bottom; background-size:30px 29px; -webkit-animation: scrollMore 1.5s linear infinite; animation: scrollMore 1.5s linear infinite; -moz-animation: scrollMore 1.5s linear infinite; -webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s; }


.side_nav{ position:fixed; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); width:155px;  z-index:9999; text-align:center; padding:0; /*overflow:hidden;*/ transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; min-height:823px;
background: url(../images/menu_bg.png) no-repeat left center; background-size:155px; margin:-32px 0 0;  }

.side_nav h3{ font-family: 'Bohemiantypewriter'; font-size:28px; line-height:32px; letter-spacing:4.38px; color:#414141; padding:7px 0 7px; position:absolute; top:calc(50% - 20px); left:-112px; width:449px; transform:rotate(-90deg); cursor:pointer; text-transform:uppercase; border:2px solid #414141; }

.side_nav ul{ list-style:none; padding:0; font-size:0; width:64px; position:absolute; left:-18px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);  }
.side_nav ul li{ display:block; position:relative; padding:0; margin:28px 0; height:64px; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); }

.side_nav ul li a{ display:block; color:#000; text-decoration:none; background:#eaeaec; font-family: 'BeyondInfinity'; text-align:center;  box-shadow:-3px -2px 4px rgba(0,0,0,0.2); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; height:88px; border-radius:10px; }
.side_nav ul li a.current{ transform:translateY(-24px); -webkit-transform:translateY(-24px); -moz-transform:translateY(-24px); }

.side_nav ul li a span.text{ width:100%; display:inline-block; vertical-align:top; background:#b53944; font-family:inherit; font-size:18px; line-height:18px; letter-spacing:1.5px; padding:4px 0; border-top-left-radius:8px; border-top-right-radius:8px; color:#000; }

.side_nav ul li a span.num{ width:100%; display:inline-block; vertical-align:top; font-family:inherit; font-size:32px; line-height:32px; padding:4px 0 0;
 -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; color:#000; }
.side_nav ul li a.current span.num{ font-size:48px; line-height:48px; padding:7px 0 0; }




.season{ float:left; width:100%; position:relative; }
.common_col{float:left; width:100%; position:relative; z-index:99;}

.common_col.mobile{ display:none;}

.season.season1{ margin:0 0 0 -200px; z-index:997;}
.season.season2{ margin:10px 0 0 -200px; z-index:996;}
.season.season3{ margin:108px 0 0 -200px; z-index:995;}
.season.season4{ margin:218px 0 0 -200px; z-index:994;}
.season.season5{ margin:240px 0 0 -200px; z-index:993;}
.season.season6{ margin:30px 0 0 -200px; z-index:992;}
.season.season7{ margin:20px 0 45px -200px; z-index:991;}

.season.season1 .common_col{ margin:0 0 0 -20px;  }
.season.season2 .common_col{ margin:0 -26px 0 26px;  }
.season.season3 .common_col{ margin:0 0 0 -20px;  }
.season.season4 .common_col{ margin:0 -40px 0 40px;  }
.season.season5 .common_col{ margin:0 -90px 0 90px;  }
.season.season6 .common_col{ margin:0 -36px 0 36px; }
.season.season7 .common_col{ margin:0 0 0 0;  }


.season.season1 .wrapper{ max-width:2136px; }
.season.season2 .wrapper{ max-width:2034px; }
.season.season3 .wrapper{ max-width:2074px; }
.season.season4 .wrapper{ max-width:2138px; }
.season.season5 .wrapper{ max-width:2216px; }
.season.season6 .wrapper{ max-width:2328px; }
.season.season7 .wrapper{ max-width:2090px; }




.season img.base_img{ width:100%; max-width:100%; vertical-align:top; opacity:0; position:relative; z-index:999; }
/*.season map{ position:relative; z-index:999;  }
.season area{ cursor:pointer; }*/

.season img.bg_img{ width:100%; max-width:100%; position:absolute; left:0; top:0; z-index:-1;}
.season .th{ position:absolute; max-width:100%; z-index:99; /*display:none;*/ }

.season.season1 .th1 { /*width:677px; right:134px; top:10px;*/  width:63.38%; right:12.54%; top:1.11%; }
.season.season2 .th2{ /*width:777px; right:120px; top:10px;*/  width:76.40%; right:11.79%; top:1.16%; }
.season.season3 .th3{ /*width:347px; right:275px; top:15px;*/  width:33.46%; right:26.51%; top:1.92%; }
.season.season4 .th4{ /*width:860px; left:125px; top:13px;*/  width:80.44%; left:11.69%; top:1.60%; }
.season.season5 .th5{ /*width:507px; left:232px; top:9px;*/  width:45.75%; left:20.93%; top:1.02%; }
.season.season6 .th6{ /*width:655px; right:253px; top:5px;*/  width:56.27%; right:21.73%; top:0.54%; }
.season.season7 .th7{ /*width:845px; right:73px; top:12px;*/  width:80.86%; right:6.98%; top:1.30%; }





.bottom_sec{ float:left; width:100%; background:rgba(0,0,0,0.8); position:fixed; left:0; bottom:0; text-align:center; z-index:9999; }
.bottom_sec .bottom_inner{ display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; justify-content:center; /*margin:0 auto; max-width:1117px;*/ position:relative; padding:10px 0 10px; }
.bottom_sec .hl_logo{ display:inline-block; width:429px; max-width:100%; vertical-align:top; }
.bottom_sec .hl_logo img{ vertical-align:top; }
.bottom_sec .hd_trailer{ display:inline-block; width:178px; max-width:100%; vertical-align:top; margin:0 30px; }
.bottom_sec .hd_trailer img{ vertical-align:top; }
.bottom_sec span{ display:inline-block; font-family: 'DIN-BoldAlternate'; font-size:28px; line-height:32px; color:#fff; padding:7px 0 10px; }




/********************************************Footer Css******************************************************************/
footer{ float:left; width:100%; background:#000; padding:20px 0 140px; text-align:center; position:relative; z-index:999; }
footer a.footer_logo{ display:inline-block;}
a.footer_logo img{ vertical-align:top; width:166px;}
footer ul{ list-style:none; padding:12px 0 0; }
footer ul li{ display:inline-block; font-family: 'Source Sans Pro', sans-serif; font-size:12px; line-height:16px; font-weight:600; color:#fff; padding:0 5px 0 8px; background:url(../images/link_sep.jpg) no-repeat left center; }
footer ul li:first-child{ background:none; }
footer ul li a{ display:block; color:#fff;} 
footer ul li a:hover,footer ul li a:focus{ color:#888888;}





.ad_container { float: left; width: 100%; background:#fff; }
.ad_container .ad { display: block; width: 100%; text-align: center; max-width: 100%; margin: 10px auto 10px; max-height: 90px; }


#div-gpt-interstitial { height: 1px; overflow: hidden; }
#div-gpt-wallpaper { height: 1px; overflow: hidden; }



/******* CSS LIGHTBOX *******/
.modal_box { position: fixed; top: 100%; background: rgba(0, 0, 0, .60); opacity: 0;
 /*   -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;*/
    overflow-y: auto; z-index: 999999; width: 100%; max-width: 100%; padding: 0.781vw 0.781vw 0;
    display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.modal_box_inner { display: block; width: 50.521vw; min-height:33.073vw; margin: 0 auto; padding: 0 0 0; position: relative; max-width: 100%; background: url(../images/poi_bg.png) no-repeat center top; display: -webkit-flex; display: flex; background-size:100%; }


.modal_box_inner.modal_cont { width:auto; min-height:0; max-width: 100%; background:none; }
.modal_cont .img_box{ display:block; width:100%; max-width:100%; }
.modal_cont .img_box img {
    vertical-align: top;
    position: relative;
    margin: auto;
    max-height: 90vh;
    width: auto;
}


/* Styles the close link, adds the slide down transition */
/*.modal_box a.modal-close { display: block;  text-decoration: none; position: absolute; top: 15px; right: 15px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.modal_box a.modal-close img{ vertical-align:top; width:15px; height:15px; }*/

.modal_box_inner .left_sec{ float:left; width:45%; padding: 0.156vw 0 0 2.083vw; position:relative; }
.modal_box_inner .left_sec figure{ display:block; }
.modal_box_inner .left_sec figure img{ vertical-align:top; width:13.698vw; max-width:100%; }
.modal_box_inner .left_sec .text_part{ display:block; padding:0.625vw 0 0 1.094vw; }

.modal_box_inner .left_sec h3{ font-family: 'Monaco'; font-size:0.938vw; line-height:1.146vw; color:#414141; letter-spacing:0.003vw; }

.modal_box_inner .left_sec ul.profile_nav{ list-style:none; padding:1.094vw 0 0 0; }
.modal_box_inner .left_sec ul.profile_nav li{ display:block; padding:0 0 0 1.458vw; }
.modal_box_inner .left_sec ul.profile_nav li.active{ background: url(../images/triangle.png) no-repeat 0.625vw 0.260vw; background-size:0.521vw; }
.modal_box_inner .left_sec ul.profile_nav li a{ display:inline-block; font-family: 'Monaco'; font-size:0.729vw; line-height:1.250vw; color:#414141; letter-spacing:0.002vw; }

.modal_box_inner .left_sec ul.season_nav{position:absolute; list-style:none; bottom:0.990vw; left:2.813vw; font-size:0; transform:rotate(1deg); -webkit-transform:rotate(1deg); -moz-transform:rotate(1deg); }
.modal_box_inner .left_sec ul.season_nav li{ display:inline-block; padding:0 1.771vw; position:relative; }
.modal_box_inner .left_sec ul.season_nav li:first-child:after{ content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:0.052vw; height:0.625vw; background:#414141;}
.modal_box_inner .left_sec ul.season_nav li a{ display:block; font-family: 'Monaco'; font-size:0.729vw; line-height:1.250vw; color:#414141; letter-spacing:0.002vw; }



.modal_box_inner .right_sec{ float:left; width:55%; padding:1.719vw 0 0 3.385vw; position:relative; transform:rotate(4deg); -webkit-transform:rotate(4deg); -moz-transform:rotate(4deg);}
.modal_box_inner .right_sec .right_sec_cont{  max-width:18.750vw;}
.modal_box_inner .right_sec figure{ margin:0 0 1.771vw; padding:0 0 0 6.875vw; }
.modal_box_inner .right_sec figure img{ width:5.573vw; max-width:100%; vertical-align:top; transform:rotate(-4deg); -webkit-transform:rotate(-4deg); -moz-transform:rotate(-4deg); }
.modal_box_inner .right_sec p{ font-family: 'Monaco'; font-size:0.729vw; line-height:0.938vw; color:#000; padding:0 0 0 0.052vw; }
.modal_box_inner .right_sec p:first-of-type{ padding:0 0 1.719vw; }

.modal_box_inner .right_sec ul.subject_nav{ position:absolute; list-style:none; bottom:2.969vw; left:0.260vw; font-size:0; /*transform:rotate(4deg); -webkit-transform:rotate(4deg); -moz-transform:rotate(4deg);*/ }
.modal_box_inner .right_sec ul.subject_nav li{ display:inline-block; padding:0 2.604vw; position:relative; }
.modal_box_inner .right_sec ul.subject_nav li:first-child:after{ content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:0.052vw; height:0.625vw; background:#000;}
.modal_box_inner .right_sec ul.subject_nav li a{ display:block; font-family: 'Monaco'; font-size:0.729vw; line-height:1.250vw; color:#000;  }



a.modal-close { display: block; width: 20px; box-sizing: border-box; background: none; text-decoration: none; position: absolute; top: -10px; right: -10px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }

.modal_box.active { opacity: 1; top: 0; bottom: 0; }


.modal_cont .img_box img.mobile { display:none; }


/******* CSS LIGHTBOX *******/

.v_box { position: relative; height: 0; width: 100%; padding-bottom: 56.25%; overflow: hidden; background: none;}
.video-js { height: 100%; width: 100%; position: absolute; top: 0; left: 0; }

.vid_box {
    position: fixed; top: 100%; background: rgba(0, 0, 0, .60); opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
	overflow-y: auto; z-index: 999999; width: 100%; max-width: 100%; padding:0 0 0;
    display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.vid_box_inner { display: block; width: 100%; position: relative; max-width: 90%; margin:0 auto; }

.vid_box video {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 100%;
    max-width: 100%;
    border: none;
    box-sizing: border-box;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.vid_box iframe {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    border: none;
    box-sizing: border-box;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}



a.vid-close { display: block; width: 20px; box-sizing: border-box; background: none; text-decoration: none; position: absolute; top: -10px; right: -22px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }


.vid_box.active { opacity: 1;  top: 0; bottom: 0; }
.vid_box.active .v_box {padding-bottom:0; height:90vh; }
.vid_box.active .video-js{ background:#000;}
.vid_box.active video { max-height: 100%;  max-width: 100%; }



html { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ }