/*
Theme Name: crackittheme
Author: Bryn Davies for Pete & Tom
Author URI: https://wordpress.org/
Description: A custom theme for CrackIt Productions.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: crackittheme
*/

/* ROBOTO weights: 300(light), 400(regular), 700(bold) */


/*general styles*/
body {background-color:#2f2f2f; color:#f5f5f5; margin:0px; font-size:17px; line-height:26px; font-family: 'Roboto', sans-serif;}
body.page-template-template-beontv {background-color:#13cdb6; color:#ffffff;}
.ff-stream {
    padding: 0px 0 30px!important;
  }

.ff-item .ff-item-bar {display:none;}
.ff-slideshow {padding-top:10px;}

.instatitle { background-image:url('/wp-content/themes/crackittheme/images/icon-insta-white.png');background-size: 50px auto; background-repeat: no-repeat; background-position: 0px 5px;padding-left:80px; line-height: 30px;text-align:left;color:#000000;margin:0 auto;margin-bottom:-20px;margin-left:27px;margin-top:20px;padding-bottom:20px;}
.ff-video-icon {display:none;}

.documentlink:hover { text-decoration: underline; }

section {padding-top:150px; padding-bottom:100px;}

p {text-align: left;
    font-size: 18px;
    line-height: 29px;
    font-weight:300;
  }
p a {color:#f5f5f5;}

a {color:#13cdb6; text-decoration:none;}

h1 {text-align:center; font-size:2.5em; font-weight:normal;margin-top:0px; padding-top:15px;margin-top:15px; font-weight:700;}
h2 {text-align:center; font-size:1.8em; font-weight:normal;margin-top:0px; padding-top:15px;margin-top:15px;

font-family: itc-avant-garde-gothic-pro, sans-serif;

font-weight: 700;

font-style: normal;
}
h3 {text-align:center; font-size:1.5em; font-weight:normal;margin-top:0px; padding-top:15px;margin-top:15px; font-weight:700;}

.loader {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        margin:0 auto;
        margin-top:50px;
        position: relative;
        animation: rotate 1s linear infinite
      }
      .loader::before , .loader::after {
        content: "";
        box-sizing: border-box;
        position: absolute;
        inset: 0px;
        border-radius: 50%;
        border: 5px solid #FFF;
        animation: prixClipFix 2s linear infinite ;
      }
      .loader::after{
        transform: rotate3d(90, 90, 0, 180deg );
        border-color: #14cdb6;
      }

      @keyframes rotate {
        0%   {transform: rotate(0deg)}
        100%   {transform: rotate(360deg)}
      }

      @keyframes prixClipFix {
          0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
          50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
          75%, 100%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
      }

.introvid {display:block; width:100%; height:100vh; position:fixed; top:0; left:0; background-color:#000000;z-index:9;}
.introvid video {
width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: 0;
}
#intvid {width:auto;height:100vh;}

.ymltitle {margin-top: 75px!important;font-size: 1.8em !important;padding-bottom:40px;}
.floatysocials {position:fixed; right:55px; bottom:90px; width:auto; height:auto; background-color: #13cdb6;padding:10px;z-index:5;}
/*.floatysocials img {width:40px;}*/

.instico {width:40px;margin-bottom:15px;}
.twitico {width:34px; padding-left:6px;}

.content {max-width:75%; margin:0 auto;padding-left:20px;padding-right:20px;overflow: hidden;position:relative;}
.contentalt {max-width:75%; margin:0 auto;padding-left:20px;padding-right:20px;}

/*.contact {height:90vh!important;}*/

.col50 {width:48%;margin:1%;float:left;}
.mobonly {display:none;}
.dtonly {display:block;}

.mobileslide {display:none;}
.desktopslide {display:block;}

/* header styles */
.header {width:100%; height:90px; background-color:rgba(50,50,50,0); z-index: 50;position:fixed;display:block;top:0px;transition-duration: 0.5s;}
.page-template-template-home .header {width:100%; height:90px; background-color:rgba(50,50,50,0); z-index: 10;position:fixed;}

.hactive {background-color: rgba(50,50,50,0.8);transition-duration: 0.5s;}
.page-template-template-home .hactive {background-color: rgba(50,50,50,0);transition-duration: 0.5s;}
/*
.page-template-template-contact .hactive {background-color: rgba(50,50,50,0);}
.page-template-template-aboutus .hactive {background-color: rgba(50,50,50,0);}
.page-template-template-productions .hactive {background-color: rgba(50,50,50,0);}
*/

.logo {float:left; height:90px; width:260px;margin-left:20px;margin-top:22px;}
.logo img {margin-left:20px; margin-top:10px;width:75%;}

.mobbut {display:block;display:block; width:40px; position:absolute; right:55px; top:25px;z-index:20; cursor:pointer;}
.mobbut img {width:100%; height:auto;}
.mobbut img:hover {filter: brightness(0) invert(1);}

/*.mobbutoff:hover {filter: brightness(0) invert(1);}*/
/*menu styles */

li.newsmenu {background-image:url('images/menu-arrow-black-down.png'); background-position:90% 23px; background-repeat:no-repeat; background-size:12px 8px;}
li.programmemenu {background-image:url('images/menu-arrow-black-down.png'); background-position:90% 23px; background-repeat:no-repeat; background-size:12px 8px;}


.menu {display:none;float:right; width:280px; margin-right:0px;padding-top:60px; background-color: rgba(20,205,182,0.9); padding-bottom:20px;opacity:1;z-index:10;height:100vh;}
.menu ul {margin-left:0px;padding-left:0px;background-color: transparent;}
.menu ul li {list-style: none; display:block; text-align: right; padding-left:5px;padding-right:50px;padding-top:12px;padding-bottom:12px; }
.menu ul li a {color:#000000; text-decoration:none; font-size:20px;}
.menu ul li a:hover {color:#ffffff; text-decoration:none;}

.menu li:not(.newsmenu,.programmemenu) {background-image:url('images/menu-arrow-black.png'); background-position:90% 20px; background-repeat:no-repeat; background-size:8px 11px;}

.menu ul li .sub-menu {display:none;margin-right: 0px; padding-right: 0px; /*border-top:1px solid black; border-bottom:1px solid black;*/  margin-top: 15px;margin-bottom:10px;padding-bottom: 5px;padding-top: 5px;}
.menu ul li .sub-menu li {padding-right:0px;margin-right:0px;background-image:none!important;}

.newsmenu .sub-menu {width:145px;margin-left:80px;}
.programmemenu .sub-menu {width:190px; margin-left:35px}

.subactive { color:#ffffff!important; }

.sub-menu li a {color:#000000;}
.sub-menu li a:hover {color:#ffffff;}

.sub-menu:before
{
    width: 145px;
    height: 1px;
    position: relative;
    float:right;
    background-color: black;
    display: block;
    content: '';
    margin-bottom:25px;
}

.sub-menu:after
{
    width: 145px;
    height: 1px;
    position: relative;
    float:right;
    background-color: black;
    display: block;
    content: '';
    margin-top:15px;
}


/*.page-template-template-home .menu ul li a {color:#ffffff; text-decoration:none; font-size:15px;}*/

.page-template-template-aboutus .lnkAbout a{color:#eaaa02;}
.page-template-template-productions .lnkProductions a{color:#eaaa02;}
.page-template-template-news .lnkNews a{color:#eaaa02;}
.page-template-template-team .lnkTeam a{color:#eaaa02;}
.page-template-template-contact .lnkContact a{color:#eaaa02;}
.single-productions .lnkProductions a{color:#eaaa02;}


/*homepage styles*/
.hero{width:100vw;height:100vh;position:relative;}


.pressquotewrap {width:100%;float:left;padding:0%;text-align:center;padding-bottom:50px;margin:0 auto;display:inline-block;padding-top:0px;}
/*.pressquotewrap:nth-child(odd) {width:45%;float:left;}
.pressquotewrap:nth-child(even) {width:45%;float:right;}*/
/*.pressquotewrap:nth-child(even) {border-left:1px solid #13cdb6;}*/
/*.pressquotewrap:nth-child(odd) {border-right:1px solid #13cdb6;}*/
.pressquotewrap p {text-align:center;width: 85%; margin: 0 auto; line-height: 34px;}

.pressquotewrap:nth-child(odd) p { width: 85%; float:left;}
.pressquotewrap:nth-child(even) p { width: 85%; float:right;}

.presstextwrap {width: 75%; margin: 0 auto;}

.pressitemtitle {width: 100%;
    text-align: left;
    line-height: 1.2em;
    padding-top: 0px;
    margin-top: 40px;
    font-size: 1.8em;
    margin-bottom: 30px;
  color:#13cdb6;}

.quotesblock {padding-top:40px;/*margin-left: 2%;*/overflow:hidden; display: block;position:relative;}
.cite {font-weight:bold;color:#13cdb6;font-size:16px;padding-top:10px;}

.pressquoteimg {width:75%;}

.quotesgrid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
grid-auto-rows: 1fr;
}

.centralline {width:1px; background-color:#13cdb6;position:absolute;left:49%;height:100%;}

.linktoprogram {padding:15px 48px; background-color:#13cdb6; color:#000000;font-size: 16px;}
.allpressquotes {padding:15px 38px; color:#ffffff; border:1px solid #13cdb6;font-size: 16px;}

/*.slide {position:absolute; top:0px;left:0px; width:100%;height:100%;text-align:center;z-index: 1;}*/
.sltitle {font-size:5em;text-align:center;width:100%;position:absolute; top:50px;z-index:2;line-height:0.8em;}
.slstrap {position:absolute; bottom:50px;margin:0 auto;z-index:2; font-size:2em;line-height:1em;width:94%; text-align:center;padding-left:3%;padding-right:3%;}

.slideimg {position:relative;height:100vh;}
.slideimg img {}
.slidetitle {font-family:'Roboto';position:absolute; right:40px;bottom:30px;text-align:right;color:#ffffff; font-size:28px; font-weight:700;z-index: 3;text-shadow: 0px 0px 4px rgba(0,0,0,0.73);}
.slidestrap {position:absolute; left:40px;top:49%;text-align:left;color:#ffffff; font-size:4.5em; font-weight:500;z-index: 3;
font-family: itc-avant-garde-gothic-pro, sans-serif;
font-weight: 700;
font-style: normal;
background: transparent;
text-shadow: 0px 0px 12px rgba(0,0,0,0.5);
/*-webkit-box-shadow: 0px 0px 50px 27px rgba(0,0,0,0.32);
box-shadow: 0px 0px 50px 27px rgba(0,0,0,0.32);*/
}


.slick-dots {
  position: absolute;
  bottom: 15px;
  left:40px;
  list-style: none;
  display: block;
  text-align: left;
  padding: 0;
  width: auto;
  z-index: 6;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 2px;
  width: 25px;
  margin: 0 6px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
background: white;
display: block;
height: 2px;
width: 25px;
outline: none;
line-height: 0;
font-size: 0;
color: white;
padding: 0px;
cursor: pointer;
border-radius: 0px;
opacity:1;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  background: #13cdb6;
  outline: none;
  opacity:1;
}
.slick-dots li.slick-active button {
  /*color: black;
  opacity: 0.75;*/
  background: #13cdb6;
  outline: none;
  opacity:1;
}
/*.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 5px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}*/


/* productions filter */
.allProductions {display:none;}
.featProductions {display:block;}
.gdfeatProductions {display:block;}
.prodfilter {width:97.7%; border-bottom:0px solid #b5b5b5;text-align:center;margin-left:1%; margin-bottom:18px;/*height: 30px;*/padding:15px;position:relative;z-index:40;transition-duration: 0.5s;}
.page-template-template-globaldistribution .prodfilter {width:97.7%; border-bottom:0px solid #b5b5b5;text-align:center;margin-left:1%; margin-bottom:18px;/*height: 30px;*/padding:15px;margin-top: 40px;}
.page-template-template-globaldistribution .thepagetitleprogs {color:#FF3864;}

.filterbg {background-color: rgba(50, 50, 50, 0.8);}

.pAll {width:auto;display:inline-block;z-index:5;margin-bottom:1px;color:#ffffff;font-size:20px;cursor:pointer;padding-left:25px; padding-right:25px;padding-bottom:3px;}
.pFeat {width:auto;display:inline-block; z-index:5;margin-bottom:1px;color:#ffffff;font-size:20px;cursor:pointer;padding-left:25px; padding-right:25px;padding-bottom:3px;}
/*.pFeat:hover {color:#eaaa02;}
.pAll:hover {color:#eaaa02;}*/

.gddesktopfilter {padding-left:0px;}
.gddesktopfilter li {display:inline-block; padding-left:50px; padding-right:50px; text-align:center;}
.gddesktopfilter li a {color:#ffffff;}
.gddesktopfilter li.active {background-color:#FF3864;}
.gddesktopfilter li.active a {color:#000000;}
.gddesktopfilter li:hover {background-color:#FF3864;}
.gddesktopfilter li:hover a {color:#000000;}

.pactive {border-bottom:2px solid #13cdb6;}

.filterset {width:290px; height:41px; margin:0 auto; cursor:pointer;}
.filtergenre {width:220px; height:auto; float:left;background-color:#FF3864;color:#000000;}
.filtergenre p {margin-top:0px;margin-bottom:0px;padding: 6px 0px 6px 20px;font-weight:400;}
.filterbutton {width:40px; height:41px; float:right; cursor:pointer;}
.filterbutton img {width:40px;padding-top:13px;}
/*.filterbutton img:hover {opacity:0.6;}*/

.genremenu {width:250px;height:auto;padding:30px 20px; background-color: rgba(20,205,182,0.9); color:#ffffff;overflow:hidden;position:absolute;left:50%; z-index: 10;line-height:45px;font-size:18px;display:none;margin-left: -147px;margin-top: 38px; text-align: left;}
.genremenu a {color:#000000; text-decoration:none;}
.genremenu a:hover {color:#ffffff;}

.page-template-template-productions .filtergenre {background-color:#13cdb6;}
 .page-template-template-globaldistribution .genremenu {background-color: rgba(255,56,100,0.9);}

.loadmore {padding:15px 50px; border:1px solid #FF3864; color:#ffffff; font-size:16px;}
.page-template-template-productions .loadmore {border:1px solid #13cdb6;}

.gridwrapper {position:relative; margin-top: -27px;}

/* about page */
.page-template-template-aboutus .content {max-width: 100%;width: 100%;margin: 0 auto;background-color: transparent;padding-left:0px;padding-right:0px;}
.page-template-template-aboutus .filmdata {width: 75%; margin: 0 auto;}
.page-template-template-aboutus .filmdata p {color:#b4b4b4; text-align:left;max-width:950px; margin:0 auto;padding-bottom:15px;}
.page-template-template-aboutus .proddescription {padding-bottom:30px; border-top:0px solid #b5b5b5; width:85%; padding-left:20px;}
.page-template-template-aboutus .proddescription p {line-height:26px; font-size:18px;}
.page-template-template-aboutus .watermarklogo {padding-left:20px;margin-bottom:50px;width:200px;}
.page-template-template-aboutus .footer .content {width:75%!important;}

.patnerlogos {max-width: 700px;margin: 0 auto;}

.partnerlogo {width:33%; height:100px; text-align:center; display:inline-block;}
.partnerlogo img{width:auto; height:100px;}

/*global distribution */

.page-template-template-globaldistribution section { padding-top:100px;}



/*productions page*/
/*.filmbox {width: 31%; margin:1%; height:auto; position:relative; display:inline-block;overflow: hidden;}*/

/*--------*/
/*.filmbox {max-width: 48%;height:auto; position:relative; display:block; overflow: hidden;margin-bottom:20px;}
.filmbox img {width:100%; height:auto; opacity:1; transition-duration: 0.3s;}
.filmbox img:hover {width:100%; height:auto; opacity:0.2;transform: scale(1.1); }
.filmbox .ftitle {position:relative; font-weight:700; opacity:1; width:95%; bottom:10px; text-align:center; font-size:18px;transition-duration: 0.3s; pointer-events: none;}
.filmboxa img:hover + .ftitle {width:95%; text-align:center; font-size:22px; opacity:1;}
.filmbox img:hover + .ftitle {position:absolute; width:95%; top:45%; text-align:center; font-size:22px;opacity:1;}
.filmbox .fdesc {position:absolute; font-weight:500; opacity:0; width:80%; left:10%;bottom:0px; text-align:center; font-size:16px;transition-duration: 0.3s; pointer-events: none;line-height:22px;text-shadow: 0px 0px 6px rgba(0,0,0,0.4);}
.filmbox img:hover + .fdesc { width:80%; left:10%; text-align:center; font-size:16px; display:block; opacity:1;}
.filmbox img:hover + .fdesc {position:absolute; width:80%; bottom:29%; text-align:center; left:10%; font-size:16px;opacity:1;}

.filmbox .ftitlesdata {width:96%; height:auto; position:absolute;bottom:0%;left:2%;transition-duration: 0.3s;pointer-events: none;}
.filmbox img:hover + .ftitlesdata {width:96%; height:auto; position:absolute;bottom:40%;left:2%;}*/
/*---------*/

.filmbox {max-width: 48%; height:auto; position:relative; display:block; overflow: hidden;margin-bottom:20px;}
.filmbox img {width:100%; height:auto; opacity:1; transition-duration: 0.3s;}
.filmbox img:hover {width:100%; height:auto; opacity:0.2;transform: scale(1.1); }
.filmbox .ftitle {position:relative; font-weight:700; opacity:1; width:95%; bottom:10px; text-align:center; font-size:18px;transition-duration: 0.3s; pointer-events: none;text-shadow: 0px 0px 4px rgba(0,0,0,0.73);}
/*.filmboxa img:hover + .ftitle {position:absolute; width:95%; top:45%; text-align:center; font-size:22px;opacity:1;}*/
.filmbox img:hover + .ftitle {width:95%; text-align:center; font-size:22px; opacity:1;}
.filmbox .fdesc {position:relative; font-weight:500; opacity:0; display:none;width:80%;text-align:center; left:10%;font-size:16px;transition-duration: 0.3s; pointer-events: none;line-height:22px;text-shadow: 0px 0px 6px rgba(0,0,0,0.4);}
/*.filmboxa img:hover + .fdesc {position:absolute; width:80%; bottom:29%; left:10%; text-align:center; font-size:16px; opacity:1;}*/
.filmbox img:hover + .fdesc { width:80%; left:10%; text-align:center; font-size:16px; display:block; opacity:1;}
.filmbox .ftitlesdata {width:96%; height:auto; position:absolute;bottom:0%;left:2%;transition-duration: 0.3s;pointer-events: none;}
.filmbox img:hover + .ftitlesdata {width:96%; height:auto; position:absolute;bottom:38%;left:2%;}


#filmboxes {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  grid-auto-rows: 1fr;
}

#filmboxes .filmboxa {max-width:none!important; width:auto!important;background-size:100%;background-position:center center; -webkit-transition: background-image 0.7s ease-in-out;
transition: background-image 0.7s ease-in-out;}


.filmboxa {max-width: 48%; height:auto; position:relative; display:block; overflow: hidden;}
.filmboxa img {width:100%; height:auto; opacity:1; transition-duration: 0.3s;}
.filmboxa img:hover {width:100%; height:auto; opacity:0.2;transform: scale(1.1); }
.filmboxa .ftitle {position:relative; font-weight:700; opacity:1; width:95%; bottom:10px; text-align:center; font-size:18px;transition-duration: 0.3s; pointer-events: none; text-shadow: 0px 0px 4px rgba(0,0,0,0.73);}
/*.filmboxa img:hover + .ftitle {position:absolute; width:95%; top:45%; text-align:center; font-size:22px;opacity:1;}*/
.filmboxa img:hover + .ftitle {width:95%; text-align:center; font-size:22px; opacity:1;}
.filmboxa .fdesc {position:relative; font-weight:500; opacity:0; display:none;width:80%;text-align:center; left:10%;font-size:16px;transition-duration: 0.3s; pointer-events: none;line-height:22px;text-shadow: 0px 0px 6px rgba(0,0,0,0.4);}
/*.filmboxa img:hover + .fdesc {position:absolute; width:80%; bottom:29%; left:10%; text-align:center; font-size:16px; opacity:1;}*/
.filmboxa img:hover + .fdesc { width:80%; left:10%; text-align:center; font-size:16px; display:block; opacity:1;}
.filmboxa .ftitlesdata {width:96%; height:auto; position:absolute;bottom:0%;left:2%;transition-duration: 0.3s;pointer-events: none;}
.filmboxa img:hover + .ftitlesdata {width:96%; height:auto; position:absolute;bottom:38%;left:2%;}

/*single productions */

.productioncontent {max-width:850px;margin:0 auto;}

.filmdata {width:92%; margin:0 auto; background-color: #000000;padding: 4% 4% 7% 4%;overflow: hidden;display: block;margin:0 auto;margin-top:15px;}
.filmdata p {font-size:18px!important;line-height:30px;font-weight: 300;}

.single-productions .content {max-width: 100%;width: 100%;margin: 0 auto;background-color: transparent;padding-left:0px;padding-right:0px;}
.single-productions .filmdata {width: 75%; margin: 0 auto;background-color: transparent;padding-top:40px;}
.single-productions .filmdata p {font-size:18px!important;line-height:30px; text-align:left;font-weight: 300;margin-bottom:40px;margin-top: 5px;}
.single-productions h2 {font-size:2.1em;line-height: 1.1em;text-align:left; margin:0 auto;}

.headersection {z-index:-1;position:fixed;top:0px;width:100%; height:49%;padding-top:0px;margin-top:0px;}
.headerpadding {padding-top:45%;}
.headerpaddingabt {padding-top:35%;}

.backnext{margin-left:-10px; color:#b5b5b5;}
.backnext a {color:#b5b5b5;padding-left:10px;padding-right:10px;}
.backnext a:hover {color:#ffffff;}

.productiontitle {margin-bottom:10px;padding-bottom:5px;margin-top:15px;color:#14cdb6;}
.proddesc {float:right;}
.proddesc h2 {text-align:left;margin-top:50px;line-height: 1em;}
.proddesc p {font-size:16px; line-height:22px;}

.globaldist {color:#ffffff;margin-bottom:10px;margin-top: 30px;}
.gdTitle {display:inline-block; background-color:#FF3864; color:#000000; padding-left:10px; padding-right:10px;font-size:18px;}
.gdText {margin-left:5px;display:inline-block;font-size:18px;font-weight: 300;}

.prodmeta {padding-bottom:50px;line-height: 22px; width:80%; text-align:left;font-size: 18px;}
.proddescription { width:90%; }
.prodvideo {margin:0 auto;position: relative; padding-bottom: 56.25%; /* 16:9 */height: 0;margin-top: 50px;}
.prodvideo iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.proddivider {width:200px; height:1px; background-color:#13CDB6;margin-top:65px; margin-bottom:35px;}

.quotelink {padding-top: 25px;padding-bottom: 15px;}
.quotelink a {color:#13CDB6; text-decoration:underline;}

.prodaccolades {padding-bottom:30px;max-width:900px; margin:0 auto;}
.prodcredits {padding-bottom:30px;max-width:900px; margin:0 auto;}

.prodimages {float:left;}

.thepagetitle {width:70%;left:15%;text-align:center;position:fixed;top:10px;color:#14cdb6;z-index:55;text-shadow: 0px 0px 18px rgba(0,0,0,0.3);}
.thepagetitleprogs {width:70%;left:15%;text-align:center;position:fixed;top:10px;color:#14cdb6;z-index:55;text-shadow: 0px 0px 18px rgba(0,0,0,0.3);}
.thepagetitlecontent {width:70%;left:15%;text-align:center;position:fixed;top:10px;color:#14cdb6;z-index:55;text-shadow: 0px 0px 18px rgba(0,0,0,0.3);}

.imageWrapper {
  width:92%;
  position: relative;
  height: auto;
}

.videoWrapper {
  width:92%;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.newsdata {width:92%; margin:0 auto;padding:20px;overflow: hidden;display: block;}
.newsdata .videoWrapper {
  width:100%;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

.prodvideo p {display:none;}

.newsdata .nDate {font-size:22px;padding-bottom:5px;}

.newsnav { position: absolute; top: 15px; right: 10px;}

.newsdata h2 {line-height: 40px;text-align:left;margin-top:0px;padding-top:0px;margin-bottom:0px;padding-bottom:2px;font-size: 2.4em;}
.newsdesc {width:70%;padding-bottom: 10px;padding-top: 15px;}
.socialShare {width:100%; border-top:1px solid #ffffff;margin-top:15px;padding-top:30px;}

.sharetext {float:left; width:auto; height:25px;padding-top:0px;}
.shareIco {float:left; width:25px;height:25px;}

.youmightlike {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
grid-auto-rows: 1fr;
}
.yml {/*width:30.5%;*/ position:relative;display:inline-block; border:0px solid white;overflow: hidden;}
.yml img{width:100%;height:auto;opacity:0.3;transition-duration: 0.3s;}
.yml img:hover{width:100%;height:auto;opacity:1;transform: scale(1.1);}
.yml .title {position:absolute; width:80%;/*left:10%; top:35%;*/text-align:center; font-size:20px;line-height:30px;left: 50%; top: 50%; transform: translate(-50%,-50%);}
.yml img:hover + .title {display:none;}


.valign {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    /* vendor prefixes omitted due to brevity */
}
/*team page*/
.teamDesktop {display:block;}
.teamMobile {display:none;}


.teambox {width: 31%; margin:1%; height:auto; position:relative; display:inline-block;opacity:1;transition-duration: 0.3s;overflow: hidden;}
/*.teambox:hover {opacity:1;}*/
.teambox img {width:100%; height:auto;transition-duration: 0.3s;}
.teambox img:hover {width:100%; height:auto; opacity:0.2;transform: scale(1.1); }
.teambox .name {text-align:left; font-size:20px; font-weight:500;margin-top:15px; color:#b5b5b5!important;}

.biogbox {width: 88%; margin:1%; padding:5% 5%; height:auto; position:relative;background-color:#000000; display:none; -webkit-column-count:3;
 -moz-column-count:3;
 column-count:3;
 -moz-column-gap:30px; /* Firefox */
  -webkit-column-gap:30px; /* Safari and Chrome */
  column-gap:30px;}
.biog {color:#ffffff;}
.biog p {margin-top:0px; }

.biogclose {width:18px;height:18px;position:absolute; right:10px; top:10px;cursor: pointer;}

.biogoverlay {position:fixed; top:0px; left:0px; width:100%; height:100vh; background-color: rgba(50,50,50,0.96); display:none; z-index: 10; overflow-x: scroll;}
#biogwrap {position:relative;margin:0 auto;max-width:800px;margin-top:15%;}
.namespan {color:#ffffff;font-weight:600;}
.biogoverlay .namespan {color:#13cdb6;font-weight:600;}

/*News page*/
.newsbox {width: 31%; margin:1%; height:auto; position:relative; display:inline-block; vertical-align: top;margin-bottom: 35px;}
.newsbox img {width:100%; height:auto;transition-duration: 0.3s;}
.newsbox img:hover {width:100%; height:auto; opacity:0.2;transform: scale(1.1); }
.newsbox .name {text-align:left; font-size:18px;}
.nDate {font-size:15px;color:#13cdb6;margin-top:13px;}


.nTitle {font-size:20px; color:#ffffff;}
.nTitle a {color:#ffffff;}
.nTitle a:hover{color:#13cdb6;}
.nExcerpt {margin-top:10px; color:#b4b4b4;}
.nExcerpt p {font-size:17px; line-height:24px;}

.newsitemtitle {width:70%;text-align:left;line-height:1.2em;padding-top: 0px;margin-top: 5px;font-size: 35px;margin-bottom: 40px;}
.newstextwrap {width:70%;}

.newstextwrap p {line-height:30px;font-weight:300;}

.minidivider {width:120px; height:1px; background-color: #13cdb6;margin-top:40px; margin-bottom:30px;}
.single-pressquotes .minidivider {width:120px; height:2px; background-color: #13cdb6;margin:0 auto;margin-top:40px; margin-bottom:30px;}


/*contact style */
.address {padding-top:5px;width:90%;margin-top:100px;padding-bottom: 30px;}
.address p a {color:#eaaa02!important;}
.social {padding-top:15px;width:90%;padding-left: 5px;margin-top:20px; margin-bottom:20px;overflow: hidden;}
.social img {width:auto; height:23px; display:inline-block;margin-right: 5px;vertical-align: middle;}
/*.map {}
.map img {width:97%;}*/

.map1 {width:97%;height:375px;}
.map1 img {width:97%;height:450px;}

.map2 {width:97%;height:375px;}
.map2 img {width:97%;height:450px;}


#contactform {max-width:550px; margin:0 auto;}

#contactform input {width:97%; padding:10px;margin:0 auto;margin-bottom:15px!important; border:0px;clear:left;font-size: 16px;}
#contactform textarea {width:97%; padding:10px;margin:0 auto;margin-bottom:15px!important; border:0px; clear:left;height:130px;font-size: 16px;}

input, select, textarea {
    font-family: 'Roboto', sans-serif;
}
::-webkit-input-placeholder {
    font-family: 'Roboto', sans-serif;
}
:-moz-placeholder {
    font-family: 'Roboto', sans-serif;
}
::-moz-placeholder {
    font-family: 'Roboto', sans-serif;
}
:-ms-input-placeholder {
    font-family: 'Roboto', sans-serif;
}

/*footer style */
.footer {background-color:#13cdb6; width:100%; height:auto; color:#000000;padding-top:20px;padding-bottom:20px;overflow:hidden;display:block;position:relative; bottom:0px;}
.footer a {color:#000000;}
.footer a:hover {color:#ffffff;}
.footer .content {width:92%!important;margin:0 auto;}

.ftcol {width:33%; float:left; color:#000000; font-size:14px;}
.ftcol a {color:#000000; text-decoration: none;}


.gdpr {display:none;position:fixed;bottom:0px;height:auto;padding-top:30px; padding-bottom:30px;z-index:100;text-align:center;width:100%;background-color:#2f2f2f;line-height: 33px;}
.accept {padding:12px 12px; background-color:#13cdb6; color:#ffffff;margin-left: 12px;margin-right: 12px;}
.accept:hover {background-color:#13cdb6;color:#000000;}
.gdpr a {color:#ffffff;}

table{
border-collapse:collapse;
border:1px solid #b5b5b5;
}

table td{
border:1px solid #b5b5b5;
}

/*.page-template-template-contact .footer {display:block;position:fixed; bottom:0px;}|*/
.page-template-template-home .footer {display:none;position:fixed; bottom:0px;}
.page-template-template-contact section {padding-top:180px; padding-bottom:50px;overflow: hidden;}
.page-template-template-contact .content {max-width: 1140px;}
.page-template-template-contact .content p {font-size:18px;}

@media only screen and (max-width: 1440px) {
.content {max-width:1140px; margin:0 auto;padding-left:40px;padding-right:40px;position:relative;}
.newsnav { position: absolute; top: 15px; right: 30px;}
}

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

  .newsitemtitle {width:95%;text-align:left;line-height:1.2em;}
  .newstextwrap {width:95%;}

  .teambox {width: 47.5%; margin:1%; height:auto; position:relative; display:inline-block;opacity:1;transition-duration: 0.3s;overflow: hidden;}

}

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

	.pressquotewrap {width:100%;float:left;padding:0%;text-align:center;padding-bottom:50px;margin:0 auto;display:inline-block;padding-top:0px;}
	.centralline {width:1px; background-color:#13cdb6;position:absolute;left:50%;height:100%;display:none;}
	.pressquoteimg {width:100%;}

  .quotesgrid {
  display: block;
  grid-template-columns: repeat(1, 1fr);
  gap: 30px;
  grid-auto-rows: 1fr;
  }

  .youmightlike {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 30px;
  grid-auto-rows: 1fr;
  }

  .pressquotewrap:nth-child(odd) p { width: 85%; float:none;}
  .pressquotewrap:nth-child(even) p { width: 85%; float:none;}

}

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

  .ff-slideshow {
    padding-top: 0px!important;
  }

  /*.filmbox {width: 47.5%; margin:1%; height:auto; position:relative; display:inline-block;}*/

  .col50 {width:98%;margin:1%;float:left;}
  .prodimages img {width:100%!important;}
  .proddesc h2 {
    text-align: left;
    margin-top: 0px;
    line-height: 1em;
}
  .videoWrapper {
    width:100%;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
  }
  .prodimages {
    padding-top: 10px;
}

  .map img {width:100%; padding-bottom:30px;}
  .map {padding-bottom:30px;padding-top:20px;}

  .page-template-template-contact .footer {display:block;position:relative;}

  /*.teambox {width: 30.8%; margin:1%; height:auto; position:relative; display:inline-block;opacity:0.7;transition-duration: 0.3s;}*/
  .biogbox {width: 88%; margin:1%; padding:5% 5%; height:auto; position:relative;background-color:#000000; display:none; columns: 2;}

  .newsdesc {width:100%;}

  .newsbox {
    width: 47.5%;
    margin: 1%;
    height: auto;
    position: relative;
    display: inline-block;
    vertical-align: top;
}



.accept {padding:3px 12px; background-color:#13cdb6; color:#ffffff;margin-left: 12px;margin-right: 12px;}
.accept:hover {background-color:#ffffff;color:#000000;}

.page-template-template-aboutus .proddescription {padding-bottom:30px; border-top:0px solid #b5b5b5; width:95%; padding-left:0px;}
.page-template-template-aboutus .watermarklogo {padding-left:0px;margin-bottom:50px;width:170px;}

#biogwrap {
    position: relative;
    margin: 0 auto;
    max-width: 800px;
    margin-top: 15%;
    padding-left: 25px;
    padding-right: 25px;
}

.biogclose {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 40px;
    top: 10px;
    cursor: pointer;
}

.single-newsitems section {padding-top:100px;}

}

@media only screen and (max-width: 710px) {
/*.teambox {width: 47.5%; margin:1%; height:auto; position:relative; display:inline-block;opacity:1;transition-duration: 0.3s;overflow: hidden;}*/
.teambox .name {font-size:18px;}

#filmboxes {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
  grid-auto-rows: 1fr;
}
}

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

.mobbut {top:21px;}


  .social {
      padding-top: 15px;
      width: 90%;
      padding-left: 5px;
      margin-top: 20px;
      margin-bottom: 0px;
      overflow: hidden;
  }

  .page-template-template-beontv .thepagetitle {display:none;}
  .instatitle {font-size:1.2em;background-position: 0px 15px;line-height: 24px;}

  .floatysocials {
    position: fixed;
    right: 31px;
    bottom: 20px;
    width: auto;
    height: auto;
    background-color: #13cdb6;
    padding: 8px;
    z-index: 5;
}
/*.floatysocials img {width:30px;}*/

.instico {width:30px;margin-bottom:10px;}
.twitico {width:24px!important; padding-left:4px;}

  .newsitemtitle {font-size:1.7em;}

  .single-newsitems p {font-size:17px; line-height:25px;}

  .single-productions .filmdata p {
    font-size: 17px!important;
    max-width: 800px!important;
    line-height: 25px;
    text-align: left;
    margin: 0 auto!important;
    font-weight: 300;
    margin-bottom: 40px !important;
}

.pressitemtitle {
    width: 100%;
    text-align: left;
    line-height: 1.2em;
    padding-top: 0px;
    margin-top: 25px;
    font-size: 1.8em;
    margin-bottom: 5px;
    color: #13cdb6;
}

.presstextwrap {
    width: 100%;
    margin: 0 auto;
}

.pressquotewrap:nth-child(odd) p { width: 95%; float:none;line-height: 28px;}
.pressquotewrap:nth-child(even) p { width: 95%; float:none;line-height: 28px;}

  #biogwrap {position:relative;margin:0 auto;width:85%;margin-top:125px;}

  .biogclose {
      width: 18px;
      height: 18px;
      position: absolute;
      right: 40px;
      top: 2px;
      cursor: pointer;
  }

  .content {max-width:1140px; margin:0 auto;padding-left:25px;padding-right:25px;}

  .mobileslide {display:block;}
  .desktopslide {display:none;}

  .slidestrap {position:absolute; left:25px;top:49%;text-align:left;color:#ffffff; font-size:3.8em; font-weight:500;z-index: 3;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
  background: transparent;
  text-shadow: 0px 0px 18px rgba(0,0,0,0.33);
  }

.slidetitle {
    position: absolute;
    right: 40px;
    bottom: 30px;
    text-align: right;
    color: #ffffff;
    font-size: 24px;
    font-weight: 300;
    z-index: 3;
}

.newsdata {width:auto; margin:0 auto;padding-top:20px;padding-bottom:20px;padding-left:0px;padding-right:0px;overflow: hidden;display: block;position: relative;}
.newsnav { position: absolute; top: 15px; right: 40px;}

.newsdata .nDate {
    font-size: 22px;
    padding-bottom: 5px;
    padding-top:10px;
}

.nExcerpt {
    margin-top: 10px!important;
    color: #b4b4b4;
}

/*.page-template-template-home .logo img {filter: brightness(0) invert(1);}*/
/*.page-template-template-home .mobbut img {width:100%;opacity: 1; height: 24px;}*/

.mobonly {display:block;}
.dtonly {display:none;}



.slidetitle {
    position: absolute;
    left: 25px;
    bottom: 90px;
    text-align: left;
    color: #ffffff;
    font-size: 24px;
    font-weight: 500;
    z-index: 3;
}

.slick-dots {
    bottom: 45px;
    left:20px;
  }



  .logo {
    float: left;
    height: 90px;
    width: 185px;
    margin-left: 25px;
    margin-top: 20px;
    position:absolute;
}
.logo img {
    margin-left: 0px;
    margin-top: 8px;
    width: 65%;
}

  .headeractive {background-color: rgba(50,50,50,0.9)!important;}

  .page-template-template-home .header {}

  .page-template-template-contact section {
      padding-top: 140px;
      padding-bottom: 60px;
  }

  .address {
    padding-top: 5px;
    width: 90%;
    margin-top: 0px;
    padding-bottom: 0px;
}

  .newsbox {
    width: 97.5%;
    margin: 1%;
    height: auto;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom:30px;
}

  .map { padding-top:20px;}

  .ftcol {width:100%; float:none; color:#000000; font-size:14px;text-align:center!important;}

  .footer .content {
    width: 92% !important;
    margin: 0 auto;
    padding: 0px;
}

  .social img {
    padding-top:5px;
    width: 25px;
    height: auto;
    display: block;
    margin-right: 12px;
    float: left;
}


.single-productions h2 {font-size:1.7em;line-height: 1.2em;}
.single-productions .filmdata {width:92%;}

.ymltitle {margin-top: 35px !important;font-size: 26px!important;padding-bottom: 30px!important;}

.prodmeta {
  padding-bottom: 40px;
  line-height: 20px;
  max-width: 900px;
  margin: 0 auto;
  text-align: left;
  font-size: 18px;
  width: 100%;
}

.proddescription {
    padding-bottom: 5px;
    max-width: auto;
    margin: 0 auto;
    width:100%;
}

/*.proddescription p {text-align:left;}*/

.prodvideo {
    margin: 0 auto;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin-top: 50px;
}

.proddivider {
    width: 200px;
    height: 1px;
    background-color: #13CDB6;
    margin-top: 15px;
    margin-bottom: 25px;
}

.single-productions .filmdata {
  width: 92%;
  margin: 0 auto;
  background-color: transparent;
  padding-top: 40px;
  padding-bottom: 60px;
}

.page-template-template-aboutus .filmdata {
    width: 92%;
    margin: 0 auto;
    padding-bottom: 60px;
}

.partsec {padding-top:0px!important;padding-bottom: 50px!important;}

.yml {width:98%; position:relative;display:inline-block; border:0px solid white;margin:1%;overflow: hidden;margin-top:25px;}
.patnerlogos {width:94%;  margin:0 auto;}

/*.menu {float:right; width:250px; margin-right:0px;padding-top:100px; background-color: rgba(20,205,182,0.9); padding-bottom:20px;opacity:1; position:fixed;top:0px;right:0px;height:100vh;}
.menu ul {}
.menu ul li {padding-right:30px;}*/


.mobbut {right:30px; width:35px; z-index: 12;}
.mobbut img {width:100%;}

.mobbutoff {width:30px!important;}


.filmboxa {
    max-width: 98%;
  }
  .filmbox {
      max-width: 98%;
    }

.filmboxa img:hover + .fdesc { width:80%; left:10%; text-align:center; font-size:16px; display:none; opacity:0;}
.filmbox img:hover + .fdesc { width:80%; left:10%; text-align:center; font-size:16px; display:none; opacity:0;}

.filmboxa img:hover + .ftitlesdata {width:96%; height:auto; position:absolute;bottom:0%;left:2%;}

.map {
     padding-bottom: 0px;
  }

  .page-template-template-contact .content p {
      padding-top: 10px!important;
      font-size: 18px;
  }

.page-template-template-aboutus .filmdata p {font-size: 18px!important;line-height: 25px!important;}

.page-template-template-aboutus .filmdata h2 {font-size:2em!important;}
.page-template-template-aboutus h2 {font-size:2em!important;}

.teambox {width: 98%; margin:1%; height:auto; position:relative; display:inline-block;opacity:1;transition-duration: 0.3s;overflow: hidden;}

#showreel {padding-top:30px!important;}

.newsnav { position: absolute; top: 15px; right: 20px;}

.productiontitle {margin-bottom:10px;padding-bottom:5px;margin-top:-15px!important;color:#14cdb6;}

}

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

.map2 {margin-top:25px;margin-bottom: 25px;}

.map1 {margin-bottom: 25px;}

  .page-template-template-beontv .header {
    width: 100%;
    height: 90px;
    background-color: rgba(50,50,50,0.85);
    z-index: 11;
    position: fixed;
    display: block;
    top: 0px;
}
.page-template-template-beontv .headersection {z-index:-1;position:fixed;top:0px;width:100%; height:49%;padding-top:0px;margin-top:90px;}

.page-template-template-team section {padding-top:90px;}
.page-template-template-team .thepagetitle {margin-top:0px;margin-bottom:30px;display:block;}
.page-template-template-team .teambox:nth-of-type(1) {margin-top:30px;}

section.contact {
  padding-top: 135px;
  padding-bottom: 50px;
}

.page-template-template-careers h2 {top: 85px;}
.page-template-template-contact h2 {top: 85px;}
.page-template-template-contact .content {padding-top:20px;}

.page-template-template-contact #documents .content {padding-top:0px;margin-top:-10px;}

.page-template-template-newsmain section {padding-top:90px;}
.page-template-template-newsmain .thepagetitle {margin-top:0px;margin-bottom:60px;display:block;}

.page-template-template-pressquotes section {
        padding-top: 90px;
    }
.page-template-template-pressquotes .thepagetitle {margin-top:0px;margin-bottom:60px;display:block;}

  .newsmaintitle {display:none;}

  .teambox {width: 100%; margin:0%; height:auto; position:relative; display:inline-block;opacity:1;transition-duration: 0.3s;margin-bottom: 25px;}
  .teambox:hover {opacity:0.6!important;}
  .biogbox {width: 84%; margin:0%; padding:8% 8%; height:auto; position:relative;background-color:#000000; display:none; columns: 1;margin-bottom: 35px;}

  .teamDesktop {display:none;}
  .teamMobile {display:block;}

.thepagetitle {width:70%;left:15%;text-align:center;position:relative;top:10px;color:#14cdb6;margin-bottom:0px;z-index:10;text-shadow: 0px 0px 18px rgba(0,0,0,0.3);}
.thepagetitleprogs {width:70%;left:15%;text-align:center;position:relative;top:80px;color:#14cdb6;margin-bottom:-20px;z-index:10;text-shadow: 0px 0px 18px rgba(0,0,0,0.3);line-height: 37px;}
.thepagetitlecontent {width:70%;left:15%;text-align:center;position:relative;top:80px;color:#14cdb6;margin-bottom:-20px;z-index:10;text-shadow: 0px 0px 18px rgba(0,0,0,0.3);}

.headersection {z-index:-1;position:fixed;top:0px;width:100%; height:49%;padding-top:0px;margin-top:100px;}
.headerpadding {padding-top:75%;}
.headerpaddingabt {padding-top:55%;}

.slidestrap {position:absolute; left:25px;top:49%;text-align:left;color:#ffffff; font-size:3em; font-weight:500;z-index: 3;
font-family: itc-avant-garde-gothic-pro, sans-serif;
font-weight: 700;
font-style: normal;
background: transparent;
text-shadow: 0px 0px 18px rgba(0,0,0,0.33);
/*-webkit-box-shadow: 0px 0px 50px 27px rgba(0,0,0,0.32);
box-shadow: 0px 0px 50px 27px rgba(0,0,0,0.32);*/
}

.biogoverlay p {font-size:19px;}

}

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

  .menu ul {
    margin-top: 15px;
}

}

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

  .slidestrap {position:absolute; left:25px;top:49%;text-align:left;color:#ffffff; font-size:2em; font-weight:500;z-index: 3;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
  background: transparent;
  text-shadow: 0px 0px 18px rgba(0,0,0,0.33);
  /*-webkit-box-shadow: 0px 0px 50px 27px rgba(0,0,0,0.32);
  box-shadow: 0px 0px 50px 27px rgba(0,0,0,0.32);*/
  }


.filmbox {width: 100%; margin:0%; height:auto; margin-bottom:20px; position:relative; display:inline-block;}
/*.filmdata {width:90%; margin:0 auto; background-color: #000000;padding:20px;overflow: hidden;display: block;}*/

/*.filmbox .ftitle {
  position: relative;
  font-weight: 300;
  opacity: 0.7;
  width: 95%;
  bottom: 0px;
  margin-top:12px;
  text-align: left;
  font-size: 18px;
  transition-duration: 0.3s;
  pointer-events: none;
  line-height: 20px;
}

.filmbox img:hover + .ftitle {position:relative; width:95%; bottom:0px; text-align:center; font-size:18px;opacity:1;margin-top:7px;text-align: left;}

.filmbox img:hover {width:100%; height:auto; opacity:0.5;transform: scale(1); }*/

/*.prodfilter {
    width: 99%;
    border-bottom: 1px solid #b5b5b5;
    text-align: center;
    margin-left: 1%;
    margin-bottom: 30px;
    height: 30px;
}*/

.pAll {width:auto;display:inline-block;z-index:5;margin-bottom:0px;font-size:15px;cursor:pointer;padding-left:10px; padding-right:10px;padding-bottom:0px;}
.pFeat {width:auto;display:inline-block; z-index:5;margin-bottom:0px;font-size:15px;cursor:pointer;padding-left:10px; padding-right:10px;padding-bottom:0px;}


}

@media only screen and (max-width: 380px) {
.newsnav { position: relative; margin:0 auto;}
.backnext {
    margin-left: 30px;
    color: #b5b5b5;
    margin-bottom: 30px;
    margin-top: -20px;
}
}

@media only screen and (max-width: 350px) {
/*.filmdata {width:86%; margin:0 auto; background-color: #000000;padding:20px;overflow: hidden;display: block;}*/
}