/******** +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ***********/
/******** ++++++++++++++++++++++ START OF MIN-WIDTH +++++++++++++++++++++++ ***********/
/******** +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ***********/
@media screen and (min-width: 767px) {
@media (orientation: landscape) {
#profile-form.gabbro-form,
#subscribe-form.gabbro-form{ background: black; padding: 60px 7vw; }
#profile-form.gabbro-form { margin-top: -40px; }
#subscribe-form.gabbro-form { margin-top: -80px; margin-left: 20vw;}
}
.login-form .gabbro-button { width: 30%; padding: 20px 0px; }
.login-collage.col-sm-12{ display: block; }
.loginPage img.grain{ opacity: 0.4!important; }
.channels .video-post.v-col-2:not(.main) img,
.channels .video-post.v-col-2:not(.main) .coat { border-radius: 0px; }
.channels .video-post.v-col-3 img,
.channels .video-post.v-col-4 img,
.channels .video-post.v-col-3 .coat,
.channels .video-post.v-col-4 .coat { border-radius: 100px; }
.channels:not(.mobile) .video-post.v-col-3:hover img:not(.play),
.channels:not(.mobile) .video-post.v-col-4:hover img:not(.play) { transform: none; }
#channels.header-info .col-sm-12 { }
/* header title (poster page) 1024px */
.videos-wrapper.col3:not(.channels) .row,
.videos-wrapper.col4:not(.channels) .row { width: 100vw; margin: auto 0vw auto auto!important; }
.header-info.title .col-sm-12{ height: 100vh; width: 33vw; position: fixed; margin-left: 0%;}
.header-info.title h4{ font-family: "Quicksand"; position: absolute; font-size:40px; font-weight: 300; text-transform: capitalize; bottom: 35vh; width: 90%; letter-spacing: -3px; line-height: 1; padding: 0px 0px; opacity: 1; }
.header-info.title h5 {position: absolute; display: inline-block; font-size: 14px; letter-spacing: 0px; padding: 0px 30px; font-weight: 100; top: 64vh; width: 85%; }
.video-post.v-col-3 .captionText h2 { font-size: 20px; font-weight: 300; letter-spacing: -1px; width: 35%; right: 10px; text-align: right;}
.video-post.v-col-3 .captionText h4 { font-size: 16px; font-weight: 100; letter-spacing: -1px; width: 35%; right: 10px; text-align: right;}
.header-info.title { z-index: 999998; }
.header-info.title h4 box { border: 0px solid #FFF0F0; display: inline-block; line-height: 1; padding: 10px 30px; border-radius: 10px; background: -webkit-linear-gradient(#ddd, #ccc); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.header-info.title .col-sm-12 img { padding: 0px; width: 100%; object-fit: cover; display: none; }
.episodes.grain {opacity: 0.3!important; }
.header-info.title .coat,
.header-info.title .coat2 {background: rgba(0,0,0,0); padding: 0px; width: 100%; object-fit: contain; }
.header-info.seasons{
position: absolute!important; top: 50px;
}
.header-info.seasons.subsequent{
position: relative!important;
margin: 100px auto;
}
.seasons.top.header-info h4 { font-family: "Garet"; text-align: center; margin-top: 0px; font-weight: 100; font-size: 30px; letter-spacing: 0px; }
.seasons.top.header-info h4 span2 { background: none; padding: 10px; }
.videos-wrapper .col-sm-3 ,
.videos-wrapper .col-sm-4 { width: 100%; border-left: 0px solid white; height: 85vh; padding: 30px; margin: 2px 0px; }
.video-post.v-col-3{ border-radius: 0px; }
.channels .video-post.v-col-3{ border-radius: 0px; }
.video-post.v-col-3 .coat { opacity: 0.5; }
.video-post.v-col-3 .coat{ background: linear-gradient( to left , rgba(0,0,0,0.2),rgba(0,0,0,0.2), rgba(0,0,0,0.0),rgba(0,0,0,0.5),rgba(0,0,0,0.6), rgba(0,0,0,0.6) ); background: none;
width: 100%; height: 100%; z-index: 1; position: absolute; opacity: 1; }
.video-post.v-col-3 .blur { z-index: 1; opacity: 0}
.video-post.v-col-3 img.grain,
.video-post.v-col-4 img.grain{ z-index: 1; }
.video-post.v-col-3:hover .blur {opacity: 0.4; z-index: 1;}
.video-post.v-col-3:hover img.grain,
.video-post.v-col-4:hover img.grain{ opacity: 0.5!important; background: none!important; }
@media (orientation: portrait) {
.header-info.title h4 box { display: inline-block; padding-right: 8px; }
}
}
/************************* 1024px++ *********************************/
@media screen and (min-width: 1023px) {
body.home { padding-left: 0vw; padding-right: 0vw; }
@media screen and (orientation: landscape) and (min-height: 560px){
#profile-form.gabbro-form,
#subscribe-form.gabbro-form { width: 960px; }
header.login span,
header.login img {display: none;}
header.login a { font-family: "Source Sans Pro"; font-size: 20px; letter-spacing: 2px; opacity: 1; color: rgba(255,255,255,1); font-weight: 600; text-transform: uppercase; border: 0px solid white;}
header.login a:hover { border: 0px solid rgba(219, 239, 213,0.9); }
.login-form.gabbro-form:not(.static) { width: 40vw; }
.login-form.gabbro-form.static { opacity:1; right: 5vw; }
.login-form.gabbro-form.static input { font-family: "Quicksand"; font-size: 20px; padding: 20px 10px; font-weight: 300; color: rgba(254, 249, 231,1); color: white; letter-spacing: 0px; background-color: rgba(255,255,255,0.05)!important; }
.login-form.gabbro-form.static input::-internal-input-suggested {}
.login-form.static :-moz-placeholder { font-size: 18px; font-weight: 900;}
.login-form.static ::-moz-placeholder { font-size: 18px; font-weight: 900;}
.login-form.static :-ms-input-placeholder {font-size: 18px; font-weight: 900; }
.login-form.static ::-ms-input-placeholder { font-size: 18px; font-weight: 900;}
.login-form.gabbro-form.static input,
.login-form.gabbro-form.static label2 { width: 70%; }
.login-form.gabbro-form.static label2 { border-top: 0px solid rgba(255,255,255,0.2); }
.login-form.gabbro-form.static label3 { font-size: 15px; }
.login-form.gabbro-form.static .gabbro-button { font-family: "Source Sans Pro"; width: 35%; padding: 20px 0px; text-transform: uppercase; font-weight: 600; font-size: 40px; letter-spacing: -2px;}
.login-form.gabbro-form.static { top: 8vh; }
#signup .col-sm-12{ width: 100vw; left: 0vw; }
#signup iframe { width: 75%; margin-left: 12.5%; }
.login-buttons { display: none;}
@media screen and (min-width: 1280px) {
.login-form.gabbro-form.static { right: 8vw; }
}
}
.header-info.title h5 { font-size: 16px; letter-spacing: 0px; }
.videos-wrapper.col3:not(.channels) .row,
.videos-wrapper.col4:not(.channels) .row { width: 50vw; margin: auto 10vw auto auto!important; }
/* gabbro-form 1024++ */
.signup.header-info {max-width: 25vw; }
.profile.signup.header-info h4 { font-size: 70px; margin: 10px 0px; }
#profile-form.gabbro-form { background: none; margin-top: -50px; padding: 50px 5vw 0px 5vw; }
#profile-form.gabbro-form input ,
#profile-form.gabbro-form select,
#subscribe-form.gabbro-form input ,
#subscribe-form.gabbro-form select { font-size: 18px; letter-spacing: 0px; font-weight: 500; background: #101010;}
#subscribe-form.gabbro-form { margin-top: 0px; background: none; padding: 50px 4vw; }
#subscribe-form.gabbro-form td span { font-size: 16px; font-weight: 300; }
#billing-form.gabbro-form { top: 10vh; left: 25vw; width: 50vw; background: none; }
#billing-form .popup-header h4{ font-size: 25px; font-weight: 100; letter-spacing: 0.3em; text-transform: uppercase;
color: white; opacity: 0.9;}
#billing-form .data{ font-size: 18px; }
#contact-form.gabbro-form { width: 60%; }
/* header 1024++ */
.spo-responsive-trigger { display: none; }
.spo-responsive-container { width: 60px; }
.home .spo-responsive-container,
.film .spo-responsive-container { width: 30px; top:0px; }
.home .spo-responsive-navigation>ul { top: 75px; height: 130px; background: none; }
.home .spo-responsive-navigation>ul>li>a { font-size: 12px; }
.home.spo-responsive-trigger { top: 20px; left: 5px; width:40px; height: 40px; background: url('../images/responsive-trigger-w.png') center/100% no-repeat; }
header.home { position: fixed; height: 60px!important; background: rgba(0,0,0,0)!important; }
header.transparent.home { position: fixed; height: 60px!important; background: rgba(0,0,0,0)!important; }
header.series,
header.transparent.series { height: 60px!important; background: rgba(0,0,0,0)!important; }
header.login { right: 50px; }
header.login img { height: 30px; width: 30px; }
.dark header.profile {background: none; }
.privacy.header-info h4,
.contact.header-info h4,
.terms.header-info h4 { margin: 30px 0px 65px 30px;}
.back.gabbro-button { border-radius: 5px; }
/* logo2 1024px++ */
.logo2 { font-size: 25px;letter-spacing: -2px; background: none; margin-top: 15px; line-height: 0.3; padding: 0px 20px;}
.logo2 a { background: none; font-family: "Quicksand"; font-weight: 300; line-height: 0.9; padding: 0px;}
.logo2.series { margin-top : 10px; }
.logo2.series a { font-size: 30px; letter-spacing: -3px; font-weight: 400; line-height: 0.7;}
.logo2.home:not(.search) { background: -webkit-linear-gradient(top, white, white)!important; -webkit-background-clip: text!important; -webkit-text-fill-color: transparent; padding: 5px 10px; line-height: 0.9; text-transform: lowercase;}
.logo2.home:not(.search) a {font-size: 30px; font-weight: 300; letter-spacing: -2px; padding: 15px 5px 7px 15px; background: none; line-height: 0.8; display: inline-block; }
.logo2.home box { letter-spacing: 5px; font-weight: 100; }
.transparent .logo2.home.v2 p { }
.logo2.home.v2 p { background: rgba(9,9,9,0); padding: 0px 5px 5px 0px; display: inline-block; border: 0px solid white; }
.profile .logo2.home { padding: 10px; }
.logo2.subscribemenu { margin-top: 20px;}
.logo2.home.v2 a,
.logo2.home.v2 box { line-height: 1.6; font-size:30px; font-weight: 200; letter-spacing: 1px; opacity: 1; background: -webkit-linear-gradient(top, white, white)!important; -webkit-background-clip: text!important; -webkit-text-fill-color: transparent; }
.logo2.home.v2 a { padding: 0px 10px; }
.logo2.home.search { width: 300px; left: auto; right: 200px; }
.logo2.home.search input{ font-size: 20px; }
.results { font-size: 20px; }
.logo2.home.v2:not(.profile, .subscribe) a { border: 0px solid white; padding: 0px 10px 5px 10px; border-radius: 2px; }
/* greeting 1500px++ */
.main-greeting { background: rgba(0,0,0,0); padding : 10px; }
.main-greeting span { font-size: 25px; letter-spacing: 0px; font-weight: 200; }
.greeting.image{ width: 35px; }
.greeting.pipe{ margin: 3px 5px; }
.main-greeting span {font-size: 20px; }
.logo2.home.v2 span { display: inline-block; bottom: 25px; right: -5vw; }
.logo2.home.v2.subscribe { left: 0px; }
.logo2.home.v2.profile a,
.logo2.home.v2.profile box ,
.logo2.home.v2.subscribe a,
.logo2.home.v2.subscribe box{ font-size: 30px; letter-spacing: -1px; font-weight: 300; line-height: 0.9; left: 45vw;}
.logo2.home.v2 p { font-size: 30px; }
.login-backdrop { background: none; width: 57vw; position: fixed; top: 29vh; bottom: 20vh;}
.logo2.login-banner { top: 18vh; background: none; padding-top: 30px; }
.logo2.login-banner span { color: #FFF0EB; letter-spacing: -1px; opacity: 1; }
.logo2.login-banner span2 b { font-family: "Quicksand"; color: rgba(255,255,255,1); font-weight: 300; font-size: 50px; letter-spacing: -4px; padding: 0px; line-height: 0.6;}
.splash .logo2.login-banner b { font-weight: 400; color: rgba(255,255,255,0.8);}
.logo2.login-banner span2 b doc{ font-size: 1em; }
.logo2.login-banner c span2 {letter-spacing: 4px; font-weight: 300; font-size: 18px;}
.logo2.login-banner c { padding: 0px; background: none; }
.logo2.login-banner d { display: inline; }
.logo2.login-banner d span2 { letter-spacing: 1px; font-weight: 100; font-size: 20px; }
.logo2.login-banner d span2 box { font-size: 30px; font-weight: 400; }
.logo2.login-banner span2 b e { font-size: 40px;}
.logo2.login-banner e { font-size: 16px; }
.logo2.login-banner,
.logo2.login-banner2 { left: 1vw; width: 60vw;}
.logo2.login-banner2 { left: 1vw; top: 1vh; }
.logo2.login-banner2 span span2{ font-size: 18px; letter-spacing: 8px; font-weight: 100; display: inline; opacity: 0.9; border: 0px solid rgba(255,255,255,0.1); background: -webkit-linear-gradient(top, white, white,grey); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1.1 ; padding: 10px; }
.logo2.login-banner2 span span2 span2{ padding: 6px ; }
@media (min-aspect-ratio: 21/9) {
.logo2.login-banner2 { top: 1vh; }
.logo2.login-banner { top: 23vh; }
}
.login-collage.col-sm-12{
height: 50vh;
width: 100%;
position: fixed;
bottom: 0px;
}
.login-collage .col-sm-3{
height:100%;
padding: 0px 20px;
}
.logo2.subscribemenu { font-size: 20px; }
.logo2.subscribemenu a {letter-spacing: 2px; }
#channels.header-info.top h4 { margin-top: 5vh;}
#channels.header-info h4 {/* font-family: "Montserrat"; /* */ font-family: "Quicksand"; font-size: 50px; letter-spacing: -2px; margin: 8vh 0px 1vh 5vw; opacity: 1; font-weight: 300; word-spacing: 7px; padding: 10px 10px 0px 0px; background: -webkit-linear-gradient(top, white, white)!important; -webkit-background-clip: text!important; -webkit-text-fill-color: transparent; text-transform: lowercase; opacity: 1;}
#channels.header-info h4 box { border-bottom: 0px solid rgba(254, 249, 231,0.3); padding: 5px 20px 0px 10px; border-radius: 0px;}
#channels.main.header-info h4 { margin: 20px 0px 5px 20px; word-spacing: 4px; font-weight: 100; font-size:15px; padding: 0px; opacity: 1; letter-spacing: 4px; text-transform: capitalize; }
.wic-background.inner,
.dark:not(.gabbro-form, .loginPage),
.dark.home, body { /* background: -webkit-linear-gradient(left, #101010,#050505, #050505, #101010); */}
.home-v4-content.loginPage .coat { background: -webkit-linear-gradient(top, #000000, rgba(0,0,0,0.95), rgba(0,0,0,0.7), rgba(0,0,0,0.8), rgba(0,0,0,0.9), rgba(0,0,0,1))!important; opacity: 0.9; }
.channels .video-post.v-col-3,
.channels .video-post.v-col-4 { background: none; }
.channels .video-post.v-col-4 .caption1,
.channels .video-post.v-col-4 .blur { opacity: 1; }
.channels .video-post.v-col-4:hover .caption1,
.channels .video-post.v-col-4:hover .blur{ opacity: 1; }
.channels.main .video-post.v-col-2 img{ max-width: 100%; }
.channels .video-post.v-col-3 .captionText img.play,
.channels .video-post.v-col-4 .captionText img.play { left: calc(50% - 20px); bottom: 50%; width: 40px!important; height: 40px!important; opacity: 0; }
.video-post.v-col-3 img:not(.play) { padding: 0px; }
.videos-wrapper .col-sm-3 ,
.videos-wrapper .col-sm-4 { padding: 30px; height: 55vh;}
.channels .video-post.v-col-2 .coat2,
.channels .video-post.v-col-2 img:not(.play) { border-radius: 0px; }
.channels:not(.mobile) .video-post.v-col-3 img ,
.channels:not(.mobile) .video-post.v-col-4 img { padding: 0px; background: none; min-height: 85%; height: 90%; object-fit: cover; }
.channels:not(.mobile) .video-post.v-col-3:hover img ,
.channels:not(.mobile) .video-post.v-col-4:hover img { /*min-height: 80%; height: 85%; */ }
.channels .video-post.v-col-3 .coat,
.channels .video-post.v-col-4 .coat{ padding: 0px; opacity: 1.0;
background: linear-gradient(to bottom , rgba(0,0,0,0.9), rgba(0,0,0,0.3) , rgba(0,0,0,0.0), rgba(0,0,0,0.0), rgba(0,0,0,0.0), rgba(0,0,0,0.9)); height: 90%;}
.channels .video-post.v-col-3 img,
.channels .video-post.v-col-4 img,
.channels .video-post.v-col-3 .coat,
.channels .video-post.v-col-4 .coat { border-radius: 0px; }
.channels .video-post.v-col-3 .captionText h2,
.channels .video-post.v-col-4 .captionText h2 { left: 0px; right: 0px; bottom: 0px; font-size: 20px; letter-spacing: -1px; font-weight: 100; text-transform: uppercase; -webkit-transition:all 0.02s linear!important; color: white; opacity: 1; text-align: left; max-width: 55%; padding: 0px; margin: 0px!important; }
.video-post.v-col-4 .captionText,
.video-post.v-col-4 .caption1 { opacity: 1!important; }
.channels .video-post.v-col-3 .captionText h2,
.channels .video-post.v-col-4 .captionText h2 ,
.channels .video-post.v-col-3:hover .captionText h2 ,
.channels .video-post.v-col-4:hover .captionText h2 { font-family: "Quicksand"; text-transform: capitalize; color: white; font-weight: 200; top: auto; bottom: 0px; font-size: 25px; opacity: 1; width: 100%; }
.channels .video-post.v-col-4 .captionText h2 span {line-height: 0.9; padding: 2% 0%; box-shadow: -10px 0 0 rgba(0,0,0,0), 5px 0 0 rgba(0,0,0,0); }
.channels .video-post.v-col-2 .captionText h2 { font-family: "Quicksand"; margin-left: 5px!important; font-weight: 300; font-size: 30px; letter-spacing: -2px; bottom: 15%; }
.channels .video-post.v-col-2 .captionText h4 {opacity: 1; font-size: 18px; font-weight:100; width: 90%; letter-spacing: 0px; color: white; top: 85%; margin-left: 5px!important; }
.channels:not(.mobile) .video-post.v-col-3 .captionText h2 span,
.channels:not(.mobile) .video-post.v-col-4 .captionText h2 span { bottom: -20px; padding: 5px; background: none; display: block; }
/* BLUR 1024++ */
.blur { background: rgba(0,0,0,0.6)!important; }
.channels .blur { background: rgba(0,0,0,0.0)!important; }
@media (min-height: 850px){
.home .film-wrapper { display: block; margin-top: 5vh; padding: 3vh 0px; width: 90vw; margin-left: 2vw;}
}
.home.film-post { position: relative; z-index: 1; }
.home .film-wrapper .col-sm-12 { height: 40vh; }
.home .film-post .coat,
.home .film-wrapper img { width: 50%; right: 10vw; object-fit: cover; border-radius: 0px; }
.home .film-post h2 { font-family: "Quicksand"; font-size: 60px; letter-spacing: -4px; font-weight: 300; text-transform: lowercase; color: white; bottom: 40%; line-height: 0.6; width: 20vw; opacity: 0.8; left: 10vw; background: -webkit-linear-gradient(white, white, white)!important; -webkit-background-clip: text!important; }
.home .film-post h4 { font-family: "Quicksand"; font-size: 18px; letter-spacing: -1px; font-weight: 100; top: 60%; width: 20vw; left: 10vw; }
/* ------------ POSTER 1024px ------------ */
.channels .video-post.v-col-2 .captionText.main h2 { font-family: "Quicksand"; bottom: 15%; background: none!important; font-weight: 300; width: 20vw; text-transform: lowercase; opacity: 1; padding: 10px; -webkit-transition: all 0.05s linear; font-size: 50px; letter-spacing: -4px; }
.channels .mobile .video-post.v-col-2 .captionText.main h2 { font-size: 90px; letter-spacing: -0.09em; }
.channels .video-post.v-col-2 .captionText.main h2 span span2 { font-family: "Source Sans Pro"; letter-spacing:0px; font-size: 0.25em; font-weight: 200; }
.channels .video-post.v-col-2 .captionText.main h2 span span3 { line-height: 0.8; }
.channels .video-post.v-col-2 .captionText.main h4 { background: none; font-size: 16px; font-weight: 100; letter-spacing: 0px; width: 25vw; text-align: left; top: 85%; padding: 0px 10px; margin: 0px 10px!important;}
.channels .mobile .video-post.v-col-2 .captionText.main h4 { width: 35vw; margin-top: 0px!important; }
.channels .video-post.v-col-2 .captionText.main h3,
.channels .video-post.v-col-2 .captionText.main h5 { font-size: 20px; font-weight: 100; letter-spacing: 0px; color: white; }
.channels .video-post.v-col-2 .captionText.main h5 { bottom: 20vh; }
.channels.main .video-post.v-col-2 img.grain { opacity: 0.3!important;}
#wic-background.flowplayer.fp-slim.is-playing .video-post.v-col-2 img.grain { opacity: 0.2!important; }
/* experiment
.channels .video-post.v-col-2 .captionText.main h2 ,
.channels .video-post.v-col-2 .captionText.main h4 {width: 100vw; min-width: 100vw; text-align: center;}
.channels .video-post.v-col-2 .captionText.main h2 span { float: none!important; }
/* */
@media only screen and (max-aspect-ratio: 21/9) {
#wic-background.flowplayer.fp-slim.is-splash .video-post.v-col-2 .captionText.main h2 {font-weight: 300; }
.channels.mobile #wic-background.flowplayer.fp-slim .video-post.v-col-2 .captionText.main h2 { font-weight: 300; }
.channels .video-post.v-col-2 .captionText.main.sub h2 { font-size: 95px; letter-spacing: -4px; }
.channels .video-post.v-col-2 .captionText.main h2 { font-size: 60px; letter-spacing: -6px; min-width:35vw; font-weight: 300; }
.channels .video-post.v-col-2 .captionText.main h2 span span2 { font-size: 0.25em; }
.channels .video-post.v-col-2 .captionText.main h4 { width: 30vw; }
.channels .video-post.v-col-2 .captionText.main h3,
.channels .video-post.v-col-2 .captionText.main h5 { font-size: 30px; right: 2vw; letter-spacing: -3px; font-weight: 300;}
@media only screen and (min-width: 1280px) and (min-height: 960px) {
/* film wrapper 1024px++ */
.film-wrapper h2 { width: 30vw; font-size: 40px; letter-spacing: -3px; opacity: 1; line-height: 0.9;}
.film-wrapper h4 { width: 33%; letter-spacing: 0px; font-size: 16px; }
.film-wrapper h5 { font-size: 30px; }
.film-wrapper h6 { font-size: 16px; }
.home .film-wrapper .col-sm-12 { height: 60vh; }
.home .film-post h2 { font-size: 80px; letter-spacing: -7px; opacity: 1; }
.home .film-post h2 span { line-height: 0.7; }
.home .film-post h4 { font-size: 20px; width: 20vw;}
.channels .video-post.v-col-2 .captionText.main.sub h2 { font-size: 75px; letter-spacing: -12px; }
.channels .mobile .video-post.v-col-2 .captionText.main h2 { font-size: 100px; }
.channels .video-post.v-col-2 .captionText.main h2 span span2 { font-size: 0.25em; }
.channels .video-post.v-col-2 .captionText.main h2 span span3 { line-height: 0.7; }
.channels .video-post.v-col-2 .captionText.main h2 { font-size: 60px; letter-spacing: -5px; opacity: 0.9;bottom: 11%; }
.channels .video-post.v-col-2 .captionText.main h4 { font-size: 20px; letter-spacing: -1px; top: 90%; width: 25vw;}
.channels .video-post.v-col-2 .captionText.main h3,
.channels .video-post.v-col-2 .captionText.main h5 { font-size: 40px; opacity: 1;}
}
}
/* poster IMAGES */
.channels.main .video-post.v-col-2 img:not(.play) { object-fit: cover; border-radius: 0px; padding: 0px; }
.channels.main .is-splash .video-post.v-col-2 img:not(.play) ,
.channels.main .video-post.v-col-2 img:not(.play, .grain) {
min-height: 70vh; position: fixed; height: 100vh; width: 100vw; margin-left: 0vw; object-fit: fixed; border-radius: 0vw; top: 0vh; object-fit: cover; /*width: 100vw; margin-left: 0vw; */ }
.channels.main.mobile .is-splash .video-post.v-col-2 img:not(.play) { width: 100vw; margin-left: 0vw; height: 100vh; top: 0vh; border-radius: 0px;}
@media only screen and (min-aspect-ratio: 21/9) {
.logo2.home a { color: #FFF0EB; }
.channels.main .is-splash .video-post.v-col-2 img:not(.play) ,
.channels.main .video-post.v-col-2 img:not(.play) { opacity: 1; margin-left: 24.5vw; padding: 0vh 0px; margin:auto; margin-top: 0px; border-radius: 0px; width: 100vw; margin-left: 0vw; object-fit: contain; }
.channels.videos-wrapper.col4 .row { width: 100%; padding: 0px 1vw 0px 1vw; }
/* */
}
/* footer 1024px */
.footer-widget-area ul li { list-style: none; line-height: 30px; }
.dark .footer-widget-area ul li a { font-weight: 200; letter-spacing: 5px; }
.channels .video-post.v-col-4 img:not(.play) { width: 100%; float: right; }
.channels:not(.mobile) .video-post.v-col-3:hover img:not(.play),
.channels:not(.mobile) .video-post.v-col-4:hover img:not(.play) { transform: none; }
.owl-carousel.series { height: 40vh; }
.videos-wrapper.channels .col-sm-3, .owl-carousel { height: 40vh; padding: 0px 0px; background: none; }
.videos-wrapper.channels .col-sm-4, .owl-carousel.film { height: 50vh; padding: 0px 0px; background: none; }
.videos-wrapper.channels .col-sm-6, .owl-carousel.feature { height: 75vh; padding: 1px; background: none;}
.carousel-cell {
width:20%; /* half-width */
height: 40vh;
margin-right: 1px;
}
.film .carousel-cell {
width: 20%; /* half-width */
height: 45vh;
margin-right: 1px;
}
.features .carousel-cell {
width: 25%; /* half-width */
height: 45vh;
margin-right: 1px;
}
.main.header-info .row,
.channels.videos-wrapper.col2:not(.main) .row { padding: 0px 10vw 0px 10vw; width: 100%; float: left; }
.channels.videos-wrapper.col3 .row { width: 100%; padding: 0px 8vw 0px 8vw; }
.channels.videos-wrapper.col4 .row { width: 100%; padding: 0px 14vw 0px 14vw; }
.channels:not(.main) .video-post.v-col-2 .coat,
.channels:not(.main) .video-post.v-col-2 .coat2,
.channels:not(.main) .video-post.v-col-2 img:not(.play) { padding: 0px; height: 70%; min-height: 60%; }
.video-post.v-col-3 .captionText { opacity : 1;}
.video-post.v-col-3 .captionText h2 { font-family: "Garet"; font-weight: 100; bottom: 10%; font-size:30px; width: 95%; margin: 30px auto!important; text-align: right; opacity: 0.3; transition:all 0.001s ease-in-out;
-webkit-transition:all 0.001s linear; left: auto; }
.video-post.v-col-4 .captionText h2 { width: 70%; margin: 30px 15%!important; text-align: right; }
.video-post.v-col-3 .captionText h2,
.video-post.v-col-4 .captionText h2 { transition:all 0.001s ease-in-out; -webkit-transition:all 0.001s linear; opacity: 1; }
.video-post.v-col-3 .captionText h2 span,
.video-post.v-col-4 .captionText h2 span,
.video-post.v-col-3 .captionText h4 span,
.video-post.v-col-4 .captionText h4 span { background: none; box-shadow: none; }
.video-post.v-col-3:hover .captionText h2 { bottom: 10%; margin: 20px 0px; opacity: 1; }
.video-post.v-col-4:hover .captionText h2 { bottom: 50%; margin: 20px 0px; opacity: 1;}
.video-post.v-col-3 .captionText h4 { top: 85%; width: 55%; text-align: right; left: auto; opacity: 1; transition:all 0.01s ease-in-out;
-webkit-transition:all 0.01s linear; }
.video-post.v-col-4 .captionText h4 { width: 90%; text-align: center; margin: 10px 5%!important; opacity: 0.2; transition:all 0.4s ease-in-out;
-webkit-transition:all 0.2s linear; }
.video-post.v-col-3:hover .captionText h4,
.video-post.v-col-4:hover .captionText h4 { top: 85%; opacity: 1;}
.video-post.v-col-2 .captionText img.play { display: block; right: auto; left: calc(50% - 50px); bottom: calc(50% - 50px); width: 100px!important; height: 100px!important; opacity: 0.5; }
.video-post.v-col-3 .captionText img.play,
.video-post.v-col-4 .captionText img.play { left: calc(50% - 50px); bottom: calc(50% - 50px); width: 100px!important; height: 100px!important; opacity: 0.0; background: rgba(0,0,0,0.5); }
.video-post.v-col-3:hover .captionText img.play,
.video-post.v-col-4:hover .captionText img.play { left: calc(50% - 15px); bottom: calc(50% - 10px); width: 30px!important; height: 30px!important; background: none; opacity: 0; }
@media only screen and (max-aspect-ratio: 5/3) and (min-height: 960px) {
.logo2.login-banner { top: 20vh; width: 60vw; }
.logo2.login-banner2 { top: 1vh; }
.logo2.login-banner span span2 { font-size: 45px; }
.logo2.login-banner span2 b{ font-size: 60px;}
.logo2.login-banner c span2 { font-size: 18px;}
.logo2.login-banner d span2 { font-size: 15px; }
.channels .mobile .video-post.v-col-2 .captionText.main h4 ,
.channels .video-post.v-col-2 .captionText.main h4 { width: 35vw; }
}
/** 1023px x 960px */
@media screen and (max-height: 960px) {
header.transparent.home { height: 50px!important; }
.logo2.home.v2 a,
.logo2.home.v2 box { font-size: 25px; line-height: 1.3; }
.greeting.image{ width: 20px; }
.greeting.pipe{ margin: 3px 5px; }
.main-greeting span { font-size: 20px; font-weight: 200; letter-spacing: -1px; }
.logo2.login-banner { top: 18vh; width: 40vw; padding-top: 20px; }
.logo2.login-banner span span2 { font-size: 25px; }
.logo2.login-banner c span2 { font-size: 14px;}
.logo2.login-banner d span2 { font-size: 15px; }
.logo2.login-banner2 { top: 0vh; }
.logo2.login-banner2 span span2 {font-size: 15px; }
.login-form.gabbro-form.static :-webkit-input-placeholder { font-size: 20px; }
.login-form.gabbro-form.static .gabbro-button { font-size: 30px; padding: 20px 0px; margin: 5px auto; }
.profile.signup.header-info h4 { font-size: 50px; margin: 10px 0px; }
#profile-form.gabbro-form input ,
#profile-form.gabbro-form select,
#subscribe-form.gabbro-form input ,
#subscribe-form.gabbro-form select { padding: 10px 10px; font-size: 20px; }
#profile-form.gabbro-form td span { font-size: 14px; }
#subscribe-form.gabbro-form { padding-left: 40px; margin-top: -90px; z-index: 5; }
#subscribe-form.gabbro-form td span { font-size: 20px; font-weight: 500; }
#profile-form.gabbro-form,
#subscribe-form.gabbro-form{ padding: 60px 4vw; width: 768px; margin-left: 2vw;}
.header-info.profile { width: 500px; }
@media (max-width: 1200px) {
#profile-form.gabbro-form,
#subscribe-form.gabbro-form{ padding-top: 60px; }
}
.header-info h4,
.privacy.header-info h4,
.profile.header-info h4,
.contact.header-info h4,
.terms.header-info h4 { font-size: 40px; font-weight: 500; letter-spacing: -2px; }
.signup-form.header-info h4 { padding: 5px; }
.dark .header-info.profile p { font-size: 12px; }
#channels.header-info h4 { font-size: 40px; letter-spacing: -3px; margin: 10vh 0px 3vh 10vw; }
.video-post.v-col-2 .captionText h2 ,
.video-post.v-col-3 .captionText h2 ,
.video-post.v-col-4 .captionText h2 { font-size: 20px; }
.channels .video-post.v-col-2 .captionText h2 { font-size: 35px; }
.channels .video-post.v-col-2 .captionText h4 { font-size: 16px; width: 99%; margin: 1%; }
.video-post.v-col-2 .captionText h4 ,
.video-post.v-col-3 .captionText h4 ,
.video-post.v-col-4 .captionText h4 { margin: 0px; padding: 0px; width: 60%; }
.channels.mobile .video-post.v-col-2 .captionText h4 { width: 95%; }
.video-post.v-col-3 .captionText h4 span { line-height: 1.4;}
.videos-wrapper .col-sm-3 ,
.videos-wrapper .col-sm-4 { height: 50vh; padding: 30px;}
.channels .video-post.v-col-2 .captionText:not(.main) h2 { opacity: 1; bottom: 20%; width: 70%;}
.channels .video-post.v-col-2 .captionText:not(.main) h2 span { padding: 5px 0px; line-height: 1; color: white; Background: none; }
.channels .video-post.v-col-2 .captionText h4 { top: 80%; }
.channels .video-post.v-col-2 .captionText h4 { width: 90%; }
.home .film-wrapper .col-sm-12 {height: 50vh; }
.channels.videos-wrapper.col2:not(.main) .row { padding: 0px 10vw 0px 10vw; width: 100%; float: left; }
.channels.videos-wrapper.col3 .row { width: 100%; padding: 0px 8vw 0px 8vw; }
.channels.videos-wrapper.col4 .row { width: 100%; padding: 0px 18vw 0px 18vw; }
.videos-wrapper.col3:not(.channels) .row,
.videos-wrapper.col4:not(.channels) .row { width: 60vw; }
.video-post.v-col-3 .coat { opacity: 0.4;}
@media screen and (max-height: 768px) {
.logo2.home a { font-size: 25px; }
.logo2.home.v2 a,
.logo2.home.v2 box { font-size: 20px; letter-spacing: -1px; }
.logo2.login-banner { top: 15vh; }
#profile-form.gabbro-form,
#subscribe-form.gabbro-form{ padding: 50px 4vw; }
.header-info.title .col-sm-12 { width: 50vw; }
header.transparent.home { height: 75px!important; background: none!important;}
header.profile, header.terms, header.contact, header.privacy { min-height: 10vh; }
.home .spo-responsive-container, .film .spo-responsive-container { display: block; }
.logo2.home.v2 span { display: block; bottom: 0px; }
.videos-wrapper.col3:not(.channels) .row,
.videos-wrapper.col4:not(.channels) .row { width: 70vw; }
.channels .video-post.v-col-2 .captionText.main.sub h2 { font-size: 45px; }
.channels .mobile .video-post.v-col-2 .captionText.main h4 { width: 30vw; }
.channels .video-post.v-col-2 .captionText.main h4 { width: 30vw; }
.channels .video-post.v-col-2 .captionText.main h3,
.channels .video-post.v-col-2 .captionText.main h5 { font-size: 22px; letter-spacing: 0px; }
@media screen and (max-height: 720px) {
.logo2.login-banner span span2 { font-size: 25px; }
.logo2.login-banner b { font-size: 35px; }
.logo2.login-banner c span2 { font-size: 14px;}
.logo2.login-banner d span2 { font-size: 15px; }
.videos-wrapper.channels .col-sm-3, .owl-carousel { height: 33vh!important; }
.videos-wrapper.channels .col-sm-3, .owl-carousel.series { height: 33vh!important; }
.videos-wrapper.channels .col-sm-4, .owl-carousel.film { height: 60vh!important; }
.videos-wrapper.channels .col-sm-6, .owl-carousel.feature { height: 70vh!important; }
.dark .footer-widget-area ul li a { font-size: 12px; }
}
}
}/* 960*/
}
/************************************** 1500px++ **********************************************/
@media screen and (min-width: 1500px) {
.logo2.home.search { width: 400px; }
.logo2.login-banner,
.logo2.login-banner2 { left: 5vw; width: 40vw;}
.logo2.home.v2 { z-index: 9999; top: 0px; text-align: center; opacity: 1; width: 70vw; display: block; margin: 0px 15vw; text-transform: lowercase;}
.login-form.gabbro-form.static { right: 10vw; }
.logo2.login-banner b { font-size: 50px; }
.logo2.login-banner span c span2 { font-size: 16px; font-weight: 200; letter-spacing: 5px;}
.logo2.login-banner span d span2 { font-size: 25px; font-weight: 100; letter-spacing:-0px;}
.logo2.login-banner span d span2 {font-size: 16px; letter-spacing: 2px;}
.signup .popup-close { margin-right: 25vw; }
#signup iframe { width: 60%; margin-left: 20%; }
.channels.main .is-splash .video-post.v-col-2 img:not(.play) ,
.channels.main .video-post.v-col-2 img:not(.play, .grain) { width: 100vw; margin-left: 0vw; }
}
@media screen and (min-width: 1500px) and (min-height: 960px) {
.logo2.login-banner b { font-size: 60px; }
.features .carousel-cell {
width: 20%; /* half-width */
height: 65vh;
margin-right: 1px;
}
.home.spo-responsive-trigger { left: 5px;}
#profile-form.gabbro-form input ,
#profile-form.gabbro-form select,
#subscribe-form.gabbro-form input ,
#subscribe-form.gabbro-form select { font-size: 25px; letter-spacing: 0px; font-weight: 500; background: none; padding: 20px 15px; }
#subscribe-form.gabbro-form { background: black; padding: 50px 4vw; }
#subscribe-form.gabbro-form td span { font-size: 22px; font-weight: 500; }
#billing-form.gabbro-form { top: 10vh; left: 33vw; width: 33vw; background: none; }
.logo2.login{ font-size: 20px!important; top: 37vh; top: 5px; display: none;}
.logo.login img { display: none; margin-top: -20px; }
/* forms 1500px++ */
.login-form.gabbro-form.static { display: block; right: 15vw; }
.login-form.gabbro-form.static input,
.login-form.gabbro-form.static label2 { width: 60%; }
.login-form.gabbro-form.static .gabbro-button { width: 25%; padding: 20px 0px; }
.login-form.gabbro-form.static { top: 10vh; }
.videos-wrapper .col-sm-3 ,
.videos-wrapper .col-sm-4 { height: 65vh; padding: 50px;}
/* col-sm-12 1500px++ */
.profile.header-info.reset .col-sm-12,
.profile.header-info .col-sm-12 ,
.signup.header-info .col-sm-12,
.subscribe.header-info .col-sm-12{ margin: 0px 0px 0px 10px; }
#subscribe-form.gabbro-form { margin-left: 5vw; }
.categories.header-info:not(.homepage) .col-sm-12,
.profile.header-info .col-sm-12,
#profile-form.gabbro-form { margin-left: 20px; }
#channels.main.header-info .col-sm-12 { background: none; margin: 0px auto; padding: 0px ; }
#channels.header-info.top .col-sm-12 { background: none; margin: -30px 0px 5px 0px;}
#channels.header-info .col-sm-12 { background: none; margin: 20px 0px 0px 0px; padding: 0px 1px; }
#channels.header-info.film .col-sm-12 { background: none; margin: 120px 0px 0px 0px; padding: 0px 1px; }
.profile.signup.header-info .col-sm-12 { margin: 0px 0px 30px 10px; }
.header-info:not(.signup-form) .register-container{ margin: 20px auto 0px auto; }
/* BANNER */
.videos-wrapper.channels .col-sm-12 .banner { z-index: 10; margin-bottom: 0px; display: none; border-top: 0px solid grey; }
.videos-wrapper.channels .col-sm-12 .banner { display: none; text-transform: lowercase; font-size: 40px; font-weight: 100; margin: 8vh 0px 0px 0px; letter-spacing: 5px; background: -webkit-linear-gradient( white, white, grey)!important; -webkit-background-clip: text!important; -webkit-text-fill-color: transparent; opacity: 1; }
.videos-wrapper.channels .col-sm-12 .banner span { display: inline-block; padding: 25px; line-height: 1;}
/*header-info h4 1500px++px */
#channels.header-info { padding-left: 0.2vw; padding-right: 0.2vw;}
#channels.main.header-info { padding: 0px 5px;}
#channels.film.header-info { padding-left: 0.5vw; }
#channels.header-info.top { margin-top: 50px;}
.privacy.header-info h4,
.contact.header-info h4,
.terms.header-info h4 { margin: 30px 0px 45px 30px;}
.header-info h4 { margin: 80px 0px 5px 0px;}
.categories.film.header-info h4 { font-size: 45px; }
.profile.header-info h4 { margin: 20px auto; letter-spacing: -3px; text-transform: capitalize; font-size: 40px; font-weight: 200; background: -webkit-linear-gradient(#fff, white); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 0.8; }
.signup.header-info h4 { font-size: 35px; font-weight: 400; letter-spacing: -2px; margin: 20px auto 30px auto; background: #1a1a1a;}
.signup.subscribe.header-info h4 { background: none; background-color: rgba(0,0,0,0); }
.header-info.title h4{ position: absolute; }
.seasons.top.header-info h4 { font-size: 30px;}
/* v-col 1500px */
.video-post.v-col-3 .caption1 { opacity: 1;}
.channels .video-post.v-col-3 img ,
.channels .video-post.v-col-4 img { opacity: 1; }
/* CAROUSEL 1500px */
.owl-carousel .owl-item { padding: 0px; }
.owl-carousel.film .owl-item { padding: 0px; }
.feature button.owl-prev,
.feature button.owl-next {transition:all 0.2s linear!important; height: 30%; top: 25%; }
button.owl-prev,
button.owl-next { transition:all 0.2s linear!important; height: 30%; top: 35%; }
button.owl-prev:hover,
button.owl-next:hover {top: 0%; height: 100%; width: 100px; }
/* COATS 1500px++ */
.channels .video-post.v-col-2 .coat2,
.main.channels .video-post.v-col-2 .coat2,
.channels .video-post.v-col-3 .coat,
.channels .video-post.v-col-4 .coat { opacity: 0; }
.video-post.v-col-3 .coat{ width: 100%; height: 100%; z-index: 1; position: absolute; opacity: 1; }
/* GRAIN 1500px++ */
.home.grain { opacity: 0.1!important; }
.channels:not(.main) .video-post.v-col-2 img.grain { opacity: 0.0!important; }
.video-post.v-col-3 img.grain{ opacity: 0.2!important; background: none!important; border-radius: 0px;z-index: 1; }
.video-post.v-col-4 img.grain{ opacity: 0.3!important; background: none!important; }
.video-post.v-col-3:hover img.grain,
.video-post.v-col-4:hover img.grain{ opacity: 0.4!important; background: none!important; }
.channels .video-post.v-col-3 img.grain,
.channels .video-post.v-col-4 img.grain{ opacity: 0.0!important; background: none!important; }
/* IMAGES 1500px+ */
.video-post.v-col-3 img:not(.play) { border-radius: 0px; height: 100%; }
.channels.main .video-post.v-col-2 .captionText img.play { opacity: 0; bottom: 30%; width: 65px!important; height: 65px!important; background: rgba(0,0,0,0.0); padding: 0px; }
.channels.main .is-playing .video-post.v-col-2 .captionText img.play { opacity: 0; width: 50px!important; height: 50px!important;}
.channels .video-post.v-col-2 .captionText img.play { opacity: 0; }
.channels .video-post.v-col-3 .captionText img.play,
.channels .video-post.v-col-4 .captionText img.play { left: calc(50% - 20px); bottom: calc(50% - 20px); width: 40px!important; height: 40px!important; opacity: 0; }
.channels .video-post.v-col-3:hover .captionText img.play,
.channels .video-post.v-col-4:hover .captionText img.play { opacity: 0; }
.channels .video-post.v-col-2 .coat2,
.channels .video-post.v-col-2 img:not(.play) { border-radius: 0px; }
.channels .video-post.v-col-3 img:not(.play),
.channels .video-post.v-col-4 img:not(.play),
.channels .video-post.v-col-3 .coat,
.channels .video-post.v-col-4 .coat{ border-radius: 0px; opacity: 1; }
.channels.main .video-post.v-col-2 img { max-width: 100%; border-radius: 0px; }
.video-post.v-col-3 .captionText h2 { font-size: 30px;}
/* poster 1500px */
.channels .video-post.v-col-2 .captionText.main h2 { }
.channels .video-post.v-col-2 .captionText.main h4 { }
.channels .video-post.v-col-2 .captionText.main h3,
.channels .video-post.v-col-2 .captionText.main h5 { font-size: 30px; }
/* */
/* footer 1500px */
.footer-copyright p { font-size: 14px; }
.pagination.home { background: rgba(219, 239, 213,0.5); background: none; margin: 20vh auto; }
.col-sm-4.footer-widget { margin: 70px auto 50px auto; }
#profileButtons { margin: 20px auto; }
.footer-widget-area ul li { list-style: none; line-height: 30px; }
.dark .footer-widget-area ul li a { font-size: 25px; letter-spacing: -1px; }
/* 16/9 & 1500px */
@media screen and (min-aspect-ratio: 4/3) {
.channels .video-post.v-col-2 .coat2{ background: linear-gradient(to bottom , rgba(0,0,0,1), rgba(0,0,0,0.5) , rgba(0,0,0,0.0) ,rgba(0,0,0,0.0), rgba(0,0,0,0.4) ,rgba(0,0,0,1)); opacity: 1; max-height: 80%; height: 80%; opacity: 0.7;}
.owl-carousel.film { padding: 0px; height: 70vh!important; }
.owl-carousel.feature { padding: 0px; height: 70vh!important; }
.videos-wrapper.channels .col-sm-4 { padding: 1px; height: 70vh!important; }
#channels.header-info.top .col-sm-12 { background: none; margin: 50px 0px 5px 0px;}
#channels.header-info .col-sm-12 { background: none; margin: 10px 0px 5px 0px;}
#channels.header-info.film .col-sm-12 { background: none; margin: 25px 0px 5px 0px;}
@media only screen and (min-aspect-ratio: 5/3) {
#channels.main.header-info h4 { margin: 20px 0px 10px 0px; }
}
}
/* 1500px */
@media screen and (max-height: 1024px) {
.header-info:not(.signup-form) .register-container{ margin: 10px auto 0px auto; }
#profile-form.gabbro-form input ,
#profile-form.gabbro-form select,
#subscribe-form.gabbro-form input ,
#subscribe-form.gabbro-form select { font-size: 22px; }
.pagination img { height: 90px!important; width: 90px!important; }
.videos-wrapper.channels .col-sm-12 .banner { display: none;}
#channels.header-info.main .col-sm-12 {display: block; }
#channels.header-info.top .col-sm-12 {margin-top: 50px }
#channels.header-info .col-sm-12,
#channels.header-info.film .col-sm-12 {margin: 10px 0px 5px 0px; padding: 0px 1px; }
.channels .video-post.v-col-2 .captionText h4 { font-size: 12px; width: 70%; font-weight: 200; }
.login-form.gabbro-form.static { top: 15vh; }
.login-form.gabbro-form.static .gabbro-button { padding: 5px 0px; }
/* 1500px */
@media screen and (max-height: 960px) {
.header-info.title h5{ font-size: 15px; }
.video-post.v-col-3:hover .captionText h2 { font-size: 16px; }
.channels .video-post.v-col-2 .captionText h4 { font-size: 10px; }
}
}
}/* 1500px end*/
/************************************** 1900px++ **********************************************/
@media screen and (min-width: 1900px) {
.login-form.gabbro-form.static { right: 15vw; }
}
@media screen and (min-width: 1900px) and (min-height: 1024px) {
header.transparent.home { opacity: 1; }
body { padding-left: 0vw; padding-right: 0vw; }
body.home { padding-left: 0vw; padding-right: 0vw; border-left: 0px solid white; border-right: 0px solid white; }
.videos-wrapper .col-sm-6 { width: 50%; padding: 2px;}
/* captionText 1920px++ */
.video-post.v-col-2 .captionText h4 { font-size: 12px; width: 50%; }
.video-post.v-col-2 .captionText h4 span {display: inline; line-height: 1.5; }
.video-post.v-col-3 .captionText h4 { font-size: 20px; }
.pagination img { height:120px!important; width: 120px!important; }
}
/************************************** 2048px++ **********************************************/
@media screen and (min-width: 2048px) and (min-height: 1080px) {
body.home { padding-left: 0vw; padding-right: 0vw; }
.home .spo-responsive-container, .film .spo-responsive-container { display: none; }
header.transparent.home { height: 80px!important; }
#signup iframe { width: 80%; margin-left: 10%; }
/* logo 2048px ++ */
.logo2 a,
.logo2 box{ font-size: 30px; }
.logo.image { width: 50px;}
.logo2.series a,
.logo2.home a,
.logo2.home box{ font-size: 30px; }
.logo2.home.search { width: 500px; left: auto; right: 300px; }
.logo2.home.search ::-webkit-input-placeholder {font-size: 20px; color: rgba(255,255,255,0.5)!important;}
.logo2.home.search .results { font-size: 16px; }
.logo2.v2.home a,
.logo2.v2.home box{ font-size: 50px; letter-spacing:-3px; }
.logo2.login { font-size: 35px!important; padding-right: 20px; }
.logo2.login a,
.logo2.login lc { font-size: 30px!important; font-weight: 100!important; letter-spacing: 2px; top: 30vh; }
.logo2.home.v2 span { font-size: 12px; letter-spacing: 10px; }
.logo2.login-banner,
.logo2.login-banner2 { left: 15vw; width: 40vw;}
.login-form.gabbro-form.static { right: 25vw; }
.logo2.categories { font-size: 30px; }
.logo2.login-banner { max-width: 100vw; width: 40vw; }
.logo2.login-banner span2 b { font-size: 80px; letter-spacing: -7px; }
.logo2.login-banner span c span2 { font-size: 20px; font-weight: 200; letter-spacing: 5px; }
.logo2.login-banner span d span2{ padding: 25px 5px;}
.logo2.login-banner span d span2 box { font-size: 40px;color: white; letter-spacing: 2px; }
.logo2.login-banner span span2 { font-size: 40px;color: white; letter-spacing: -2px; }
.login-backdrop { top: 18vh; }
.logo2.login-banner2 { top: 2vh; }
.logo2.login-banner2 span span2 { font-size: 30px; letter-spacing: 15px; }
.login-form.gabbro-form.static input {font-size: 35px; }
.login-form.gabbro-form.static :-webkit-input-placeholder {font-size: 35px; }
.login-form.gabbro-form.static input,
.login-form.gabbro-form.static label2 { width: 60%; margin-right: 20%;}
.login-form.static ::-webkit-input-placeholder { font-size: 30px; opacity: 0;}
.login-form.static :-moz-placeholder { font-size: 70px; }
.login-form.static ::-moz-placeholder { font-size: 70px; }
.login-form.static :-ms-input-placeholder {font-size: 70px; }
.login-form.static ::-ms-input-placeholder { font-size: 70px; }
.login-form .g-recaptcha-archived {transform: scale(1.1); }
/* User Greeting 1920px++px */
.greeting.image{ width: 45px; }
.main-greeting span { font-size: 20px; }
/*header-info 2048px ++ */
#channels.main.header-info .col-sm-12 { }
.signup .popup-close { margin-right: 10vw; }
.popup-close { height: 60px; width: 60px; }
.header-info h4{ font-size:95px; letter-spacing: -8px;}
.header-info.title h4 { font-size: 70px; letter-spacing: -6px; }
.header-info.title h4 box {border: 0px solid white; }
.header-info.title h5 { font-size: 20px; letter-spacing: 5px;}
.seasons.top.header-info h4 { font-size: 35px; }
.seasons.top.header-info h4 span2 { padding: 20px; }
.dark .header-info.profile p { font-size: 20px; letter-spacing: 5px;}
.profile.header-info .col-sm-12 {margin: 50px 0px 25px 50px; }
.profile.header-info h4 {width: 100%;; }
.profile.header-info p {margin: 0px; }
.profile.signup.header-info h4 { font-size:85px; }
.signup.subscribe.header-info h4 { margin: 50px 0px 25px 0px; font-size:85px;}
.signup-form.header-info h4 { margin: 25px 0px 10px 0px; }
.seasons .header-info h4,
.seasons.top.header-info h4 { font-size: 65px; }
#channels.main.header-info .col-sm-12 { margin: 0px auto; }
#channels.header-info h4 { font-size:50px; letter-spacing: -4px; margin: 8vh 0px 2vh 5vw; }
#channels.header-info h4 span{ font-weight: 100;}
#channels.main.header-info h4 { padding: 0px 0px 15px 0px; width: 100%; font-weight: 200; letter-spacing: 7px; font-size: 30px; }
/* rows 2048px */
.videos-wrapper .col-sm-3 { height: 50vh; }
.videos-wrapper .col-sm-4 {height: 60vh; }
/* captionText h2/h4 2048px ++ */
.captionText:not(.main) h2 { padding-bottom: 0px!important;}
.video-post.v-col-2 .captionText h2{ font-size: 40px; font-weight: 200;}
.video-post.v-col-3 .captionText h2{ font-size: 40px; font-weight: 100; bottom: 13%; letter-spacing: -4px; }
.video-post.v-col-4 .captionText h2{ font-size: 20px; font-weight: 200; bottom: 13%; }
.video-post.v-col-2 .captionText h4{ font-size: 25px; font-weight: 300; width: 50%; }
.video-post.v-col-3 .captionText h4{ font-size: 25px; font-weight: 300; top: 85%; }
.video-post.v-col-4 .captionText h4{ font-size: 15px; font-weight: 300; top: 81%; }
.video-post.v-col-3:hover .captionText h2{ bottom: 13%; }
.video-post.v-col-4:hover .captionText h2{ font-weight: 200; bottom: 13%; }
.video-post.v-col-3:hover .captionText h4{ top: 85%; }
.channels .video-post.v-col-3 .captionText h2,
.channels .video-post.v-col-4 .captionText h2 ,
.channels .video-post.v-col-3:hover .captionText h2 ,
.channels .video-post.v-col-4:hover .captionText h2 { top: auto; bottom: 0px; font-size: 30px; opacity: 1; width: 100%; }
/* channels 2048px++px */
.channels .video-post.v-col-2 .captionText:not(.main) h2 { font-size: 50px; bottom: 12%; }
.channels .video-post.v-col-2 .captionText h2 span { padding: 0px ; }
.channels .video-post.v-col-2 .captionText:not(.main) h4 { font-size: 20px; }
.home .film-post h2 { font-size: 100px; letter-spacing: -9px; }
.home .film-post h4 { font-size: 25px; }
.channels .video-post.v-col-2 .captionText h4,
.channels .video-post.v-col-3 .captionText h4,
.channels .video-post.v-col-4 .captionText h4 { font-size: 14px; font-weight: 100; top: 88%; }
.channels.main .is-splash .video-post.v-col-2 img:not(.play) { padding: 15vh 0px; }
.channels .video-post img.grain {opacity: 0!important; }
.film-wrapper h2 { font-size: 50px; letter-spacing: -3px; bottom: 8%;}
.film-wrapper h4 { font-size: 18px; }
.film-wrapper h3,
.film-wrapper h3 span {font-size:30px; }
.film-wrapper h5 { font-size:50px; font-weight: 200; }
.film-wrapper h6 { font-size:20px; letter-spacing: 2px;}
.film-wrapper h6 span b { font-size:30px; }
/* POSTER 2048px++px */
.channels .video-post.v-col-2 .captionText.main.sub h2 { font-size: 100px; }
.channels .video-post.v-col-2 .captionText.main h2 { font-size: 90px; letter-spacing: -8px; bottom: 11%; }
.channels .video-post.v-col-2 .captionText.main h4 { font-size: 25px; }
.channels .video-post.v-col-2 .captionText.main h2 span span2,
#wic-background.flowplayer.fp-slim.is-playing .video-post.v-col-2 .captionText.main h2 span2 { font-size: 0.20em;}
.channels.main .is-splash .video-post.v-col-2 img:not(.play) ,
.channels.main .video-post.v-col-2 img:not(.play) { padding: 0vh 0px; }
/* channels 2048px ++ */
.video-post.v-col-2 img,
.video-post.v-col-3 img,
.video-post.v-col-4 img,
.channels .video-post.v-col-2 img,
.channels .video-post.v-col-3 img,
.channels .video-post.v-col-4 img { opacity: 1;}
.channels .video-post.v-col-2 img:not(.play) { padding-bottom: 10vh; }
.channels.main .video-post.v-col-2 .captionText img.play { width: 120px!important; height: 120px!important; }
.channels.main .is-playing .video-post.v-col-2 .captionText img.play { width: 50px!important; height: 50px!important; }
/* forms 2048px ++ */
td{ padding: 5px 10px!important; }
.gabbro-form ::-webkit-input-placeholder { padding: 0px!important;} /* WebKit, Blink, Edge */
.gabbro-form ::-moz-placeholder { padding: 0px!important; } /* Firefox 19+ */
.gabbro-form input{ width: 95%; position: relative; padding: 2px 0px 2px 5px; }
.gabbro-form select{ width: 95%; position: relative; padding: 2px 0px 2px 5px; }
.gabbro-form label { font-weight: 500; padding: 1px!important;}
.gabbro-form input[type=radio] {margin: 2px!important;}
.gabbro-form img.card { width: 150px; }
.login-form.gabbro-form td{ padding: 0px 0px!important; }
.login-form.gabbro-form.static { right: 10vw; }
/*forms 2048px++ */
#subscribe-form.gabbro-form ::-webkit-input-placeholder { font-size: 30px; }
#profile-form.gabbro-form ::-webkit-input-placeholder { font-size: 30px; }
#subscribe-form.gabbro-form input,
#profile-form.gabbro-form input,
#subscribe-form.gabbro-form input.card,
#profile-form.gabbro-form input.card,
#subscribe-form.gabbro-form select,
#subscribe-form.gabbro-form select,
#subscribe-form.gabbro-form select.card,
#profile-form.gabbro-form select.card,
#profile-form.gabbro-form select { height: 100px!important; font-size: 50px; padding: 10px 25px; }
#subscribe-form.gabbro-form td span { font-size: 35px; font-weight: 500; padding-right: 30px;}
#subscribe-form.gabbro-form input.ccv{ font-size: 30px; padding: 0px; }
#subscribe-form.gabbro-form input.card{ font-size: 30px;}
#subscribe-form.gabbro-form select {padding: 10px 25px; font-size: 25px; letter-spacing: 0px; }
#subscribe-form.gabbro-form select.card { font-size: 25px; }
#subscribe-form #profileSubmit.gabbro-button,
#subscribe-form #profileCancel.gabbro-button { padding : 20px; font-size: 60px; }
#profile-form.gabbro-form input{ padding: 10px 25px; font-size: 20px; background: none!important; }
#profile-form.gabbro-form input.ccv{ font-size: 20px; padding: 0px; }
#profile-form.gabbro-form input.card{ font-size: 20px; }
#profile-form.gabbro-form select {padding: 0px 25px; font-size: 20px; height: 60px!important; background: none!important;}
#profile-form.gabbro-form select.card { font-size: 20px; }
#profile-form.gabbro-form,
#subscribe-form.gabbro-form { margin-left: 5vw; width: 50vw; }
/*footer 2048px ++ */
.footer-copyright p { font-size:14px; font-weight: 400; letter-spacing: 1px; }
.footer-copyright.player p { font-size:10px; font-weight: 500;}
.footer-copyright .container {padding: 0px;}
.footer-widget-area .title-block { margin-top:0px; padding-bottom:0px; margin-bottom:0px;}
.dark .footer-widget-area {border-top:none!important; margin-top: 0px!important;}
.dark #home-footer.footer-widget-area{border-top:none!important; margin-top: 30px!important;}
.footer-widget-area ul{margin-top:10px;}
.footer-widget-area ul li { list-style: none; line-height: 50px; }
.channels.videos-wrapper.col2:not(.main) .row { padding: 0px 6vw 0px 6vw; width: 100%; float: left; }
.channels.videos-wrapper.col3 .row { width: 100%; padding: 0px 7vw 0px 7vw; }
.channels.videos-wrapper.col4 .row { width: 100%; padding: 0px 15vw 0px 15vw; }
.loading-wheel { width: 100px; height: 100px; }
} /* end 2048 */
/* 4K SCREEN TELEVISIONS */
@media screen and (min-width: 3250px) and (min-height: 1500px) {
header.transparent.home { height: 120px!important; }
header.login a { font-size: 40px; letter-spacing: 5px; font-weight: 600;}
.logo2 { font-size: 30px; padding: 0px 0px 0px 50px}
.logo2.home:not(.search) a,
.logo2 box{ font-size: 35px; letter-spacing: -5px; }
.logo2.series a,
.logo2.v2.home a,
.logo2.v2.home box{ font-size: 60px; }
.logo.image {width: 70px;}
.logo2.home.search,
.logo2.home.search input,
.logo2.home.search .results a { font-size: 30px;}
.logo2.login-banner { max-width: 100vw; width: 40vw; line-height: 1.6;}
.logo2.login-banner span b { font-size: 100px; line-height: 0.7; }
.logo2.login-banner span c {font-size: 60px; line-height: 2;}
.logo2.login-banner span c span2 { font-size: 30px; font-weight: 200; letter-spacing: 5px; }
.logo2.login-banner span d span2{font-size: 30px; line-height: 5; padding: 100px 5px;}
.logo2.login-banner span d span2 box { font-size: 70px;color: white; letter-spacing: 2px; line-height: 0.5; padding: 0px 5px; }
.logo2.login-banner span span2 { font-size: 90px;color: white; letter-spacing: -2px; }
.logo2.login a,
.logo2.login lc { font-size: 50px!important; }
.logo2.login-banner2 { top: 0vh; }
.logo2.login-banner2 span span2 { font-size: 30px; font-weight: 200; letter-spacing: 20px; }
.signup.subscribe.header-info h4 { font-size:185px;}
.profile .logo2.home.v2 a,
.profile .logo2.home.v2 box{ font-size: 90px; }
.logo2.subscribemenu {font-size: 25px!important; }
#channels.header-info h4 { font-size: 70px; letter-spacing: -5px; }
/* poster IMAGES 3250px*/
.channels.main .is-splash .video-post.v-col-2 img:not(.play) ,
.channels.main .video-post.v-col-2 img:not(.play) { height: 100vh; width: 100vw; margin-left: 0vw; }
.channels.main .video-post.v-col-2 .captionText img.play { width: 200px!important; height: 200px!important; }
.captionText h2 { font-size: 35px; padding: 20px 0px!important; }
.captionText h4{ font-size: 20px; letter-spacing: 5px;}
.footer-widget-area ul li { list-style: none; line-height: 50px; }
.video-post.v-col-2 .captionText h2{ font-size: 40px!important; }
.videos-wrapper.channels .col-sm-12 .banner span { font-size: 180px; }
.channels .video-post.v-col-2:not(.main) .captionText h2 { font-size: 50px; }
.channels .video-post.v-col-2:not(.main) .captionText h4 { font-size: 25px; }
.channels .video-post.v-col-3 .captionText h2,
.channels .video-post.v-col-4 .captionText h2 { font-size: 45px!important; bottom: 0px!important; }
.dark .header-info.profile p { font-size: 25px; letter-spacing: 9px;}
.profile.header-info h4 { font-size: 90px; letter-spacing: -3px; margin: 55px 0px 55px 0px; }
.header-info.title h4 { font-size: 100px; }
.header-info.title h5 { font-size: 30px; letter-spacing: 5px;}
.video-post.v-col-3:hover .captionText h2{ font-size: 60px; letter-spacing: -2px; }
.video-post.v-col-3:hover .captionText h4{ font-size: 25px; }
/* poster 3250px */
#wic-background.flowplayer.fp-slim.is-playing .video-post.v-col-2 .captionText.main h2 ,
.channels .video-post.v-col-2 .captionText.main h2 {font-size: 100px!important; padding: 0px 2% 20px 1%!important; letter-spacing: -9px!important;}
.channels .video-post.v-col-2 .captionText.main h4 { font-size: 25px; padding: 0px 2% 20px 1%!important; }
.channels .video-post.v-col-2 .captionText.main h3,
.channels .video-post.v-col-2 .captionText.main h5 { font-size: 80px; letter-spacing: -12px; }
.channels .video-post.v-col-2 .captionText h2 { padding: 0px 2% 20px 1%!important; }
.channels .video-post.v-col-2 .captionText h4,
.channels .video-post.v-col-3 .captionText h4,
.channels .video-post.v-col-4 .captionText h4 { font-size: 25px; font-weight: 100; top: 88%; }
.home .film-post h2 { font-size: 90px!important; width: 20vw;}
.home .film-post h4 { font-size: 25px!important; }
.film-wrapper h2 { font-size:80px; }
.film-wrapper h4 { font-size:30px; letter-spacing: 0px;}
.film-wrapper h3 { }
.film-wrapper h5 { font-size:80px; }
.film-wrapper h6 { font-size:30px; }
.login-form.gabbro-form.static input {font-size: 60px; }
.login-form.static ::-webkit-input-placeholder { font-size: 80px;}
.login-form.gabbro-form label3 { margin : 100px auto; font-size: 60px; }
.login-form.gabbro-form label2 { font-size: 30px; }
.login-form.gabbro-form .g-recaptcha-archived, .login-form.gabbro-form .g-recaptcha-archived { margin-top: 50px; }
.static .popup-footer {font-size: 40px; }
.popup-footer img, .logo2.login-banner img.fb { width: 95px!important; height: 95px!important; }
.login-form .gabbro-button,
#subscribe-form .gabbro-button{ font-size: 50px; }
#profile-form.gabbro-form label2,
#profile-form.gabbro-form label3,
.signup-form.header-info h4,
.signup-form.header-info h4 span{ font-size: 20px; }
#profileSubmit.gabbro-button,
#profileCancel.gabbro-button,
#subscribe-form #profileSubmit.gabbro-button,
#subscribe-form #profileCancel.gabbro-button { padding : 50px; font-size: 50px; }
#subscribe-form.gabbro-form label3 { margin-top: 100px; font-size: 60px; }
#subscribe-form.gabbro-form .g-recaptcha-archived {transform: scale(2.5); }
.gabbro-form img.card { width: 150px; }
/* carousel 3250px++ */
.owl-carousel { height: 50vh; }
.owl-carousel.series { height: 50vh; }
.owl-carousel.film { height: 70vh; }
.owl-carousel .owl-item { padding: 1px; }
.owl-carousel.film .owl-item { padding: 1px; }
.footer-widget-area .title-block { font-size: 40px; }
.pagination.home { margin: 10vh 0px; }
}
/* 8K SCREEN TELEVISIONS */
@media screen and (min-width: 7250px) and (min-height: 1280px) {
.logo2 { font-size: 80px!important; padding: 0px 0px 0px 50px}
.logo2.home a,
.logo2 box{ font-size: 165px!important; letter-spacing: -20px; }
.logo2.v2.home a,
.logo2.v2.home box{ font-size: 60px; }
.logo2.login-banner { max-width: 100vw; width: 40vw; line-height: 1.6;}
.logo2.login-banner span b { font-size: 380px; line-height: 0.7; }
.logo2.login-banner span c {font-size: 60px; }
.logo2.login-banner span c span2 { font-size: 120px; font-weight: 200; letter-spacing: 5px; }
.logo2.login-banner span d span2{font-size: 70px; line-height: 5; padding: 100px 5px;}
.logo2.login-banner span d span2 box { font-size: 70px;color: white; letter-spacing: 2px; line-height: 0.5; padding: 0px 5px; }
.logo2.login-banner span span2 { font-size: 90px;color: white; letter-spacing: -2px; }
.logo2.login-banner2 { top: 0vh; }
.logo2.login-banner2 span span2 { font-size: 90px; }
.splash .logo2.login-banner2 span span2{ font-size: 200px; }
.login-form.gabbro-form.static input {font-size: 200px; width: 80%; margin-right: 2vw; padding: 100px 10px; }
.login-form.static ::-webkit-input-placeholder { font-size: 250px;}
.login-form.static :-moz-placeholder { font-size: 250px; }
.login-form.static ::-moz-placeholder { font-size: 250px; }
.login-form.static :-ms-input-placeholder {font-size: 250px; }
.login-form.static ::-ms-input-placeholder { font-size: 250px; }
.login-form.gabbro-form.static label2 { font-size: 100px; width: 80%; margin-right: 2vw;}
.login-form.gabbro-form label3 { font-size: 80px; }
.login-form .g-recaptcha-archived {transform: scale(2.85); }
.login-form .gabbro-button { font-size: 200px; }
.logo.image {width: 70px;}
.logo2.login-banner { font-size: 15px!important; }
.logo2.login-banner span { font-size: 45px!important; }
.logo2.login a,
.logo2.login lc { font-size: 50px!important; }
.logo2.subscribemenu {font-size: 25px!important; }
#channels.header-info.main h4 { font-size: 70px!important;}
#channels.header-info h4 { font-weight: 400!important; font-size: 270px!important; }
.captionText h2 { font-size: 60px; padding: 20px 0px!important; letter-spacing: 10px;}
.captionText h4{ font-size: 45px; }
.footer-widget-area ul li { list-style: none; line-height: 50px; }
.video-post.v-col-2 .captionText h2{ font-size: 60px!important; }
.channels .video-post.v-col-2:not(.main) .captionText h2 { font-size: 150px!important; }
.channels .video-post.v-col-2:not(.main) .captionText h4 { font-size: 50px!important; }
.profile.header-info h4 { font-size: 80px; letter-spacing: 9px; }
.header-info.title h4 { font-size: 200px; }
.header-info.title h5 { font-size: 25px; }
#wic-background.flowplayer.fp-slim.is-playing .video-post.v-col-2 .captionText.main h2,
.channels .video-post.v-col-2 .captionText.main h2 { font-size: 700px!important; letter-spacing: -65px!important; padding: 0px 2% 20px 0%!important; }
.channels .video-post.v-col-2 .captionText.main h3,
.channels .video-post.v-col-2 .captionText.main h5 { font-size: 200px; letter-spacing: -3px; }
.channels .video-post.v-col-2 .captionText.main h4 { font-size: 75px; padding: 0px 2% 20px 1%!important; }
.channels .video-post.v-col-2 .captionText h2 { padding: 0px 2% 20px 1%!important; }
.home .film-post h2 { font-size: 550px!important; letter-spacing: -40px!important; width: 30vw;}
.home .film-post h4 { font-size: 60px!important; }
.film-wrapper h3 { font-size:90px; font-weight: 800;}
.film-wrapper h3 span{ font-size:90px; font-weight: 800;}
.film-wrapper h5 { font-size:200px; }
.film-wrapper h6 { font-size:90px; }
/*forms 7250px++ */
#subscribe-form.gabbro-form input,
#profile-form.gabbro-form input,
#subscribe-form.gabbro-form select,
#profile-form.gabbro-form select {padding: 50px 25px!important; font-size: 25px; }
#profileSubmit.gabbro-button,
#profileCancel.gabbro-button { padding : 50px; }
.gabbro-form td span { font-size: 25px!important; }
.gabbro-form img.card { width: 150px; }
/* carousel 7250px++ */
.owl-carousel { height: 60vh; }
.owl-carousel.film { height: 60vh; }
.owl-carousel .owl-item { padding: 1px; }
.owl-carousel.film .owl-item { padding: 1px; }
}
/******** +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ***********/
/******** ++++++++++++++++++++++ START OF MAX-WIDTH +++++++++++++++++++++++ ***********/
/******** +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ***********/
@media screen and (max-width: 1280px) {
#channels.header-info h4,
#channels.header-info.film h4 { width: auto; }
.channels .video-post.v-col-4 img{ height: 100%; min-height: 100%; } /* Normalize homepage col-4 imgs */
.channels .video-post.v-col-2 .captionText h2 { font-size: 30px; letter-spacing: -3px; width: 80%; }
.channels .video-post.v-col-3 .captionText h2 { font-size: 12px; font-weight: 200; }
.channels .video-post.v-col-2 .captionText h4 { font-size: 12px; margin-left: 5px!important; }
.channels .video-post.v-col-2 .captionText.main h4 span{ padding: 2px 0px; }
.videos-wrapper.channels .col-sm-4, .owl-carousel.film {height: 45vh; }
/* */
.channels.main .video-post.v-col-2 img,
.channels.main .is-splash .video-post.v-col-2 img:not(.play) { padding: 50px; object-position: 0% 10%; object-fit: contain; }
.channels.main .video-post.v-col-2.cover img,
.channels.main .is-splash .video-post.v-col-2.cover img:not(.play) { object-fit: cover; }
/* */
}
/* --------------- 1024px --------------- */
@media screen and (max-width: 1024px) {
#reset-form.gabbro-form input,
#reset.gabbro-button { font-size: 40px; }
#loginv4.gabbro-button { position: relative;}
#loginv4.container {margin-left: 25%; margin-right: 25%;}
.popup.loginPage { padding: 5%; }
.login-form.gabbro-form:not(.static) { padding: 5% 5%; }
.home-v4-content.loginPage .coat {background: rgba(0,0,0,0.5)!important; }
.login-collage .col-sm-3{ width: 33%; }
.videos-wrapper.col3 .row { margin: 0% auto; }
.videos-wrapper.channels.col3 .row,
.videos-wrapper.channels.col4 .row {padding: 0%; margin-bottom: 20px;}
.channels.videos-wrapper .col-sm-4, .owl-carousel.film {padding: 0px 1px; margin-bottom: 20px;}
/* privacy and terms 1024px */
.container.privacy { width: 90vw; }
.footer-copyright p { letter-spacing: 0px; }
.film-wrapper h4{ width: 50%; }
.channels .video-post.v-col-2 .captionText h4{ width: 99%; margin-left: 5px!important; }
}
/* --------------- 960px --------------- */
@media screen and (max-width: 960px){
body { padding-bottom: 25px; }
/* logo 960px */
.logo.image2 {width: 40px;}
.footer-copyright {height: 25px;}
.greeting.image{ width: 24px; }
.greeting.pipe{height: 30px; margin: 3px 5px; }
.main-greeting span {font-size: 20px; }
.popup{ padding: 5% 10% 25% 10%;}
.loginv4buffer {padding-left: 0%; padding-right: 0%; }
.wr-menu-section {padding-right: 25px;}
.primary-menu ul li { margin-left: 20px; }
/* film 960px */
.film-wrapper h2 {bottom: 10%; width: 50%; }
.film-wrapper h4 { top: 90%; }
.video-post.v-col-4 .captionText h2{bottom: 25%; font-size: 14px;}
.video-post.v-col-4 .captionText h4{top: 75%;}
.channels .video-post.v-col-2 .captionText h4 { width: 95%;}
#subscribe-form.gabbro-form {width: 100%; background: none; margin-left: 0px; }
#profile-form.gabbro-form {width: 100%; }
}
/* --------------- 850px --------------- */
@media screen and (max-width: 850px) {
.film-wrapper h2 { max-width: 70%; }
.subscribe.banner{ font-size: 14px; letter-spacing: 4px;}
/* rows width: 850px */
.videos-wrapper.channels.col4 .row,
.videos-wrapper.channels.col3 .row {padding: 0% 2%; }
.videos-wrapper.channels .col-sm-3, .owl-carousel {width: 25%; height: 25vh; padding: 4px;}
.videos-wrapper.channels .col-sm-4, .owl-carousel.film { padding: 0px 3px; height: 70vh;}
.videos-wrapper.channels .col-sm-6, .owl-carousel.feature { height: 60vh;}
/* rows width: 850px */
.videos-wrapper .col-sm-3 {width: 50%;height: 25vh; }
.videos-wrapper .col-sm-4 { height: 45vh; }
.videos-wrapper .col-sm-6 { width: 100%; }
.subscribe.videos-wrapper.col3 img.grain { opacity: 0.2; }
}
/* --------------- 768px --------------- */
@media (max-width: 768px){
/* IPADs */
.home-v4-content.loginPage .container { margin-top: 10vh; }
#preloader-home span { font-size: 70px; letter-spacing: -5px;}
/* logo 768px */
.logo.image2 {display: none; }
.logo2.categories { font-size: 22px; letter-spacing: -3px;}
.logo2.categories a,
.logo2.categories box{ font-weight: 500; }
.logo2.login{ margin-left: 5px;}
.primary-menu ul li { font-weight: 400;}
.primary-menu ul li span{ font-weight: 400;}
.home.primary-menu ul li a{ font-size: 11px; letter-spacing: 1px;}
#loginv2.gabbro-button{ width: 100%; }
/*header h4 768px */
.greeting.image{ width: 18px; }
.mobile-greeting a span{ font-weight: 500;}
.header {position:relative!important;}
header.transparent.home {position: fixed; height: auto; background: none!important;}
header.transparent.login {position: fixed; height: auto;}
header.film { height: 50px; background: linear-gradient(to bottom, rgba(0,0,0,1) ,rgba(0,0,0,0.7),rgba(0,0,0,0.4),rgba(0,0,0,0.0))!important; }
/*header-info h4 768px */
.header-info img { display: none; }
.header-info p a,
.header-info span a { font-weight: 300;}
.header-info h4 { font-weight: 300; width: 90%; padding: 0px; opacity: 1; }
.profile.header-info p { margin: 0px; }
.signup.header-info h4 { font-weight: 500; font-size: 40px; letter-spacing: -2px;}
.signup-form.header-info h4 { margin: 25px 0px 10px 0px; }
#channels.header-info h4 { font-weight: 400; margin: 1vh 0px 5px 0px; letter-spacing: -2px; opacity: 1; padding: 20px 40px 0px 0px; background:white!important; -webkit-background-clip: text!important; -webkit-text-fill-color: transparent; }
#channels.header-info box { padding: 5px;}
#channels.main.header-info h4 {padding: 0px 0px 0px 0px; margin: 20px 0px 00px 20px; }
.categories.header-info h4 { font-style: normal; text-transform: capitalize; color: white; margin: 10px auto 10px auto; width: 100%; text-align: center; border: 0px solid rgba(255,255,255,1); }
#channels.header-info.mobile h4 { font-family: "Montserrat"; font-size: 50px; font-weight: 800; text-transform: capitalize; padding: 0px 0px; margin: 40px 0px 20px 0px; letter-spacing: -0.05em; background: rgba(255,255,255,1)!important; -webkit-background-clip: text!important; -webkit-text-fill-color: transparent; }
.homepage.categories.header-info h4 { margin-top: 20px; padding-left: 25px; }
/*footer 768px */
.footer-copyright p { font-size:10px; }
.footer-copyright.player p { font-size:10px; font-weight: 500;}
.footer-copyright .container {padding: 0px;}
.footer-widget-area .title-block {margin-top:0px; padding-bottom:0px; margin-bottom:0px;}
.dark .footer-widget-area {border-top:none!important; margin-top: 0px!important;}
.dark #home-footer.footer-widget-area{border-top:none!important; margin-top: 30px!important;}
.footer-widget-area ul{margin-top:10px;}
/*carousel 768px */
.owl-nav { display: none; }
/* films 768px */
.film-wrapper h2 { width: 50%; }
.film-wrapper h4 { font-weight: 200; line-height: 1.1; }
.film-wrapper h3 { bottom: auto; top: 15%; }
.film-wrapper h5 { font-size: 30px; }
.film-wrapper h6 { font-size: 12px; top: 15%;}
/* channels 768px */
.channels .video-post.v-col-2 .captionText.main h1{ bottom: 50%; letter-spacing: -4px; opacity: 0; }
.channels .video-post.v-col-2 .captionText.main h2{ bottom: 15%; width: 40%; margin-left: 10px!important; opacity: 1; color: white; }
.channels .video-post.v-col-2 .captionText.main h2 span{ background: black; box-shadow: -10px 0 0 black, 0px 0 0 black ;}
.channels .video-post.v-col-2 .captionText.main h2 border{ box-shadow: -15px 0 0 #7DB868 ; }
.channels .video-post.v-col-2 .captionText.main h3 { font-size: 20px; }
.channels .video-post.v-col-2 .captionText.main h4{ font-size: 14px; width: 70%; font-weight: 200; top: 78%; top: 85%; word-spacing: 0px; }
.channels .video-post.v-col-2 .captionText.main h4 span{padding: 0px; }
.channels .video-post.v-col-2 .captionText h4 { font-size: 11px; width: 90%; }
.video-post.v-col-2 .captionText h2 span{ display: inline; border-radius: 0px;}
.channels .video-post.v-col-2 .captionText h2 { font-size: 30px; font-weight: 400; letter-spacing: -2px; text-transform: capitalize; width: 75%; color: white; }
.channels .video-post.v-col-3 .captionText h2 { font-size: 13px; font-weight: 300; letter-spacing: 4px; bottom: 0px; text-align: left; opacity:1; }
.channels .video-post.v-col-3 .captionText h2 span { padding: 0%; }
.channels .video-post.v-col-4 .captionText h2 { font-size: 20px; font-weight: 200; bottom: 0px; opacity:1; letter-spacing: 2px; text-align: left; border:none; }
.video-post.v-col-3 .captionText h4 { width: 90%; }
.channels .video-post.v-col-3,
.channels .video-post.v-col-4 { border-radius: 0px; }
.channels .video-post.v-col-4 .captionText,
.channels .video-post.v-col-2 img ,
.channels .video-post.v-col-3 img ,
.channels .video-post.v-col-4 img ,
.video-post.v-col-2 img ,
.video-post.v-col-3 img ,
.video-post.v-col-4 img { opacity: 1; }
.channels .video-post.v-col-4 img{ padding-bottom: 20px; }
/* homepage poster 768px */
.videos-wrapper.channels .col-sm-6, .owl-carousel.feature { width: 100%; height: 40vh; }
.videos-wrapper.channels .col-sm-12 {}
.videos-wrapper.channels .col-sm-12 .banner { display: none; }
.videos-wrapper.channels .col-sm-12.main.mobile {height: 60vh; padding: 0px;}
.channels .video-post.v-col-2 .captionText.main{ opacity: 1;}
/* forms 768px */
td{ padding: 5px 0px!important; }
.gabbro-form ::-webkit-input-placeholder { font-size: 12px!important; padding: 0px!important;} /* WebKit, Blink, Edge */
.gabbro-form :-moz-placeholder { font-size: 12px!important; padding: 0px!important;} /* Firefox */
.gabbro-form ::-moz-placeholder { font-size: 12px!important; padding: 0px!important;} /* Firefox 19+ */
.gabbro-form :-ms-input-placeholder { font-size: 12px!important; padding: 0px!important;} /* IE */
.gabbro-form ::-ms-input-placeholder { font-size: 12px!important; padding: 0px!important;} /* Edge */
.gabbro-form input,
.gabbro-form select{ width: 90%; position: relative; padding: 2px 0px 2px 5px; font-size: 15px; }
.gabbro-form label { font-size: 14px!important; font-weight: 500; padding: 1px!important;}
.gabbro-form input[type=radio] {margin: 2px!important;}
#subscribe-form ::-webkit-input-placeholder { font-size: 18px!important; }
.login-form.gabbro-form ::-webkit-input-placeholder { font-size: 16px!important; }
.login-form.gabbro-form :-moz-placeholder { font-size: 18px!important; }
.login-form.gabbro-form ::-moz-placeholder { font-size: 18px!important; }
.login-form.gabbro-form input{ font-size: 25px!important; }
.login-form.gabbro-form td{ padding: 0px 0px!important; }
#reset-form.gabbro-form input{ font-size: 18px!important; letter-spacing: 2px; }
#subscribe-form table { margin: 0px; }
#profile-form.gabbro-form td span,
#subscribe-form.gabbro-form td span { letter-spacing: -1px; font-size: 20px; font-weight: 400; color: white; opacity: 1;}
#subscribe-form.gabbro-form input,
#subscribe-form.gabbro-form input.ccv,
#subscribe-form.gabbro-form select ,
#subscribe-form.gabbro-form select.card ,
#profile-form.gabbro-form input ,
#profile-form.gabbro-form input.ccv ,
#profile-form.gabbro-form select ,
#profile-form.gabbro-form select.card { text-transform: capitalize; font-size: 22px; letter-spacing: -1px; }
#profile-form.gabbro-form input.card ,
#subscribe-form.gabbro-form input.card{ font-size: 20px; }
#billing-form.gabbro-form { left:0px; width: 100vw; background: black;}
#signup .col-sm-12{width: 100vw; left: 0vw; }
#profile-form.gabbro-form ::-webkit-input-placeholder { font-size: 22px!important; }
#subscribe-form.gabbro-form ::-webkit-input-placeholder { font-size: 22px!important; }
}
/* portriat only 768px */
@media (orientation:portrait) and (max-width: 768px){
.film-wrapper .col-sm-12 {max-height:calc(100vh - 80px); }
}
/********* START: IPAD/TABLET PORTRIAT VIEW ***************************/
@media (orientation:portrait) and (min-width: 768px) {
@media (max-width: 1023px) {
.logo2.home.v2 { top: 5px; left: 45px; }
.logo2.home.v2 a,
.logo2.home.v2 box { font-size: 40px; font-weight: 300; letter-spacing: -2px; opacity: 0.9; }
.logo2.home.profile.v2 ,
.logo2.home.subscribe.v2 { top: 45px; left: 20px; }
#profile-form.gabbro-form,
#subscribe-form.gabbro-form{ padding: 0px 2vw 0px 2vw; }
}
body { padding-bottom: 35px; }
.footer-copyright {height: 35px;}
header.transparent.home { position: fixed; height: 70px!important; background: rgba(12,12,12,0)!important; }
/*login page*/
.logo2.login-banner { font-weight: 200!important; letter-spacing: 3px!important; top: 15vh; width: 75vw; }
.logo2.login-banner c span2 {letter-spacing: 4px; font-weight: 300; font-size: 18px;}
.logo2.login-banner c { padding: 0px; background: none; }
.logo2.login-banner d { display: inline; line-height: 3; }
.logo2.login-banner d span2 { letter-spacing: 1px; font-weight: 100; }
.logo2.login-banner d span2 box { font-size: 40px; }
.logo2.login-banner2{ /*top: 5vh;*/ display: block; }
@media (min-height: 1920px) {
.logo2.login-banner2 { top: 1vh; }
}
.logo2.subscribemenu { letter-spacing: 4px!important; }
.logo2.login { font-size: 25px!important; letter-spacing: -4px!important; top: 1vh; }
.logo2.login-banner a { font-weight: 500; }
.gabbrofb a,
#loginv4Container {display: none;}
.login.videos-wrapper.col3 { display: block; }
.login.videos-wrapper .col-sm-4 { width: 33.3333333%; }
.header-info:not(.seasons, .signup-form) .col-sm-12,
.profile.header-info .col-sm-12,
.profile.signup.header-info .col-sm-12,
.signup.header-info .col-sm-12,
.privacy.header-info .col-sm-12{ background: none; margin: 00px 0px 10px 10px; }
/* header-info 768 Portriat */
.header-info.title h4 { bottom: 50vh;}
.header-info.title h5 { top: 50vh; }
#channels.header-info h4 { margin: 5vh 0px 0px 0px; }
#channels.header-info.mobile.top h4 { margin-top: 100px; }
#channels.main.header-info h4 { font-size: 20px; letter-spacing: -1px; font-weight: 300; }
#channels.header-info h4 { font-size: 30px; font-weight: 300; text-transform: capitalize; padding: 0px 0px; letter-spacing: -2px; background: rgba(255,255,255,1)!important; -webkit-background-clip: text!important; -webkit-text-fill-color: transparent; }
#channels.header-info.film h4 { margin-top: 40px; }
/* film-wrapper 768px portrait*/
.film-wrapper h6 { font-size: 12px; }
/* carousel */
.owl-theme .owl-nav { display: none; }
.owl-carousel .owl-item { padding: 0.5px; }
.owl-carousel.film .owl-item { padding: 0.5px; }
.channels .video-post.v-col-2 img:not(.play) { border-radius: 0px; }
.channels .video-post.v-col-3 img,
.channels .video-post.v-col-4 img,
.channels .video-post.v-col-3 .coat,
.channels .video-post.v-col-4 .coat { border-radius: 0px; height: 80%; padding: 0px;}
.home .film-post .coat { opacity: 0; }
.channels .video-post.v-col-2 img:not(.play) { padding-bottom: 0px; padding: 0px; width: 100%; min-height: 50%; height: 70%; border-radius: 0px;}
.channels .video-post.v-col-3 img:not(.play),
.channels .video-post.v-col-4 img:not(.play) { padding-bottom: 0px; padding: 0px; width: 100%; min-height: 50%; height: 80%;border-radius: 0px;}
/* rows 768px portrait*/
.videos-wrapper.channels .col-sm-12.mobile {height: 50vh; }
.carousel-cell {
height: 40vh;
margin-right: 1px;
width: 30%;
padding: 10px;
}
.home .film-wrapper .col-sm-12 { height: 40vh;
margin-right: 1px;}
.features .carousel-cell,
.film .carousel-cell {
height: 40vh;
margin-right: 1px;
width: 30%;
}
.videos-wrapper.channels .col-sm-12 .banner { display: none; }
.videos-wrapper.channels .col-sm-12 .banner span { border-width: 0px; font-weight: 100;letter-spacing: -4px; opacity: 1; }
.videos-wrapper .col-sm-3 { height: 20vh;}
.videos-wrapper .col-sm-4 { height: 50vh;}
.videos-wrapper .col-sm-6 { height: 40vh;}
.videos-wrapper.channels.col3 .row ,
.videos-wrapper.channels.col4 .row { padding: 0% 8vw; }
.film-wrapper .col-sm-12 { height:90vh; }
.film.mobile-greeting { display: none;} /* MOBILE Logged in Users */
.mobile-greeting { display: none; margin-top: 0px;} /* MOBILE Logged in Users */
.header-info img {/* display: block; */}
.categories.header-info h4 { font-size: 30px; text-align: left; margin: 20px 0px 20px 0px; border: 0px;}
.channels .video-post.v-col-2 .captionText.main h2{ font-size: 40px!important; text-transform: capitalize; letter-spacing: -3px; font-weight: 300; line-height: 0.9;}
.channels .video-post.v-col-2 .captionText.main h2 span span2 { font-family: "Source Sans Pro"; font-size: 0.4em; letter-spacing: 0px; }
.channels .video-post.v-col-2 .captionText.main h2 span span3 { line-height: 0.7; }
.channels.main.mobile .video-post.v-col-2 img:not(.play) { border-radius: 0px;}
.channels.mobile .video-post.v-col-2 .captionText.main h4,
.channels .video-post.v-col-2 .captionText.main h4 { font-size: 16px; width: 60vw; }
#wic-background video ,
.channels.main .is-splash .video-post.v-col-2 img:not(.play) ,
.channels.main .video-post.v-col-2 img:not(.play) { position: fixed; width: 100vw; height:100vh; margin-left: 0vw; border-radius: 0px; top:0px; }
.channels.main .video-post.v-col-2 img.grain { opacity: 0.2!important; }
#wic-background.flowplayer.fp-slim.is-playing .video-post.v-col-2 img.grain { position: fixed; opacity: 0.3!important; width: 100vw; height: 100vh; padding: 0px; margin: 0px;}
}
/********* END: IPAD/TABLET PORTRIAT VIEW ***************************/
/* --------------- 767px --------------- */
/* Anything SMALLER than an IPAD @767px */
@media only screen and (max-width : 767px) {
.loading-wheel { width: 40px; height: 40px; }
body.login {overflow-x: auto!important; }
.logo2 a { padding: 0px 15px 0px 0px; }
.logo.image,
.logo.image2 {display: none; }
.logo2 {max-width: 300px; display: block; text-align: left;}
.logo2.home.profile.v2 { left: 65px; }
.logo2.home.subscribe.v2 { top: 40px; left: 20px; }
.logo2.categories { font-size: 20px; letter-spacing: -1px;}
.logo2.categories a,
.logo2.categories box{ font-weight: 500; }
.homepage.categories.header-info h4 { position: absolute; left: 5px; top: 5px; }
.logo2 { padding-left: 10px; margin-top: 0px; text-align: left; position: absolute; left: 10px; top: 10px; }
.logo2 lc { font-weight: 700;}
.logo2.login{ font-weight: 500; max-height: 100px; text-align: left; color: rgba(255,255,255,0.9); top: 1830
; }
.logo2.login a{ color: white letter-spacing: 4px; font-weight: 200; border-color: rgba(255,255,255,0.5); border-radius: 5px; }
.logo2.login lc{ font-weight: 300; letter-spacing: 1px; }
.logo2.login-banner{ top: 10vh; width: 100vw;}
.logo2.login-banner c,
.logo2.login-banner e { letter-spacing: 4px;}
.logo2.login-banner2{ top: 0vh; max-width: 95vw; }
.logo2.login-banner2 span span2 { font-size: 15px; padding: 0px 25px 10px 0px; opacity: 0;}
#loginv4.gabbro-button { position: relative; margin: 0px; font-size: 25px; font-weight: 700; color: rgba(254, 249, 231,0.6); letter-spacing: 2px;}
#loginv4.gabbro-button span,
#loginv4.gabbro-button span a{color: rgba(254, 249, 231,0.9);}
#loginv4.container {margin-left: 10%; margin-right: 10%;}
.loginv4buffer { padding-left: 0%; padding-right: 0%; }
.login-form .popup-header .logo2 { font-size: 30px; }
.back.gabbro-button {margin-top: 30px; background-color: #1A1A1A;}
.film.mobile-greeting { display: none;} /* MOBILE Logged in Users */
.mobile-greeting { margin-top: 0px; padding-left: 10px;} /* MOBILE Logged in Users */
.home-v3-content {padding-left: 20%; padding-right: 20%;}
.main-header {max-height: 60px;}
.home.mobile-greeting { padding: 0px 0px 2px 0px; }
.spo-responsive-navigation .mobile-greeting { margin: 20px auto;}
.spo-responsive-navigation .mobile-greeting.home { margin-top: 3px; }
.film .spo-responsive-navigation .mobile-greeting { margin: 10px auto;}
.header-info p ,
.header-info.channels p ,
.homepage.categories.header-info h4 {display: none; }
.header-info .col-sm-12,
.profile.header-info .col-sm-12,
.profile.signup.header-info .col-sm-12,
.signup.header-info .col-sm-12 { background: none; margin: 20px 0px 10px 5px; }
.homepage .header-info .col-sm-12 { margin: 0px; }
.header-info.players p {display: none; }
.header-info.profile p {display: block; }
.header-info.players span{margin: 0px; width: 100%; padding-right: 60px; }
.header-info.players .spo-responsive-trigger {padding-left: 50px; top: -40px; right: 0px;}
.header-search{ display:none; }
.wr-menu-section{ float:right; }
.video-post.v-col-3 .coat { opacity: 1;}
/* carousel 767px */
.flickity-button { display: none;}
.carousel-cell {
width:30%; /* half-width */
height: 30vh;
margin-right: 1px;
padding: 0px 10px 20px 0px;
}
.film .carousel-cell {
width: 90%; /* half-width */
height: 45vh;
margin-right: 1px;
}
.features .carousel-cell {
width: 100%; /* half-width */
height: 55vh;
margin-right: 1px;
}
/* captionText h2/h4 767px */
.video-post.v-col-2{ border-radius: 5px;}
.video-post.v-col-2:hover .blur,
.video-post.v-col-2:hover .captionText{ opacity: 1; }
.video-post.v-col-2 .captionText img.play{ display: block; opacity: 0; }
.categories.video-post.v-col-2 .captionText img.play{ right: 0px; bottom: 0px; }
.channels .video-post.v-col-4 .captionText img.play { display: none; }
.channels .video-post.v-col-4 { padding: 0px; }
.video-post.v-col-2 .captionText h2{ font-size: 20px; width: 33%; padding: 0% 2% 0% 0%; text-align: left; bottom: 15%; text-transform: uppercase; letter-spacing: 6px; word-spacing: 2px; font-weight: 700;}
.channels .video-post.v-col-2 img { border-radius: 0px;}
.video-post.v-col-3 img.grain { opacity: 0!important; }
.video-post.v-col-3 img { object-fit: cover; height: 100%; width: 80%; padding: 0px; float: right;}
.video-post.v-col-3 .captionText h2 ,
.video-post.v-col-4 .captionText h2{ font-size: 20px; bottom: 18%; width: 40%; padding: 0%; letter-spacing: -1px; word-spacing: 0px; font-weight: 300; color; white;}
.video-post.v-col-2 .captionText h4{ font-size: 11px; font-weight: 300; width: 35%; padding: 0%; text-align: left; top: 84%; letter-spacing: -0px; margin: 0px;}
.video-post.v-col-3 .captionText h4,
.video-post.v-col-4 .captionText h4{ font-size: 11px; letter-spacing: 1px; font-weight: 100;width: 50%; margin: 0px;}
.channels .video-post.v-col-3 .captionText h2,
.channels .video-post.v-col-4 .captionText h2,
.channels .video-post.v-col-3:hover .captionText h2,
.channels .video-post.v-col-4:hover .captionText h2 { font-weight: 100; font-size: 16px; color: rgba(255,255,255,0.8); letter-spacing: 0px; word-spacing: 0px; bottom: 15px!important; padding-left: 0px; width: 95%; margin-left: 0px!important; }
.channels .video-post.v-col-3 .captionText h2 span,
.channels .video-post.v-col-4 .captionText h2 span ,
.channels .video-post.v-col-3:hover .captionText h2 span,
.channels .video-post.v-col-4:hover .captionText h2 span { background: none!important; box-shadow: none; color:white; line-height: 0.9; }
.channels .video-post.v-col-2 .captionText.main h2{ font-size: 30px!important; font-weight: 400; letter-spacing: -2px; }
.channels .video-post.v-col-2 .captionText h4 { font-size: 14px; }
.main.channels .video-post.v-col-2 .coat2 { opacity: 0!important; background: rgba(0,0,0,0.5)!important; }
/* poster 767px */
.channels .video-post.v-col-2 .captionText.main h3 { top: 90px; }
.channels .video-post.v-col-2 .captionText.main h5 { font-size: 15px; }
.channels .video-post.v-col-2 img:not(.play) { max-width: 100%; }
/* Pagination + Footer 767px */
.pagination li { font-weight: 300; }
.pagination.home { margin: 20px auto; }
.pagination.home li span { font-size: 12px; font-weight: 500; }
.pagination.home li { letter-spacing: -1px; font-weight: 400;}
.col-sm-4, .owl-carousel.film.footer-widget { margin: 20px auto; }
.footer-widget-area ul li { list-style: none; line-height: 25px; padding: 2px 0px; }
.col-sm-4.footer-widget { margin: 20px auto; float: left;}
.videos-wrapper .container {padding: 0px 1px;}
.videos-wrapper.col2 .row ,
.videos-wrapper.col3 .row ,
.videos-wrapper.col4 .row { margin-bottom: 0px; padding: 0px 1px;}
.videos-wrapper.channels.col3 .row {padding: 0% 2vw; }
.videos-wrapper.channels.col4 .row {padding: 0% 5vw; }
.videos-wrapper.main.col2 ,
.videos-wrapper.main.channels.col2 { margin: 0px;}
.channels .video-post.v-col-4 img {padding-bottom: 0px; }
.videos-wrapper.channels .col-sm-3, .owl-carousel { height: 40vh; width: 25%; padding: 1px; }
.videos-wrapper.channels .col-sm-4, .owl-carousel.film { height: 40vh; width: 33%; padding: 1px;}
.videos-wrapper.channels .col-sm-6, .owl-carousel.feature { height: 55vh; width: 100%; padding: 3px; }
.owl-theme .owl-dots .owl-dot.active span { background: #9FE2BF!important;}
.owl-theme .owl-dots .owl-dot span { width: 7px!important; height: 7px!important; }
.videos-wrapper .col-sm-3 {width: 50%; height: 30vh;}
.videos-wrapper .col-sm-4 {width: 100%; margin-bottom: 0px; height: 40vh;}
.videos-wrapper .col-sm-6 { padding: 10px; }
.videos-wrapper .row{margin-bottom:0px; margin-left: -5px; margin-right: -5px;}
.channels .video-post.v-col-3 .coat,
.channels .video-post.v-col-4 .coat {/* background: rgba(0,0,0,0.0)!important; */ }
.video-post.v-col-3 img:not(.play) { padding-bottom: 0px; border-radius: 50px; width: 80%; min-height: 50%; height: 70%; margin-right: 5vw;}
.channels .video-post.v-col-2 img:not(.play) { padding-bottom: 0px; padding: 25px 25px 25px 0px; border-radius: 0px; width: 100%; min-height: 50%; height: 70%;}
.channels .video-post.v-col-3 img:not(.play),
.channels .video-post.v-col-4 img:not(.play) { padding-bottom: 0px; padding: 0px 20px 20px 0px; border-radius: 0px; width: 100%; min-height: 50%; height: 95%;}
.channels .video-post.v-col-4 img:not(.play) { padding-bottom: 0px; padding: 0px 20px 20px 0px;; border-radius: 0px; width: 100%; min-height: 50%; height: 95%;}
.channels.main .video-post.v-col-2 img:not(.play) { border-radius: 0px; }
/* rows width: 767px */
.mid-content{padding: 0px;}
.videos-wrapper.channels { padding: 0%; }
.owl-carousel.main { height: 60vh; }
.privacy p,
.privacy ul li,
.privacy span { font-size: 15px; }
}
/* --------------- 650px --------------- */
@media screen and (max-width: 650px) {
#basic:before{display:none;}
#basic:after{display:none;}
.gabbro-button{ width: 60%; position: relative;}
#login2.popup {width: 100%; padding: 1% 1%; overflow-x: scroll!important;}
#login.gabbro-button {width: 100%; position: relative; }
#cancel.gabbro-button { font-size: 30px; }
.main-greeting span {display: none;}
.main-greeting a span {display: inline;}
.logo2.home.search { right: 100px; }
.logo2.home.search input{ border-bottom: 0px; }
/* forms 650px */
#subscribe-form.gabbro-form label2 { font-size: 12px!important; font-weight: 500; }
#submit.gabbro-button{width: 100%; position: relative; }
#popup.gabbro-button { position: relative;}
#profileSubmit.gabbro-button { margin: 20px 10px 50px 0px; padding: 10px; }
#profileCancel.gabbro-button { margin: 20px 0px 50px 10px; padding: 10px; }
#profile-form.gabbro-form input.card,
#subscribe-form.gabbro-form input.card { margin-right: 0px!important; }
/* login-form 650px */
.login-form table { background: none!important; /* green shade */}
.login-form.gabbro-form:not(.static) { width: 100vw; padding: 10% 5%; background: linear-gradient(to bottom right, #000, #07161C); /* green shade */}
.login-form.gabbro-form input { font-size: 20px!important; letter-spacing: 0px; font-weight:300!important; padding: 10px 5px!important; border-bottom: 2px solid rgba(255,255,255,0.2); text-align: left; }
.login-form.gabbro-form input,
.login-form.gabbro-form label2,
.login-form.gabbro-form label3,
.login-form.gabbro-form .g-recaptcha-archived { width: 100%; border: 0px; }
.popup-footer { background: none!important; }
span#siteseal { transform: scale(0.7,0.7); }
.primary-menu { padding-right: 50px; }
#gabbro-landing.row{padding:0%; margin: 0px;}
/*film header 650px */
.film-wrapper h4 { top: 80%;}
.film-wrapper h2 {bottom: 19%; }
.film-wrapper h3 {top: 5%; }
.film-wrapper h5 { font-size: 30px; }
.film-wrapper h6 { font-size: 14px; font-weight: 400;}
/*footer 650px */
.footer-copyright p { font-size:9px!important; font-weight: 300; }
.footer-copyright .container {padding: 0px;}
.dark .footer-widget-area ul li a { font-size: 14px; }
.footer-widget-area .title-block { font-size: 16px; }
/* homepage poster 650px */
.videos-wrapper.channels .col-sm-12.main.mobile {height: 70vh; padding: 0px;}
}
/* portriat only 650px */
@media (orientation:portrait) and (max-width: 650px){
.film-wrapper .col-sm-12 { max-height:calc(100vh - 100px); }
.logo2.home.search .greeting.image { display: none; }
.logo2.home.search { right:auto; left: 5px; top:60px; width: 50vw;}
.logo2.home.search .results { line-height: 1.7; }
.logo2.home.search .results a { font-size: 16px }
.logo2.home.search input { padding: 0px; }
/* carousel 767px */
.flickity-button { display: none;}
.carousel-cell {
width:40%; /* half-width */
height: 30vh;
margin-right: 1px;
padding: 0px 0px 20px 0px;
}
}
@media screen and (max-width: 540px) {
.popup-header h2{ font-size: 16px; }
.header-info h3{ font-size: 25px; }
.header-info a p{margin-right: 3px; }
#profile-form.gabbro-form input.card,
#subscribe-form.gabbro-form input.card { margin-right: 0px!important; }
}
/* --------------- 460px --------------- */
@media screen and (max-width: 460px)/*Big Cell Phones */ {
#preloader-home span { font-size: 60px; letter-spacing: -5px;}
header.login {display: block; font-size: 12px; letter-spacing: 1px }
header.login img {display: none;}
header.login span { font-weight: 400; }
header.login a { font-weight: 700; }
header.film { position: relative; }
.home .main-greeting img:not(.pipe) { width: 20px;}
.main-greeting { margin-right: 5px; }
.logo2,
.logo2 box {font-size: 25px; letter-spacing: -2px; }
.logo2.home { font-size: 30px; display: block!important; }
.logo2.home.v2 { top: 20px; }
.logo2.home.v2.main { position: absolute; max-width: 100vw; margin-top: 0px;}
.logo2.home.v2 a, .logo2.home.v2 box { display: none; }
.logo2.subscribe { font-size: 20px; left: 0px; margin-top: 0px; padding: 5px; }
.logo2.subscribemenu { font-size: 13px; margin: 10px 10px;}
.logo2.login { left: 0px; width: 100%; max-width: 100vw; font-size: 20px!important; background: #1A1A1A;}
.logo2.login a {font-weight: 500; color: white;}
.logo2.login-banner span,
.logo2.login-banner b { font-size: 35px; font-weight: 400; }
.splash .logo2.login-banner span2 b,
.logo2.login-banner span2 b { font-size: 40px; font-weight: 400; letter-spacing: -2px;}
.logo2.login-banner c { font-size: 10px; letter-spacing: 2px; font-weight: 300; border: 0px solid white; }
.logo2.login-banner d { font-size: 12px; }
.logo2.login-banner d box{ font-size: 16px; }
.logo2.login-banner a,
.logo2.login-banner e {font-size: 9px; }
.logo2.login-banner img { height: 100px; width: 100px; }
.logo2.login-banner {top: 10vh; }
.login-banner .login-buttons {display: none;}
.splash .logo2.login-banner c { font-size: 15px; letter-spacing: 2px; font-weight: 300; border: 0px solid white; }
.splash .logo2.login-banner d box span2 { font-size: 13px; letter-spacing: 2px; font-weight: 200;}
.logo2.login-banner2 { top: 5vh; }
.logo2.login-banner2 span span2 { font-size: 15px; letter-spacing: 5px; font-weight: 400; }
.loginv4buffer { margin-top: 55vh; }
#loginv3.gabbro-button { font-size: 4em; margin-top: 50px; }
#loginv4.gabbro-button { font-size: 20px; letter-spacing: 1px;}
#loginv4.gabbro-button span { padding: 0px 5px; margin: 0px 20px;}
#loginv4.container {margin-left: 0%; margin-right: 0%;}
/*form 460px */
#contact-form.gabbro-form td span { font-size: 10px; }
.privacy p,
.privacy ul li,
.privacy span { font-size: 13px; }
.gabbro-form font{ font-size: 12px; }
.container.privacy { margin: 10px auto; }
.profile .container {padding: 0px;}
.gabbro-form input,
.gabbro-form select { width: 95%; position: relative; padding: 20px 2px 20px 5px!important; font-size: 13px!important; font-weight: 200!important;}
#subscribe-form.gabbro-form td span,
#profile-form.gabbro-form td span { letter-spacing: -1px;}
#subscribe-form.gabbro-form input,
#subscribe-form.gabbro-form input.ccv,
#subscribe-form.gabbro-form select ,
#subscribe-form.gabbro-form select.card ,
#profile-form.gabbro-form input ,
#profile-form.gabbro-form input.ccv ,
#profile-form.gabbro-form select ,
#profile-form.gabbro-form select.card { font-size: 20px!important; font-weight: 500!important; letter-spacing: -1px; }
#profile-form.gabbro-form ::-webkit-input-placeholder { font-size: 20px!important; }
#subscribe-form.gabbro-form ::-webkit-input-placeholder { font-size: 20px!important; }
#profile-form.gabbro-form input.card ,
#subscribe-form.gabbro-form input.card{ font-size: 12px; }
.gabbro-button{ width: 40%; position: relative;}
.gabbro-form label { font-size: 9px!important; }
.gabbro-form td { padding: 5px 0px!important;}
.gabbro-form input[type=radio] {margin: 0px!important;}
.login-form.gabbro-form:not(.static) { padding: 5% 5px; }
.login-form.gabbro-form.static { display: none;}
#profile-form.gabbro-form ,
#subscribe-form.gabbro-form { margin-top: 0px; padding: 0px 10px;}
#profile-form.gabbro-form input.card,
#subscribe-form.gabbro-form input.card { font-size: 20px!important; margin-right: 0px!important; }
.g-recaptcha-archived { transform: scale(0.67); }
/* Pagination + Footer 460px */
.pagination li { font-weight: 300; }
.pagination.home { margin: 5px auto; }
.pagination.home li span { font-size: 12px; font-weight: 500; }
.pagination.home li { letter-spacing: -1px; font-weight: 400;}
/* headers 460px */
.mobile-greeting span{ font-size: 12px; font-weight: 500;}
.mobile-greeting a span{ font-size: 13px; }
.profile.header-info h4 { margin: 20px 0px 0px 0px;}
.dark .header-info.profile p { letter-spacing: 1px; padding-left: 25px;}
.signup.header-info h4 { font-size: 40px; letter-spacing: -2px; }
.signup.header-info h4 box { padding: 0px; }
.homepage.categories.header-info h4 {display: none; font-size: 30px; word-spacing: 3px; letter-spacing:-2px;}
#channels.main.header-info h4 { margin: 30px 0px 10px 5px; font-size: 18px; text-transform: capitalize;}
#channels.header-info.top h4 { margin-top: 0px; padding-top: 0px; }
#channels.header-info h4,
#channels.header-info.film h4{ font-size: 25px; padding: 0px 0px 0px 0px; margin: 5px 0px 5px 0px; background: white!important;
-webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important; letter-spacing: -1px; font-weight: 400; }
#channels.header-info.mobile:not(.main) h4 { font-family: "Quicksand"; font-size: 25px; font-weight: 400; letter-spacing: -1px }
#channels.header-info h4 span { margin-top: 0px; }
.signup-form.header-info h4 {margin: 0px 0px 0px 0px; font-size: 14px; color: white; }
.signup-form.header-info h4 span { font-size: 9px;}
.subscribe.banner { font-size: 13px; margin-top: 0px; padding-bottom: 0px; }
.dark .header-info.profile p { font-size: 12px; margin: 10px 0px; }
.header-info.title h4 { margin-top: 70px; width: 100%; }
.header-info.title h5 { font-size: 11px; margin: 10px auto 50px auto; width: 95%; font-weight: 300; }
.header-info h4 { font-size: 55px; line-height: 1; }
.channels .video-post.v-col-2 .coat2 {opacity: 0; }
/* channels 460px */
.channels .video-post.v-col-2 .captionText h2 { font-size: 25px; width: 60%; font-weight: 500; margin: 1px; margin-left: 5px!important; bottom: 20%;}
.channels .video-post.v-col-2 .captionText h2 box{ box-shadow: 0px 0 0 #7DB868; }
.channels .video-post.v-col-2 .captionText h2 span { padding: 0px; box-shadow: -3px 0 0 #000000, 0px 0 0 #000000;}
.channels .video-post.v-col-4 .captionText h2,
.channels .video-post.v-col-4:hover .captionText h2 { opacity: 0.8; font-weight: 200; font-size: 14px; letter-spacing: 0px; bottom: 5px!important; margin-left: 0px!important; width: 90%;}
.channels .video-post.v-col-3 .captionText h2,
.channels .video-post.v-col-3:hover .captionText h2 { opacity: 0.8; font-weight: 200; font-size: 25px; letter-spacing: -2px; bottom: 5px!important; margin-left: 0px!important; width: 90%;}
.channels .video-post.v-col-3 .captionText h2 span,
.channels .video-post.v-col-4 .captionText h2 span { background: none!important;}
.channels .video-post.v-col-2 .captionText img.play,
.channels .video-post.v-col-3 .captionText img.play,
.channels .video-post.v-col-4 .captionText img.play{ width: 30px!important; height: 30px!important;}
.channels .video-post.v-col-4 img { padding: 0px; }
/* .channels.main .video-post.v-col-2 img { object-fit: contain!important; max-width: 80%!important; margin-right: 0px;}
.channels.main .is-splash .video-post.v-col-2 img:not(.play) { max-width: 100%!important; width: 85vw; padding: 0px; margin-right: 2vw;}
.channels.main .video-post.v-col-2 img.grain { opacity: 0!important; object-fit: cover!important;}
*/
.video-post.v-col-3 img.grain { opacity: 0.1; }
.channels .video-post.v-col-2 .captionText.main h2 { width: 50%; margin: 5px 10px 5px 10px!important; padding: 0px; opacity: 1important; }
.channels.mobile .video-post.v-col-2 .captionText.main h2 { width: 70%; }
.channels .video-post.v-col-2 .captionText.main h2 span{ background: black; border-radius: 0px; box-shadow: -10px 0 0 black, 5px 0 0 black;}
.channels .video-post.v-col-2 .captionText.main h2 span span2 { font-weight: 200; letter-spacing: -0px; }
.channels .video-post.v-col-2 .captionText.main h3 { font-size: 20px; top: 80px; }
.channels .video-post.v-col-2 .captionText.main h4{ padding: px 5px; width: 85%; font-size: 12px; font-weight: 200; top: 85%; margin: 0px 5px 5px 10px!important;}
.channels .video-post.v-col-2 .captionText.main h5 { font-size: 10px; bottom: 10vh; right: 0px; }
.channels .video-post.v-col-2 .captionText h4 { font-size: 12px; width: 95%; font-weight: 200; top: 80%; }
.channels .video-post.v-col-2 .captionText h4 span { box-shadow: -0px 0 0 #000000, 0px 0 0 #000000; }
/* films 460px */
.film-wrapper h2 { font-size: 25px; letter-spacing: 0px; max-width: 100vw; }
.film-wrapper h4 { font-size: 12px; font-weight: 200; }
.film-wrapper h5 { font-weight: 500; bottom: 18%; }
/* carousel 460px */
.main button.owl-prev, .main button.owl-next { display: none!important;}
/* rows 460px */
.channels.videos-wrapper.col2 .row { padding: 0px 0vw 0px 0vw; }
.channels.videos-wrapper.col3 .row { padding: 0px 5vw 0px 5vw; }
.channels.videos-wrapper.col4 .row { padding: 0px 5vw 0px 5vw; }
.channels .video-post.v-col-4 { padding: 0px 0px; }
/* h2/h4 460px */
.video-post.v-col-2 .captionText h2{ width: 50%; }
.video-post.v-col-3 .captionText h2,
.video-post.v-col-4 .captionText h2{ width: 50%; bottom: 14%;}
.video-post.v-col-2 .captionText h4{ font-size: 12px; font-weight: 200; width: 90%;margin: 5px; }
.video-post.v-col-3 .captionText h4,
.video-post.v-col-4 .captionText h4{ font-size: 12px; font-weight: 200; top: 85%; width: 90%;margin: 3px; }
/* homepage poster 460px */
.videos-wrapper .col-sm-3 { width: 100%; height: 40vh; padding: 30px;}
.videos-wrapper .col-sm-4 { height: 40vh; padding: 0px; }
.videos-wrapper .col-sm-6 { height: 60vh; padding: 10px; }
/* carsousel 460px */
.videos-wrapper.channels .col-sm-12 .banner { margin: 20px auto; }
.videos-wrapper.channels .col-sm-12 .banner span { font-size: 50px; font-weight: 100; letter-spacing: 2px; border: none; }
.channels .video-post.v-col-2 .captionText.main{ opacity: 1;}
}
/* --------------- 400px --------------- */
@media screen and (max-width: 400px) /*Small Cell Phones */ {
.logo2.home,
.logo2.home box { font-size: 30px; font-weight: 500; }
.logo2.home.v2 a, .logo2.home.v2 box {font-size: 40px; font-weight: 200; }
#homepage.footer-copyright{ position:relative; bottom:0;}
#homepage.footer-copyright .footer-copyright p{ font-size:7px; }
#profileButtons { padding-left:0%; padding-right:0%;}
#reset-form.gabbro-form input{ font-size: 25px; height: 80px;}
.login-form.gabbro-form input { font-size: 20px!important;}
.loginv4buffer { padding-left: 0%; padding-right: 0%; }
img.logo2{ height: 80px; width: 80px; margin: 0px!important;}
.gabbro-form label { font-size: 7px!important; }
.gabbro-form td { padding: 2px 0px!important;}
.login-form .popup-header .logo2 { font-size: 20px; }
/* header-info 400px */
.mobile-greeting span{ font-size: 12px; }
.mobile-greeting a span{ font-size: 13px; }
.categories.film.header-info h4 { font-size:25px; letter-spacing: 9px; }
.homepage.categories.header-info h4 { font-size: 28px; }
.profile.header-info:not(.signup) h4 { font-size:30px; }
/* h2/h4 400px */
.video-post.v-col-2 .captionText h2{ font-size: 20px; font-weight: 700; }
.video-post.v-col-3 .captionText h2{ font-size: 20px; font-weight: 500; }
.video-post.v-col-4 .captionText h2{ font-size: 16px; font-weight: 500; }
.video-post.v-col-2 .captionText h4,
.video-post.v-col-3 .captionText h4,
.video-post.v-col-4 .captionText h4,
.channels .video-post.v-col-2 .captionText h4,
.channels .video-post.v-col-3 .captionText h4,
.channels .video-post.v-col-4 .captionText h4 { font-size: 12px; font-weight: 300; }
/*forms 400px */
#profile-form.gabbro-form input.card,
#subscribe-form.gabbro-form input.card { margin-right: 0px!important; }
}
/* --------------- 350px --------------- */
@media (max-width: 350px){
header.login {font-size: 10px; padding: 10px; letter-spacing: 3px; }
/*forms 350px */
#submit.gabbro-button{width: 100%; position: relative; }
#popup.gabbro-button { position: relative;}
#reset.gabbro-button,
#subscribe-form #profileSubmit.gabbro-button ,
#subscribe-form #profileCancel.gabbro-button { font-size: 20px; font-weight: 500; color: white; }
#profileCancel.gabbro-button {margin-left: 10px;}
#profile-form.gabbro-form input.card,
#subscribe-form.gabbro-form input.card { margin-right: 0px!important; }
.login-form.gabbro-form .g-recaptcha-archived { padding: 0px; }
.login-form.gabbro-form iframe { margin-left: 5px}
.logo2.login-banner a,
.logo2.login-banner e {font-size: 8px; }
.logo2.login a {font-size: 15px; }
header.login span {padding: 0px 5px; }
.homepage.categories.header-info h4 { font-size: 30px; }
.mobile-greeting span,
.mobile-greeting a span{ font-size: 12px; }
#loginv4.gabbro-button { font-size: 20px; }
.loginv4buffer { margin-top: 60vh; }
.gabbrofb a{display: none;}
.film-wrapper h4 {font-size: 10px; }
.captionText h4 { width: 95%!important; }
.videos-wrapper.channels.main .col-sm-12,
.videos-wrapper.channels .col-sm-12.main.mobile {height: 70vh; padding: 0px 1vw;}
}
/******** +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ***********/
/******** +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ***********/
/******** +++++++++++++++++++++ START OF MAX-HEIGHT ++++++++++++++++++++++ ***********/
/******** +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ***********/
/******** +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ***********/
@media (min-aspect-ratio: 21/10){
.videos-wrapper.channels .col-sm-3, .owl-carousel { height: 60vh; }
.videos-wrapper.channels .col-sm-3, .owl-carousel.series { height: 60vh; }
.channels.videos-wrapper .col-sm-4, .owl-carousel.film { height: 70vh; }
.videos-wrapper.channels .col-sm-6, .owl-carousel.feature { height: 90vh; }
}
@media(max-height : 800px) {
#loginv4Container,
.gabbrofb a{display: none!important;}
.loginPage .popup-footer { display: inline-block;}
.login-form .gabbro-button { margin: 10px auto; }
.login-form.gabbro-form:not(.static) { padding-top: 5vh; }
.logo2.login-banner span span2 { padding: 0px 0px; }
.logo2.login-banner span d span2 { padding: 15px 0px; }
.loading-wheel { width: 25px; height: 25px; }
}
/**************** START: TABLET LANDSCAPE VIEW ****************/
@media (orientation:landscape) and (max-height : 850px) and (max-width : 1024px)
{
/* logo height 800px */
.logo2,
.categories.logo2 { font-size: 40px; }
.logo2 { font-size: 35px;}
.logo2.categories { font-size: 20px; letter-spacing: -2px; }
.logo2.subscribe { font-size: 25px; }
.logo2.login-banner img { height: 90px; width: 90px; }
.logo2.login{ font-size: 20px!important; top: 1vh; left: 0px;}
.logo2.login a,
.logo2.login lc{ opacity: 1; }
.logo2.login-banner{ top: 10vh; }
.logo2.login-banner c { font-size: 10px; }
.logo2.login-banner d { font-weight: 500; letter-spacing: 0px; font-size: 11px;}
.logo2.login-banner a,
.logo2.login-banner e { font-weight: 200; font-size: 14px; }
.popup.loginPage { padding-bottom: 5%; }
#channels.header-info h4{ font-size: 35px; padding-bottom: 0px!important; background: rgba(254, 249, 231,0.9);/* cream */; -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-left: 0px; margin-left: 1vw; }
#channels.main.header-info h4 { display: none; }
#channels.header-info.top h4 {margin-top: 6vh!important; }
#channels.header-info.mobile h4{ font-size: 35px; letter-spacing: -2px; margin-top: 30px;}
.profile.header-info h4 { margin: 10px 10px 10px 0px; width: 100%; }
.channels.videos-wrapper .col-sm-3, .owl-carousel { height: 35vh; }
.channels.videos-wrapper .col-sm-4, .owl-carousel.film { height: 45vh; }
.channels.videos-wrapper .col-sm-6, .owl-carousel.feature { height: 60vh!important; }
.channels.videos-wrapper.col3 .row,
.channels.videos-wrapper.col4 .row { padding: 0px 8vw!important;}
.channels .video-post.v-col-2 img,
.channels .video-post.v-col-3 img,
.channels .video-post.v-col-4 img,
.channels .video-post.v-col-3 .coat,
.channels .video-post.v-col-4 .coat { border-radius: 0px; }
.channels .video-post.v-col-2 .captionText h4 {width: 100%; }
.frame .slidee li { max-height: calc(100vh - 60px); }
/* forms height 800px */
td{ padding: 5px 0px!important; }
.popup { padding-top: 2%; }
.gabbro-form ::-webkit-input-placeholder { font-size: 14px; padding: 0px!important;} /* WebKit, Blink, Edge */
.gabbro-form :-moz-placeholder { font-size: 14px; padding: 0px!important;} /* Firefox */
.gabbro-form ::-moz-placeholder { font-size: 14px; padding: 0px!important;} /* Firefox 19+ */
.gabbro-form input{ width: 90%; position: relative; padding: 2px 0px 2px 5px; font-size: 15px; }
.gabbro-form:not(#subscribe-form) select{ width: 90%; position: relative; padding: 2px 0px 2px 5px; font-size: 15px!important; }
.gabbro-form label { font-size: 10px!important; font-weight: 500; padding: 1px!important;}
.gabbro-form input[type=radio] {margin: 2px!important;}
#reset-form.gabbro-form input{ font-size: 20px!important; }
#reset-form.gabbro-form ::-webkit-input-placeholder { font-size: 20px!important; }
#reset-form.gabbro-form :-moz-placeholder { font-size:15px!important; }
#reset-form.gabbro-form ::-moz-placeholder { font-size: 15px!important; }
.login-form.gabbro-form ::-webkit-input-placeholder { font-size: 16px; }
.login-form.gabbro-form :-moz-placeholder { font-size: 18px; }
.login-form.gabbro-form ::-moz-placeholder { font-size: 18px; }
.login-form.gabbro-form input{ font-size: 25px ; letter-spacing: -1px; font-weight:400!important; }
.login-form.gabbro-form td{ padding: 0px 0px!important; }
.login-form.static ::-webkit-input-placeholder { font-size: 50px; font-weight: 900;}
.login-form.static :-moz-placeholder { font-size: 50px; font-weight: 900;}
.login-form.static ::-moz-placeholder { font-size: 50px; font-weight: 900;}
.login-form.static :-ms-input-placeholder {font-size: 50px; font-weight: 900; }
.login-form.static ::-ms-input-placeholder { font-size: 50px; font-weight: 900;}
#subscribe-form table { margin: 0px; }
#subscribe-form.gabbro-form td span,
#profile-form.gabbro-form td span{ font-size: 20px; letter-spacing: -1px; font-weight: 500; padding-right: 10px; opacity: 1;}
#subscribe-form.gabbro-form input,
#subscribe-form.gabbro-form input.ccv,
#subscribe-form.gabbro-form input.card,
#subscribe-form.gabbro-form select ,
#subscribe-form.gabbro-form select.card ,
#profile-form.gabbro-form input,
#profile-form.gabbro-form input.ccv,
#profile-form.gabbro-form input.card,
#profile-form.gabbro-form select,
#profile-form.gabbro-form select.card { padding: 15px 2px 15px 15px; }
#profileSubmit.gabbro-button,
#profileCancel.gabbro-button { font-size: 25px; }
/* poster height 800px */
.channels .video-post.v-col-2 .captionText h2 { font-weight: 400; width: 90%; line-height:1; }
.channels .video-post.v-col-2 .captionText h2 span { padding: 5px; }
.channels .video-post.v-col-2 .captionText h4{ font-weight: 400; }
button.owl-prev,
button.owl-next { top: 20%; height: 30%; }
} /* 800px */
@media (max-height : 850px) and (min-width : 1024px) {
@media (min-aspect-ratio: 21/9) and (max-height: 540px) {
.logo2.login-banner2 { top: 25vh; }
.logo2.login-banner { top: 10vh!important; left: 500px; max-width: 50vw; }
.logo2.login-banner span span2{ font-weight: 500; }
}
.channels.videos-wrapper .col-sm-6 { height: 60vh!important; }
.channels.videos-wrapper .col-sm-3, .owl-carousel, .owl-carousel.series { height: 60vh; }
.channels.videos-wrapper .col-sm-4, .owl-carousel.film { height: 85vh; }
.owl-carousel.feature { height: 85vh; }
.videos-wrapper .col-sm-3, .videos-wrapper .col-sm-4 { height: 70vh; }
.video-post.v-col-2 .captionText h4,
.video-post.v-col-3 .captionText h4,
.video-post.v-col-4 .captionText h4 { font-size: 16px; width: 60%;}
#channels.main.header-info h4 span { opacity: 0; }
.owl-theme .owl-nav { display: none; }
.main .owl-theme .owl-nav { display: block; }
.logo2.login-banner e,
.logo2.login-banner a { display: inline-block; }
}
@media (orientation:landscape) and (max-height : 640px) and (max-width : 1024px)
{
.home.spo-responsive-trigger { background-size: 25px; width: 25px;}
header.transparent.home { position: fixed; }
.videos-wrapper .col-sm-6 { width: 50%; height: 80vh!important; }
.videos-wrapper .col-sm-4,
.videos-wrapper .col-sm-3 { height: 50vh!important; }
.owl-carousel.feature { height: 95vh!important; }
.channels.videos-wrapper .col-sm-6 {height: 95vh!important; }
.channels.videos-wrapper .col-sm-3, .owl-carousel {width: 25%; height: 50vh!important; padding: 0px 10px;}
.channels.videos-wrapper .col-sm-4, .owl-carousel.film {width: 33.3%; height: 50vh!important; padding: 0px 10px; }
/* channels height 640px */
.channels .video-post.v-col-2 .captionText.main h2{ font-size: 50px!important; letter-spacing: -4px; padding-bottom: 5px; bottom: 8%!important;}
.channels .video-post.v-col-2 .captionText h2 { bottom: 19%!important; margin-bottom: 0px; padding-bottom: 0px; }
.channels .video-post.v-col-2 .captionText h4 { top: 82%!important; width: 80%; }
.channels .video-post.v-col-2 .captionText.main h4{ top: 89%!important; padding: 10px 0%!important; width: 50%; }
.video-post.v-col-2 .captionText h4 { width: 90%; }
.video-post.v-col-2 .captionText h4,
.video-post.v-col-3 .captionText h4,
.video-post.v-col-4 .captionText h4 { font-size: 14px; width: 60%;}
.captionText h4{ font-size: 10px; padding: 0px!important; }
.captionText h4 span{ padding: 5px; line-height: 1.2; }
.categories.header-info h4 { font-size: 40px; }
button.owl-prev,
button.owl-next {top: 35%; height: 20%; width: 50px; background-color: black!important; }
}
/**************** END: TABLET LANDSCAPE VIEW ****************/
@media (orientation:landscape) and (max-height : 540px) {
.logo2.login-banner2 { /* top: 18vh; */ }
.logo2.login-banner{ top: 20vh; }
.footer-copyright p { font-size: 8px; letter-spacing: 1px;}
.logo2.login-banner { width: 100vw; }
}
@media (orientation:landscape) and (max-height : 540px) and (max-width : 1024px)
{
header.login {display: block; }
/* logo 540px height */
.logo2.subscribe { font-size: 25px; margin: 0px; padding: 0px;}
.logo2.login{ top: 0vh; font-size: 20px!important; letter-spacing: 4px!important;}
.logo2.login a,
.logo2.login lc { letter-spacing: 4px!important;}
.logo2.login-banner{ margin-top: 0px; padding-left: 0px; letter-spacing: 2px; top: 5vh; border-radius: 0px; }
.logo2.login-banner span { line-height: 0.6;}
.logo2.login-banner span,
.logo2.login-banner b { }
.logo2.login-banner c { font-size: 10px; letter-spacing: 4px; font-weight: 400; border: 0px solid white; }
.logo2.login-banner d { font-weight: 400; letter-spacing: 1px; font-size: 10px; }
.logo2.login-banner img { height: 80px; width: 80px; }
.logo2.login-banner2 { padding-left: 0px; top: 0vh; }
.logo2.login-banner2 span span2 { font-size: 15px; margin: 0px;}
.logo2.login-banner span span2 { padding: 25px 0px; }
.logo2.login a { background-color: rgba(0,0,0,0); opacity: 1; border: none; padding: 0px;}
.logo2.login lc { letter-spacing: 0px; opacity: 1;}
.logo2.home.v2 { display: none!important; }
.login-banner .login-buttons {display: none;}
/* login form 540px height */
.login-form.gabbro-form,
.login-form table, .popup.loginPage, h1,h2,h3,h4 { padding: 0px; }
.login-form.gabbro-form input{ font-size: 20px!important; padding: 5px 10px; }
.login-form.gabbro-form .g-recaptcha-archived { transform: scale(0.6); margin-top: -30px;}
.login-form.gabbro-form label2 { font-size: 12px; }
.loginPage .popup-footer,
.loginPage .popup-header h4 {margin: 0px; }
img.logo2 { display: block;}
.preview{ font-size: 15px; }
.popup-footer img {height: 20px!important; width: 20px!important;}
.popup-close { top: 10px; }
#loginv3.gabbro-button{margin-top: 30px; }
.loginv4buffer { margin-top: 50vh; }
.footer-copyright p { font-size: 8px; letter-spacing: 1px;}
header:not(.home) {position: relative!important;}
header.login {position: fixed!important;}
.greeting.image { width: 20px; }
#profile-form.gabbro-form td span { font-size: 10px; }
/* header-info 540px height */
.header-info h4{width: 100%!important; margin-top: 50px!important; font-size: 20px; letter-spacing: -2px; text-align: left; font-weight: 500; }
.header-info.title h4 { font-size: 40px; letter-spacing: -3px!important}
.header-info.title h5 { font-size: 18px; width: 50vw; }
.seasons.header-info h4 { font-size: 30px; margin: 10px 0px 5px 10px!important; letter-spacing: 3px!important; font-weight: 400!important; }
.profile.header-info h4 { font-size: 22px!important; padding: 0px!important; margin: 20px 0px 5px 5px!important; letter-spacing: 5px!important;}
#channels.header-info.top h4,
#channels.header-info h4 { margin: 30px 0px 5px 5px!important; }
.categories.header-info h4 { font-size: 25px!important; }
.seasons.top.header-info h4 {padding: 0px!important; margin: 5px 0px 5px 5px!important; }
.categories.film.header-info h4 ,
.signup.header-info h4 { letter-spacing: -3px!important; font-size: 50px!important; font-weight: 700!important; }
.signup-form.header-info h4 { margin: 0px!important; font-size: 13px!important; }
.homepage.categories.header-info h4 { text-transform: lowercase!important; letter-spacing: -2px!important; margin-top: 0px!important; text-align: center!important; }
.homepage.categories.menu.header-info h4 {margin-top: 12px!important; }
.header-info.profile .col-sm-12 {margin: 10px 0px 5px 0px!important;}
.captionText h2 { font-size: 15px; letter-spacing: 3px; text-transform: uppercase!important; margin: 2px; }
.captionText h4 { font-size: 11px;}
/* poster 540px height */
.channels .video-post.v-col-2 .captionText.main h2 { font-size: 30px!important; padding-bottom: 5px; margin-left: 0px!important; }
.channels .video-post.v-col-2 .captionText.main h3 {font-size: 18px!important; }
.channels .video-post.v-col-2 .captionText.main h4{ font-size: 13px; margin: 0px 0px!important; width: 70%;}
/* channels 540px height */
.channels .video-post.v-col-2 .captionText h2 { text-transform: uppercase!important; font-size: 16px!important;
padding-bottom: 5px; letter-spacing: 7px!important; }
.channels .video-post.v-col-2 .captionText.main h2 span span3 { line-height: 1.2; }
.channels .video-post.v-col-3 .captionText h2,
.channels .video-post.v-col-4 .captionText h2{ font-size: 9px!important; text-transform: uppercase!important; letter-spacing: 0px!important; text-align: left;}
.channels .video-post.v-col-2 .captionText h4 { width: 90%; }
/* films 540px height */
.film-wrapper h2 {font-size: 40px!important; }
.film-wrapper h5 {font-size: 30px!important; letter-spacing: 2px!important; text-transform: uppercase!important; bottom: 18%;}
.film-wrapper h4 span {padding: 0px!important;}
.film-wrapper h6 { font-size: 9px; width: 100%; top: 50px; font-weight: 100; }
.videos-wrapper.main .col-sm-12 { max-height: 100vh!important;}
.videos-wrapper.channels .col-sm-12.main.mobile {height: 90vh!important; }
.videos-wrapper .col-sm-6,
.videos-wrapper .col-sm-4,
.videos-wrapper .col-sm-3 {height: 80vh!important; }
.channels.videos-wrapper .col-sm-6 { width: 50%!important; }
.owl-carousel .owl-item,
.owl-carousel.film .owl-item,
.channels .video-post.v-col-4 {padding: 0px 2px!important; }
.dark .footer-widget-area ul li a { font-size: 10px; }
}/* 540px */
/**************** START: MOBILE LANDSCAPE VIEW ****************/
@media (orientation:landscape) and (max-height : 540px) and (max-width : 768px) {
.preview{ display: none; }
.logo2 { font-size: 30px; letter-spacing: -2px;}
.main-greeting span { font-size: 12px; }
.videos-wrapper.channels .col-sm-12.main.mobile { height: 70vh!important; }
.channels .video-post.v-col-2 .captionText.main h2 { width: 25%; }
#channels.header-info.top h4 {margin-top: 20px!important; }
#channels.header-info h4 {margin-top: 10px!important; }
.film-wrapper h3 { top: 5px; }
}
/**************** END: MOBILE LANDSCAPE VIEW ****************/