/* housing */
.content header,
.promo-block.promo-block--leaderboard,
.primary-nav-container,
.hero.hero--primary,
.site-logo {display: none !important;}
.mobile-menu-toggle {display: inline-block !important;margin-top: 0 !important;left: 50px !important;}
.site-masthead {min-height: 86px !important;position: static;}
.content-overlay, .mobile-nav {top: 132px;}
.content {height: auto;}
.content-overlay, .mobile-nav {display: block !important;}
body.pull-right .mobile-nav {z-index: 9;-webkit-transform: translateX(100%) !important;-ms-transform: translateX(100%) !important;transform: translateX(100%) !important;}
.site-footer .site-footer__right-content, 
.site-footer nav {background-color: inherit;width: inherit;height: inherit;line-height: inherit;}
.no-touch a:hover, a:active, a:visited {color: #fff;}

/* Overall */
html {height: 100%;min-height: 100%;margin: 0;padding: 0;background: rgba(33,32,31,1);}
body {height: 100%;min-height: 100%;margin: 0;padding: 0;background: #fff;}

.cnp {width: 100%;color: #000;-webkit-text-size-adjust: 100%;text-rendering: optimizeLegibility;}

.cnp .wrapper {width: 100%;max-width:1600px;margin:0 auto;background-color: rgba(255,255,255,1);text-align: center;}
.cnp img {width: 100%;display: block;}
.cnp p {font-family: Georgia;font-size: 21px;line-height: 40px;text-align: left;margin: 0 0 60px;}
.cnp p:last-child, .cnp p.last-one {margin: 0;}
.cnp p a {color: #000;border-bottom: 1px solid rgba(0,0,0,0.8);}
.cnp p a:hover {text-decoration: none;border-bottom: 0px solid rgba(0,0,0,0); color: #000 !important;}
.cnp p span {background-color: rgba(237,28,36,1);padding: 5px;cursor: pointer;}
.cnp p span a {color: rgba(255,255,255,1);text-decoration: none;border-bottom: 0px solid rgba(0,0,0,0);}
.cnp p span:hover {background-color: rgba(66,19,104,1);color: #fff !important;}
.cnp p span:hover a {color: #fff !important;}
.cnp p.first-line::first-letter {font-family:'DidotHTF-06Light';font-size: 234px;line-height: 179px;float: left;margin: 21px 15px 0 0;color: rgba(237,28,36,1);}

.cnp h1 {font-family:'Freeland-Regular';font-size: 100px;line-height: 95px;margin: 0;max-width: 850px;width: 100%;position: absolute;bottom: 100px;right: 90px;}
.cnp h1 span {font-size: 142px;line-height: 145px;}
.cnp h2 {color: rgba(0,0,0,1);font-family:'VFSans-Book';font-size:14px;line-height:16px;letter-spacing:0.2px;text-transform:uppercase;margin: 40px auto;width:600px; text-align:center;display: inline-block;}
.cnp h2 span {color: rgba(237,28,36,1);}
.cnp h3 {font-family:'DidotHTF-16LightItalic';font-size: 50px;line-height: 56px;margin: 0;width: 100%;text-align: left;margin: 0 0 35px; font-style:italic;}
.cnp h4 {font-family:'VFSans-Book';font-size: 26px;line-height: 33px;letter-spacing:0.45px;margin: 0;width: 100%;color: rgba(237,28,36,1);text-align: left;}
.cnp h5 {font-family:'Freeland-Regular';font-size: 44px;line-height: 53px;margin: 0 0 55px;width: 100%;color: rgba(0,0,0,1);}

.element-animation {
  animation: animationFrames linear 7s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 7s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 7s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 7s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 7s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames{
0% {opacity:0;}
84% {opacity:0;}
100% {opacity:1;}
}

@-moz-keyframes animationFrames{
0% {opacity:0;}
84% {opacity:0;}
100% {opacity:1;}
}

@-webkit-keyframes animationFrames {
0% {opacity:0;}
84% {opacity:0;}
100% {opacity:1;}
}

@-o-keyframes animationFrames {
0% {opacity:0;}
84% {opacity:0;}
100% {opacity:1;}
}

@-ms-keyframes animationFrames {
0% {opacity:0;}
84% {opacity:0;}
100% {opacity:1;}
}

.cnpcontent {width:100%;max-width: 1600px;margin: auto;}

.clear {clear: both;}

::selection {background-color: rgba(237,28,36,1);color: #fff; }
::-moz-selection {background-color: rgba(237,28,36,1);color: #fff; }

.transition03 {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.transition05 {-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.transition07 {-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;}
.transition1 {-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}

.to-the-top {margin: 0;position: fixed;bottom: -15px;right: 15px;width: 30px;height: 30px;border-radius: 50%;background-color: rgba(237,28,36,1);z-index: 9999;visibility:hidden; opacity: 0;}
.to-the-top a {width:100%;height: 100%;display: block;color: rgba(255,255,255,1);text-transform: uppercase;font-size: 23px;line-height:26px;letter-spacing: 1px;text-align: center;}
.to-the-top-scrolled {visibility: visible; opacity: 1;bottom: 10px;}
.to-the-top:hover {background-color: rgba(255,255,255,1);}
.to-the-top:hover a {color: rgba(237,28,36,1);}

.onecolumn {max-width: 600px;}
.twocolumns {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 53px;-moz-column-gap: 53px;column-gap: 53px;}
.threecolumns {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;-webkit-column-gap: 53px;-moz-column-gap: 53px;column-gap: 53px;}

/* Top Share Icons */
.topshare {width:100%;/*height:132px;*/height:46px;background-color: rgba(33,32,31,1);text-align: center;position:relative;z-index: 9999999;}
.topshareinner {-webkit-transform: translate(-50%, -50%);}
.topshareinner {-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);margin: 0;position:absolute;/*top: 50%;*/top: -50%;left:50%;width: 510px;}
.topshareinner img {max-width: 225px;margin: 0px auto;float:left;}
.topshareinner p {color: rgba(255,255,255,1);font-family:'VFSans-Book';font-size:16px;line-height:30px;letter-spacing:0.5px;text-transform:uppercase;float:right;margin: 11px 0 0 !important;}

#hero {background-size: cover;background-position: top center;color: #ffffff;text-align: center;position: relative;overflow: hidden;height: calc(100vh - 130px);height: -o-calc(100vh - 130px);height: -webkit-calc(100vh - 130px);height: -moz-calc(100vh - 130px);padding: 0px;/* 0 55%*/}
#hero .video-wrap {position: absolute;z-index: 100;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;}

#hero .video-wrap video {-webkit-transform: translate(-50%, 0%);}
#hero .video-wrap video {-ms-transform: translate(-50%, 0%);transform: translate(-50%, 0%);margin: 0;position:absolute;top: 0%;left:50%;width: 100%;min-height: 100%;}

#hero.large {padding: 140px 0;}
#hero .scroll-to {position: absolute;left: 50%;bottom: 60px;width: 28px;height: 17px;outline: none !important;margin-left: -14px;z-index: 500;}
#hero .inner {max-width: 650px;margin: 0 auto;position: relative;z-index: 300;text-shadow: 1px 1px 5px rgba(0,0,0,0.7); }

.video-feature {position: relative;height: auto;overflow: hidden;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;opacity: 0;}/* 750px */
.video-feature.show {opacity: 1;}
.video-feature .scroll-to {position: absolute;left: 50%;bottom: 60px;width: 28px;height: 17px;outline: none !important;margin-left: -14px;z-index: 500;}   
.video-feature.reverse .product-feature {right: auto;left: 0;}
.video-feature.reverse .video-content {left: auto;right: 90px;}
.video-feature.activated .video-control .hover {height: 66px;width: 66px;top: 0;left: 0;margin: 0;}
.video-feature .video-wrap {z-index: 10;position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;}
.video-feature .video-wrap video {width: 100%;height: auto;position: absolute;top: 0;left: 0;margin: 0 0 -5px;}
.video-feature .tablet-content .scroll-to {width: 32px;height: 17px;position: absolute;left: 50%;margin-left: -16px;cursor: pointer;bottom: 25px;outline: none !important;z-index: 4000;}
.video-feature .video-content {position: absolute;top: 0px;left: 0px;z-index: 5000;width: 100%;height: 100%;}
.video-feature .video-control {width: 70px;height: 70px;background-color: rgba(255,255,255,0.5);background-repeat: no-repeat;background-position: center center; -webkit-border-radius: 150px;-moz-border-radius: 150px;border-radius: 150px;cursor: pointer;position: absolute;z-index: 101;z-index: 5000;bottom: 50px; margin-top: 0px;left: 50px;z-index: 99999999;}
.video-feature .video-control:hover {background-color: rgba(255,255,255,0.3);}   
.video-feature .video-control.finished {}
.video-feature.reverse .video-control {left: auto;right: 90px;}

.video-feature .video-control {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);}
.video-feature .video-control:before {content: "\f0da";color: #fff; line-height:70px;font-size:50px;padding: 0 0 0 3px;}

.big-part {width:100%;max-width:100%;background-color: rgba(255,255,255,1);text-align: center;position:relative;padding: 55px 8.4% 240px;margin: 0 auto;}
.big-part .col-left {width:45.5%;float:left;padding: 0;height: 0;position: relative;}
.big-part .col-left .big-part-video {height: 0;padding: 0 0 100% 0;bottom: -200px;position: absolute;width: 100%;}
.big-part .col-left .col-left-quote {width: 100%;height: 190px;z-index: 99999999999;position: absolute;top: 28%;}
.big-part .col-right {width:45.5%;float:right;text-align: left;}
.big-part .col-right .logo-netflix {width:100%;max-width:92px;margin: 0 10px 45px 0;display: inline-block;}
.big-part .col-right .logo-marvel {width:100%;max-width:55px;margin: 0 10px 45px 0;display: inline-block;}
.big-part .col-left-mobile {display:none;}

.sharethis {text-align:left;}
.sharethis p {display: inline-block;color: rgba(237,28,36,1);font-family: 'VFSans-Book';font-size: 16px;line-height: 30px;letter-spacing: 0.5px;text-transform: uppercase;margin: 0 20px 0 0;}
.sharethis a {text-align: center;margin: 0 10px 0 0;width: 30px;height: 30px;background-color: rgba(237,28,36,1);display: inline-block;border-radius: 50%;line-height: 31px;color: #fff;}
.sharethis a:hover {background-color: rgba(237,28,36,0.6);}

.you-dont {width:100%;text-align: center;padding: 147px 0; background-image:url(../img/bg-01.jpg);background-position: center;background-size:cover;position:relative;}
.you-dont .space-left {width:8.4%;float:left;}
.you-dont .col-left {width:37.5%;float:left;height: 0;padding: 0 0 43% 0;}
.you-dont .col-left .col-left-quote {display:none;}
.you-dont .col-left h3 {color: rgba(255,255,255,1);}
.you-dont .space-middle {width:8.2%;float:left;}
.you-dont .col-right {width:37.5%;float:left;text-align: left;}
.you-dont .col-right p {color: rgba(255,255,255,1);}
.you-dont .col-right p.first-line::first-letter {font-size: 136px;line-height: 110px;margin: 10px 15px 0 0;}
.you-dont .space-right {width:8.4%;float:left;}

.jessica-walks-mobile {display:none;}

.but-who-is {width:100%;text-align: center;padding: 0 0 37%;position: relative;}
.but-who-is .container {width: 100%;max-width: 100%;position: absolute;top: 200px;left: 0;}
.but-who-is .jessica-walks {width: 100%;max-width: 100%; text-align:right;padding: 0 0 100px;}
.but-who-is .jessica-walks img {width: 46%;display: inline-block;}
.but-who-is .col-left {width: 40%;float: left;margin: 0 0 0 8.4%;padding: 30% 0 0;position: relative;}
.but-who-is .col-left-quote h3 {margin: 0 0 20px;}
.but-who-is .col-right {width:45.8%;float:right;text-align: left;}
.but-who-is-video video {width:100%;}
.but-who-is h3 {margin: 0 0 35px;}
.but-who-is .col-right .col-right-quote {display:none;}

.but-who-is-mobile, .col-right-mobile, .onecolumn-mobile {display:none;}

.cd-hero-slider {position: relative;width: 100%;height: 0;padding: 0 0 95%;overflow: hidden;background-color: rgba(255,255,255,0);}
.cd-hero-slider .cd-full-width {position: absolute;width: 100%;height: 100%;z-index: 1;left: 0;top: 200px;padding-top: 0px;text-align: center;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);}
.cd-hero-slider .cd-bg-video-wrapper {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;background-color: rgba(255,255,255,1);}
.cd-hero-slider .cd-bg-video-wrapper video {display: block;min-height: 71%;min-width: 100%;max-width: none;height: auto;width: auto;position: absolute;left: 50%;top: 0%;bottom: auto;right: auto;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}

.kilgrave-video {margin:200px 0 0;background-color: rgba(255,255,255,1);}
.kilgrave {width:100%;text-align: center;padding:200px 0;background-color: rgba(255,255,255,1);position:relative;}
.kilgrave .col-left {width:50%;float:left;height: auto;margin: 0;}
.kilgrave .col-left .top-img {max-width: 90%;margin: 0 auto;}
.kilgrave .col-left .bottom-img {margin: 80px 0 0 0;}
.kilgrave .col-right {width:37.5%;margin: 0 8% 0 0;float:right;text-align: left;}
.kilgrave .col-right p.first-line::first-letter {font-size: 123px;line-height: 110px;}
.kilgrave .space-right {width:8.4%;float:left;}
.kilgrave-video-small {width: 90%;text-align: right;display: inline-block;}
.kilgrave-video-small video {width:100%;}
.kilgrave .col-right .bottom-img, .hide-me-desktop {display:none;}

.collage {width:100%;text-align: center;padding: 0;background-image:url(../img/bg-01.jpg);background-position: center;background-size:cover;position: relative;}
.collage .box-video {-webkit-transform: translate(-50%, -50%);}
.collage .box-video {-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);margin: 0;position:absolute;width:100%;border: 7px solid rgba(222,206,189,1);box-sizing: content-box;-webkit-box-shadow: 6px 6px 14px 0px rgba(0, 0, 0, 0.55);-moz-box-shadow: 6px 6px 14px 0px rgba(0, 0, 0, 0.55);box-shadow: 6px 6px 14px 0px rgba(0, 0, 0, 0.55);cursor: pointer;}
.collage .pervy {max-width:384px;top: 38%;left: 27.5%;}
.collage .alias {max-width:240px;top: 35%;left:50.5%;}
.collage .going {max-width:400px;top: 26%;left: 74.5%;}
.collage .neighbours {max-width:370px;top: 70%;left: 45%;}
.collage .trailer {max-width:310px;top: 64%;left: 70.5%;}
.collage .play-btn {position: absolute;left: 50%;top: 50%;width: 84px;height: 84px;margin: -42px 0 0 -42px;background: rgba(255,255,255,0.5);border-radius: 50%;}
.collage .box-video:hover .play-btn {background: rgba(255,255,255,0.2);}
.collage .play-btn i  {color: rgba(255,255,255,1);font-size: 63px;line-height: 84px;padding: 0 0 0 7px;}
.collage h6 {margin: 0;position: absolute;left: 10px;bottom: 10px;font-family: 'VFSans-Medium';font-size: 26px;line-height: 26px;letter-spacing: 0.5px;color: rgba(255,255,255,1);}
.collage-desktop {display: block !important;}
.collage-tablet {display: none !important;}
.collage-mobile {display: none !important;}

.gallery {display: none !important;}

.character {width:100%;text-align: center;padding:0;background-color: rgba(255,255,255,1);position:relative;}
.character01 {margin:0px 0 150px;padding:200px 0 0px;}
.character02 {margin: 0;padding: 200px 0;}
.character .col-left {width:47%;float:left;height: auto;}
.character .col-left .bottom-img {margin: 240px 0 0 0;}
.character .col-right {width:37.5%;margin: 0 8% 0 0;float:right;text-align: left;}
.character .col-right p.first-line::first-letter {font-size: 123px;line-height: 110px;}
.character .col-right h3 {margin: 150px 0 35px;}
.character .col-right .bottom-img {display: none;}
.character .space-right {width:8.4%;float:left;}
.character-box {border:3px solid rgba(0,0,0,1);margin: 0 0 0 5.8%;position: relative;padding: 55px 50px 150px;height: 0;padding-bottom: 58%;}
.character-box h5 {background: rgba(255,255,255,1);position: absolute;left: 50%;top: -50px; display: block;padding: 10px 0 0 0;width: 380px;margin: 0 0 0 -190px;text-align: center;}
/*.character02 .character-box h5 {width: 410px;margin: 0 0 0 -205px;}

.character-box h5 {background: rgba(255,255,255,1);position: absolute;left: 30px;top: -50px;display: block;padding: 10px 0 0 0;width: 370px;margin: 0 0 0 0;text-align: center;}
.character02 .character-box h5 {width: 410px;}
*/

.character-box h4 {font-family: 'VFSans-Medium';font-size: 32px;line-height: 32px;letter-spacing: 0.15px;margin: 0 0 40px;}
.character-box p {font-family:'VFSans-Book';font-size: 21px;line-height: 40px;letter-spacing: -0.1px;text-align: justify;}
.character-box .bttns {-webkit-transform: translate(-50%, -50%);}
.character-box .bttns {-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);margin: 0;position:absolute;top: 100%;left:50%;width: 100%;}
.character-box .bttn {margin: 0 18px 0 0;width: 180px;height: 180px;padding: 0;display: inline-block;cursor:pointer;position: relative; background: rgba(255,255,255,1);}
.character-box .jeri-btn, .character-box .katniss-btn {margin: 0;}
.character-box .bttn img {border-radius: 50%;opacity:0.3;}
.character-box .less, .character-box .more {width: 45px;height: 45px;background: rgba(255,255,255,1);position: absolute;top: 0;right: 0; border-radius: 50%;-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);}
.character-box .less, .character-box .less img, .character-box .active .more {opacity:0;}
.character-box .more, .character-box .more img, .character-box .bttn:hover img, .character-box .active img, .character-box .active .less {opacity:1;}


.bottom-img-mobile {display: none !important;}

.show-me-please {-webkit-transform: translate(-50%, -50%);}
.show-me-please {-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);margin: 0;position:absolute;top: 40%;left:50%;width: 85%;}
.show-me-please {overflow: hidden;visibility: visible;opacity: 1;transition: opacity 0.3s linear;}
.hide-me-please {overflow: hidden;visibility: hidden;opacity: 0;transition: visibility 0s 0.3s, opacity 0.3s linear;}
.hide-me-please > div {margin-top: -10000px;}

.god-didnt {width:100%;text-align: center;padding: 0 0 60%;}
.god-didnt .cd-full-width { top: 0;}
.god-didnt .col-left-quote {-webkit-transform: translate(-50%, -50%);}
.god-didnt .col-left-quote {-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);margin: 0;position:absolute;top: 50%;left:28%;}
.god-didnt .col-left-quote h3 {margin: 0 0 20px;color: rgba(255,255,255,1);}

/* Bottom Social Icons */
.bottomsocial {width:100%;height: 180px;padding: 0;text-align: center;background-image:url(../img/footer-bg-2200.jpg);background-position:center;background-size:cover;background-repeat:repeat; position:relative;}
.bottomsocialwrapper {width: 100%;max-width: 1600px;margin: 0 auto;height: 180px;position: relative;}
.bottomsocialinner {-webkit-transform: translate(-50%, -50%);}
.bottomsocialinner {-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);margin: 0;position:absolute;top: 50%;left:50%;width: 80%;border-top:2px solid rgba(255,255,255,1);border-bottom:2px solid rgba(255,255,255,1);padding: 30px 0;}

.footer-left {float:left;}
.footer-left img {max-width:135px;opacity: 1;}
.footer-left a:hover img {opacity: 0.7;}
.footer-middle {-webkit-transform: translate(-50%, -50%);}
.footer-middle {-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);margin: 0;position:absolute;top: 50%;left:50%;}
.footer-middle p {display: inline-block;color: rgba(255,255,255,1);font-family:'VFSans-Book';font-size:16px;line-height:30px;letter-spacing:0.5px;text-transform:uppercase;margin: 0 20px 0 0px;}
.footer-middle a {display: inline-block;width: 30px;height: 30px;vertical-align: bottom;margin: 0 10px 0 0px;}
.footer-middle img {max-width:30px;display: inline-block;opacity: 1;}
.footer-middle a:hover img {opacity: 0.7;}
.footer-right {float:right;}
.footer-right img {max-width:112px;opacity: 1;}
.footer-right a:hover img {opacity: 0.7;}
.footer-tablet {display:none;}
.footer-mobile {display:none;}

/* YouTube Video Settings */
.cnpvideo {width:100%;margin:0px;}
.video-start {position: absolute;display: block;top: 50%;left: 50%;height: 100px;width: 100px;margin: -50px 0 0 -50px;background-color:#fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;cursor: pointer;}
.video-start i {font-size: 100px;line-height: 100px;}
.video-start:hover i {opacity: 0.8;}
.video-cover {background-image: none;position: absolute;height: 100%;width: 100%;display: block;}

/* VIDEOS */
.js-video {height: 0;padding-top: 0px;padding-bottom: 67.5%;position: relative;}
.js-video.vimeo {padding-top: 0;}
.js-video.widescreen {padding-bottom: 56.25%;}
.js-video embed,
.js-video iframe,
.js-video object,
.js-video video {top: 0;left: 0;width: 100%;height: 100%;position: absolute;}

/* Responsive */
.vjs-container-intrinsic-ratio {position: relative;padding-bottom: 56.25%;height: 0;}
.vjs-container-intrinsic-ratio .video-js {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.vjs-container-static {height: 500px;}

.show-on-small {display: none !important;}
.show-on-med {display: none !important;}
.show-on-big {display: initial !important;}

.hrparapink {border-bottom: 10px solid #f0f0f0;/*max-width: 1920px;*/height: 425px;margin: 0 auto;}

/* ----- Videos PopUps ----- */
.video-overlay-incident, .video-overlay-broken-people, .video-overlay-pervy, .video-overlay-alias, .video-overlay-going, .video-overlay-neighbours, .video-overlay-trailer, .video-overlay-drinking-under, .video-overlay-digestive-biscuit {position:fixed;top:0;left: 0px;width: 100%;height: 100%;background: rgba(0,0,0,0.8);z-index: 9999999;visibility:hidden;opacity:0;}
.video-overlay-incident-wrapper, .video-overlay-broken-people-wrapper, .video-overlay-pervy-wrapper, .video-overlay-alias-wrapper, .video-overlay-going-wrapper, .video-overlay-neighbours-wrapper, .video-overlay-trailer-wrapper, .video-overlay-drinking-under-wrapper, .video-overlay-digestive-biscuit-wrapper {-webkit-transform: translate(-50%, -50%);}
.video-overlay-incident-wrapper, .video-overlay-broken-people-wrapper, .video-overlay-pervy-wrapper, .video-overlay-alias-wrapper, .video-overlay-going-wrapper, .video-overlay-neighbours-wrapper, .video-overlay-trailer-wrapper, .video-overlay-drinking-under-wrapper, .video-overlay-digestive-biscuit-wrapper {-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);margin: 0;position:absolute;top: 50%;left:50%;background: rgba(0,0,0,1);width:100%;padding: 3% 4.5%;max-width: 1150px;z-index: 99999999999999999999999999;}
.video-overlay-incident.show-me-off, .video-overlay-broken-people.show-me-off, .video-overlay-pervy.show-me-off, .video-overlay-alias.show-me-off, .video-overlay-going.show-me-off, .video-overlay-neighbours.show-me-off, .video-overlay-trailer.show-me-off, .video-overlay-drinking-under.show-me-off, .video-overlay-digestive-biscuit.show-me-off {visibility: visible;opacity:1;z-index: 9999999999;}

.close-incident, .close-broken-people, .close-pervy, .close-alias, .close-going, .close-neighbours, .close-trailer, .close-drinking-under, .close-digestive-biscuit {position:absolute;top:25px;right: 25px;width:17px;height:17px;background-color: rgba(255,255,255,0);z-index: 999999;cursor:pointer;border-radius:50%;}
.close-incident img, .close-broken-people img, .close-pervy img, .close-alias img, .close-going img, .close-neighbours img, .close-trailer img, .close-drinking-under img, .close-digestive-biscuit img {max-width:17px;}
.close-incident:hover, .close-broken-people:hover, .close-pervy:hover, .close-alias:hover, .close-going:hover, .close-neighbours:hover, .close-trailer:hover, .close-drinking-under:hover, .close-digestive-biscuit:hover {background-color: rgba(255,255,255,0.5);}

/* ----- Media Queries to copy and paste ----- */
@media only screen and (max-width: 1599px) {
.video-overlay-incident, .video-overlay-digestive-biscuit, .video-overlay-broken-people, .video-overlay-drinking-under {height: calc(100vh);height: -o-calc(100vh);height: -webkit-calc(100vh);height: -moz-calc(100vh);}
.video-overlay-digestive-biscuit-wrapper, .video-overlay-broken-people-wrapper, .video-overlay-drinking-under-wrapper {top: 50%;}
.onecolumn {max-width: 82%;}
.collage .pervy {max-width: 23.4%;}
.collage .alias {max-width: 14.3%;}
.collage .going {max-width: 24.4%;}
.collage .neighbours {max-width: 22.5%;}
.collage .trailer {max-width: 18.7%;}
.character-box .bttn {width: 25.905%;height: auto;}
.character-box {padding-bottom: 80%;}
.show-me-please {top: 45%;}
.bottomsocial {height: 180px;padding: 0;} 
body {background: rgba(33,32,31,1);}
#hero .video-wrap video {-webkit-transform: translate(-50%, -50%);}
#hero .video-wrap video {-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);margin: 0;position:absolute;top: 50%;left:50%;width: 100%;min-height: 100%;}
}

@media only screen and (max-width: 1580px) {
.but-who-is {padding: 0 0 38%;}
.big-part .col-left .col-left-quote {top: 57%;}
}
@media only screen and (max-width: 1560px) {
.but-who-is {padding: 0 0 39%;}
}
@media only screen and (max-width: 1540px) {
.but-who-is {padding: 0 0 40%;}
}
@media only screen and (max-width: 1520px) {
.but-who-is {padding: 0 0 41%;}
}
@media only screen and (max-width: 1500px) {
.but-who-is {padding: 0 0 43%;}
}
@media only screen and (max-width: 1480px) {
.but-who-is {padding: 0 0 51%;}
}
@media only screen and (max-width: 1460px) {
.but-who-is {padding: 0 0 52%;}
#hero {padding: 0px 0 56%;height: auto;}
}
@media only screen and (max-width: 1440px) {
.but-who-is {padding: 0 0 53%;}
}
@media only screen and (max-width: 1420px) {
.but-who-is {padding: 0 0 54%;}
}
@media only screen and (max-width: 1400px) {
.but-who-is {padding: 0 0 55%;}
}
@media only screen and (max-width: 1380px) {
.but-who-is {padding: 0 0 56%;}
}
@media only screen and (max-width: 1360px) {
.but-who-is {padding: 0 0 57%;}
}
@media only screen and (max-width: 1340px) {
.but-who-is {padding: 0 0 59%;}
}
@media only screen and (max-width: 1320px) {
.but-who-is {padding: 0 0 60%;}
}
@media only screen and (max-width: 1300px) {
.but-who-is {padding: 0 0 64%;}
}

@media only screen and (max-width: 1279px) {
.but-who-is {padding: 0 0 47%;}
.cnp h1 {font-size: 70px;line-height: 65px;bottom: 55px;right: 40px;max-width: 700px;}
.cnp h1 span {font-size: 112px;line-height: 115px;}
.cnp h3 {font-size: 36px;line-height: 44px;font-style:italic;}
.cnp h4 {font-size: 22px;line-height: 28px;}
.cnp h5 {font-size: 34px;line-height: 42px;}
.cnp p {font-size: 18px;line-height: 34px;margin: 0 0 40px;}
.cnp p.first-line::first-letter {font-size: 185px;line-height: 125px;margin: 28px 15px 0 0;}
.big-part .col-right .logo-marvel, .big-part .col-right .logo-netflix {margin: 0 10px 20px 0;}
.sharethis p {margin: 0 20px 0 0;}
.collage h6 {bottom: 5px;font-size: 16px;line-height: 26px;letter-spacing: 0;}
.collage .play-btn {width: 60px;height: 60px;margin: -30px 0 0 -30px;}
.collage .play-btn i {font-size: 43px;line-height: 60px;}.
.character .col-right p.first-line::first-letter {font-size: 100px;line-height: 62px;}
.character-box h5 {margin: 0 0 0 -155px;top: -43px;width: 310px;text-align: center;}
/*.character02 .character-box h5 {width: 320px;margin: 0 0 0 -160px;}


.character-box h5 {left: 30px;top: -43px;width: 300px;}
.character02 .character-box h5 {width: 320px;}
*/

.character-box {padding-bottom: 90%;}
.character-box .more, .character-box .less{width: 30px;height: 30px;}
.footer-middle p {font-size: 14px;line-height: 30px;margin: 0 20px 0 0px;}
}

@media only screen and (max-width: 1260px) {.but-who-is {padding: 0 0 47%;}}
@media only screen and (max-width: 1240px) {.but-who-is {padding: 0 0 48%;}}
@media only screen and (max-width: 1220px) {.but-who-is {padding: 0 0 49%;}}
@media only screen and (max-width: 1200px) {.but-who-is {padding: 0 0 50%;}}
@media only screen and (max-width: 1180px) {.but-who-is {padding: 0 0 51%;}}
@media only screen and (max-width: 1160px) {.but-who-is {padding: 0 0 52%;}}
@media only screen and (max-width: 1140px) {.but-who-is {padding: 0 0 58%;}}
@media only screen and (max-width: 1120px) {.but-who-is {padding: 0 0 60%;}}
@media only screen and (max-width: 1100px) {.but-who-is {padding: 0 0 61%;}}

@media only screen and (max-width: 1080px) {
@keyframes animationFrames{
0% {opacity:1;}
84% {opacity:1;}
100% {opacity:1;}
}

@-moz-keyframes animationFrames{
0% {opacity:1;}
84% {opacity:1;}
100% {opacity:1;}
}

@-webkit-keyframes animationFrames {
0% {opacity:1;}
84% {opacity:1;}
100% {opacity:1;}
}

@-o-keyframes animationFrames {
0% {opacity:1;}
84% {opacity:1;}
100% {opacity:1;}
}

@-ms-keyframes animationFrames {
0% {opacity:1;}
84% {opacity:1;}
100% {opacity:1;}
}	
	
.big-part-video video {display:none !important;}
.but-who-is video {display:none !important;}
.kilgrave-video-small video {display:none !important;}
.god-didnt video {display:none !important;}

#hero .video-wrap video {-webkit-transform: translate(-50%, -50%);}
#hero .video-wrap video {-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);margin: 0;position:absolute;top: 50%;left:50%;width: 120%;min-height: 100%;}

#hero {padding: 0px 0 64%;}

.cnp p {font-size: 21px;line-height: 40px;margin: 0 0 60px;}
.cnp p.first-line::first-letter {font-size: 224px;line-height: 190px;margin: 10px 15px 0 0;}
.cnp p.first-line::first-letter {font-size: 234px;line-height: 179px;margin: 21px 15px 0 0;}
.cnp h1 {max-width: 450px;right: 30px;}
.cnp h3 {font-size: 50px;line-height: 56px;font-style:italic;}
.cnp h4 {font-size: 26px;line-height: 33px;}
.cnp h5 {font-size: 44px;line-height: 53px;}

.topshareinner p {font-size: 16px;line-height: 30px;}

.sharethis {text-align: center;}
.sharethis p {font-size: 16px;line-height: 30px;margin: 0 20px 0 0;}

.video-feature {opacity: 1 !important;}

.big-part {padding: 55px 8.4% 0px;}
.big-part .col-left {width: 100%;float:right;height: auto;}
.big-part .col-left .sharethis {display:none;}
.big-part .col-right {width:100%;padding: 0 0 0 20%;float:left;}
.big-part .col-left .col-left-quote {top: inherit;position: inherit;margin:100px 0 0;max-width: 650px;}
.big-part .col-left .big-part-video {bottom: inherit;position: inherit;height: auto;width: 70%;float: right;padding: 0 0 70% 0;}
.big-part .video-wrap {background-image:url(../img/splash01.jpg);background-size: contain;background-repeat: no-repeat;background-position: center;}

.you-dont {padding: 100px 8.4%;}
.you-dont .space-left, .you-dont .space-middle, .you-dont .space-right, .you-dont .col-left #slide-4 {display:none;}
.you-dont .col-left {width: 100%;float: left;height: auto;padding: 0 0 0 20%;}
.you-dont .col-right {width:100%;float:right;padding: 100px 20% 0 0;}
.you-dont .col-left .col-left-quote {display:block;}
.you-dont .col-right p.first-line::first-letter {font-size: 136px;line-height: 110px;margin: 10px 15px 0 0;}

.but-who-is {padding: 0;height: auto;background-image:url(../img/splash02.jpg);background-size: contain;background-repeat: no-repeat;background-position: top;}
.but-who-is .container {position: inherit;top: inherit;left: inherit;padding: 100px 0 0;}
.but-who-is .space-left, .but-who-is .space-middle, .but-who-is .space-right, .but-who-is .col-left {display:none;}
.but-who-is .col-right .col-right-quote {display:block;margin: 0 0 100px;}
.but-who-is .jessica-walks {width: 84.7%;padding: 0 8.4% 100px 0;float: right;}
.but-who-is .jessica-walks img {width: 100%;}
.but-who-is .col-right {width: 84.7%;padding: 0 8.4% 0 0;}
.but-who-is-video {display:none;}

.onecolumn {max-width: 100%;}

.kilgrave {padding: 100px 0;}
.kilgrave-video {margin: 100px 0 0;}
.kilgrave .col-left {display:none;}
.kilgrave .col-right {width: 76.7%;margin: 0px 8.4% 0 0;}
.kilgrave .col-right .bottom-img, .hide-me-desktop {display:block;}
.kilgrave-video-small {margin: 100px 0 70px;}
.kilgrave .col-right .bottom-img {margin: 70px 0;}

.collage-desktop {display: none !important;}
.collage-tablet {display: block !important;}
.collage-mobile {display: none !important;}
.collage .pervy {max-width: 36.4%;top: 22%;left: 48.5%;}
.collage .alias {max-width: 23.3%;top: 49%;left: 35.5%;}
.collage .going {max-width: 37.4%;top: 43%;left: 71.5%;}
.collage .neighbours {max-width: 34.5%;top: 76%;left: 30%;}
.collage .trailer {max-width: 28.7%;top: 73%;left: 70.5%;}

.character01 {padding: 100px 8.3% 0px;}
.character .col-left {width: 100%;}
.character-box {margin: 0;padding-bottom: 60%;}
.character-box h5 {width: 380px;margin: 0 0 0 -190px;top: -50px;text-align: center;}
/*.character02 .character-box h5 {width: 410px;margin: 0 0 0 -205px;}


.character-box h5 {width: 370px;}
.character02 .character-box h5 {width: 410px;}
*/

.character .col-left .bottom-img {display: none;}
.character .col-right {width: 91.99%;margin: 150px 0 0 0;}
.character .col-right .bottom-img {display: block;margin:100px 0;}
.character01 {margin: 0px;}
.character-box .more, .character-box .less{width: 45px;height: 45px;}

.god-didnt {padding: 0 0 100%;}
.god-didnt .video-wrap {background-image:url(../img/splash03.jpg);background-size: contain;background-repeat:no-repeat;background-position: center;}
.god-didnt .col-left-quote {-webkit-transform: translate(0%, -50%);}
.god-didnt .col-left-quote {-ms-transform: translate(0%, -50%);transform: translate(0%, -50%);left: 8.4%;max-width: 380px;}

.character02 {margin: 0;padding: 100px 8.4%;}
.character02 .col-left {margin: 150px 0 100px;}
.character02 .col-right {margin: 0;}

.bottomsocial {height: 270px;}
.bottomsocialwrapper {height: 270px;padding: 50px 0;}
.bottomsocialinner {-webkit-transform: inherit;}
.bottomsocialinner {-ms-transform: inherit;transform: inherit;margin: 0 auto;position: inherit;top: inherit;left: inherit;width: 84%;border-top: 1px solid rgba(255,255,255,1);border-bottom: 1px solid rgba(255,255,255,1);padding: 30px 0;display: inline-block;}
.footer-middle {display:none;}
.footer-tablet {display:block;margin: 45px auto;}
.footer-tablet p {display: inline-block;color: rgba(255,255,255,1);font-family:'VFSans-Book';font-size:16px;line-height:30px;letter-spacing:0.5px;text-transform:uppercase;margin: 0 20px 0 0px;}
.footer-tablet a {display: inline-block;width: 30px;height: 30px;vertical-align: bottom;margin: 0 10px 0 0px;}
.footer-tablet img {max-width:30px;display: inline-block;opacity: 1;}
.footer-tablet a:hover img {opacity: 0.7;}

.close-incident, .close-broken-people, .close-pervy, .close-alias, .close-going, .close-neighbours, .close-trailer, .close-drinking-under, .close-digestive-biscuit {top: -25px;right: 0;width: 25px;height: 25px;background-color: rgba(0,0,0,1);border-radius: 0;}
.close-incident img, .close-broken-people img, .close-pervy img, .close-alias img, .close-going img, .close-neighbours img, .close-trailer img, .close-drinking-under img, .close-digestive-biscuit img {max-width: 15px;margin: 5px;}

.footer-nav {width: 100%;}
.footer-nav .footer-nav__item {width: 33.3%;}
}

@media only screen and (max-width: 800px) {
.character-box {margin: 0;padding-bottom: 80%;}
}
@media only screen and (max-width: 768px) {
#hero .video-wrap {background-image:url(../img/hero-mobile.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;}
}

@media only screen and (max-width: 767px) {
.site-masthead {min-height: 40px !important;position: static;}
.mobile-menu-toggle {margin-top: -6px !important;left: 20px !important;}

body {height:auto !important;}
video {display:none !important;}

#hero {padding: 0 0 100%;}   
#hero .video-wrap video {width: 100%;left: 0%;}

.video-feature {display:block !important;}
.video-feature .video-control {display:none !important;width: 40px;height: 40px;bottom: inherit;left: inherit;top:30px;right:30px;border-radius: 50%; opacity: 1 !important;;}
.video-feature .video-control:before {line-height: 40px;font-size: 20px;padding: 0 0 0 3px;}

.cnp p {font-size: 14px;line-height: 30px;letter-spacing: 0px;margin: 0 0 40px;}
.cnp p.first-line::first-letter {font-size: 93px;line-height: 75px;margin: 11px 10px 0 0;}
.cnp h1 {font-size: 30px;line-height: 45px;bottom: 40px;right: 50%;margin: 0 -160px 0 0;max-width: 320px;}
.cnp h1 span {font-size: 45px;line-height: 55px;}
.cnp h2 {font-size: 10px;line-height: 12px;letter-spacing: 0px;margin: 25px auto;width: 100%;}
.cnp h3 {font-size: 23px;line-height: 33px;margin: 0 0 20px; font-style:italic;}
.cnp h4 {font-size: 18px;line-height: 18px;}
.cnp h5 {font-size: 30px;line-height: 36px;margin: 0 0 40px;text-align: left;}

.sharethis p {font-size: 12px;line-height: 30px;margin: 0 0 0px 0;display: inline-block;width: 100%;text-align: center;}

.topshareinner p {font-size: 10px;line-height: 23px;margin: 0 !important;}
.topshareinner img {max-width: 90px;}
.topshareinner {width: 240px;left: 57%;}
.topshare {height: 20px;}

.big-part {padding: 35px 8.4% 0px;}
.big-part .col-left {display:none;}
.big-part .col-left-mobile {display:block;width:100%;background-image: url(../img/splash01.jpg);background-size: 85%;background-repeat: no-repeat;background-position: bottom right;height: 0;padding: 0 0 100%;}
.big-part .col-left-mobile .col-left-quote {width: 100%;max-width:220px;}
.big-part .col-right {padding: 0 0 45px;float: inherit;text-align: center;}

.you-dont {padding: 35px 8.4% 45px;}
.you-dont .col-left {padding: 0;}
.you-dont .col-right {padding: 45px 0 0 0;}
.you-dont .col-right p.first-line::first-letter {font-size: 100px;line-height: 75px;margin: 11px 10px 0 0;}
.you-dont .col-left h3 {max-width: 220px;}

.jessica-walks-mobile {display:block;margin:0;}

.but-who-is {display:none !important;}
.but-who-is-mobile {background-image: url(../img/splash02-mobile.jpg);background-size: cover;background-repeat: no-repeat;background-position: top left;width: 100%;height: auto;text-align: center;padding: 18% 8.4%;display:block;}
.but-who-is-mobile .col-left-quote {margin: 0;max-width: 200px;}
.but-who-is-mobile .col-left-quote h3 {margin: 0 0 20px;color: rgba(255,255,255,1);}

.onecolumn-mobile {padding:35px 8.4%;display: block;}

.kilgrave-video {margin: 0;}
.kilgrave {padding: 35px 0;}
.kilgrave .col-right {width: 100%;margin: 0;}
.kilgrave-video-small {margin: 35px 0;width: 100%;padding: 0 8.4%;}
.kilgrave .col-right .bottom-img {margin: 35px 0;}
.kilgrave p {padding: 0 8.4%;}

.collage {height: 0;padding: 0 0 150%;}
.collage-tablet {display: none !important;}
.collage .box-video {display: none !important;}
.collage .box-video-mobile {}
.collage .box-video-mobile p {color: #fff;text-align: center;font-size: 14px;font-family: Georgia;font-style: italic;margin: 10px 0 0;}

.video-overlay-incident, .video-overlay-digestive-biscuit, .video-overlay-broken-people, .video-overlay-pervy, .video-overlay-alias, .video-overlay-going, .video-overlay-neighbours, .video-overlay-trailer, .video-overlay-drinking-under {height: 100%;}
.video-overlay-pervy-wrapper, .video-overlay-alias-wrapper, .video-overlay-going-wrapper, .video-overlay-neighbours-wrapper, .video-overlay-trailer-wrapper {width: 100%;padding: 0;}
.close-pervy, .close-alias, .close-going, .close-neighbours, .close-trailer {top: -50px;}

/* Gallery */
.gallery {display: block !important;position: relative;width: 100%;margin: 0px auto;}
.gallery-cell {height: 0;padding: 0 0 106%;width: 76%;margin: 15% 12%;opacity: 1;}
.gallery-cell.is-selected {opacity: 1;}
.gallery-cell img {width: 100%;border: 7px solid rgba(222,206,189,1);box-sizing: border-box;}

.flickity-page-dots {display: none;}
.flickity-prev-next-button {top: 98%;background: none;}
.flickity-prev-next-button .arrow {fill: #E70003;}
.flickity-prev-next-button.previous {left: 10%;}
.flickity-prev-next-button.next {right: 10%;}

.collage .pervy {max-width: 75%;top: 0%;left: 50%;}
.collage .alias {max-width: 75%;top: 0%;left: 50%;}
.collage .going {max-width: 75%;top: 0%;left: 50%;}
.collage .neighbours {max-width: 75%;top: 0%;left: 50%;}
.collage .trailer {max-width:75%;top: 0%;left: 50%;}
.collage h6 {bottom: 15px;left: 20px;}

.character-box h4 {font-size: 17px;line-height: 26px;margin: 0 0 20px;}
.character-box h5 {left: 50%;top: -32px;width: 230px;font-size: 26px;line-height: 30px;margin: 0 0 0 -115px;padding: 10px;text-align: center;}
/*.character02 .character-box h5 {width: 250px;margin: 0 0 0 -125px;}*/

.character01 {padding: 55px 8.4% 0px;}
.character .col-left {width: 100%;}
.character-box {margin: 0;border: 1px solid rgba(0,0,0,1);}
.character-box .bttn {width: 30%;height: auto;margin: 0 3% 0 0;}
.character-box .jeri-btn, .character-box .katniss-btn {margin: 0;}

.character .col-right {width: 100%;margin: 20% 0 0 0;}
.character .col-right .col-left-quote {max-width: 230px;}
.character .col-right .bottom-img {display: none;margin:35px 0;}
.character01 {margin: 0px;}
.character .col-right h3 {margin: 45px 0 20px;}

.bottom-img-mobile {display: block !important;margin: 35px 0;}

.god-didnt {padding: 0 0 100%;}
.god-didnt .video-wrap video {width: 170%;}
.god-didnt .col-left-quote {max-width: 200px;}

.character02 {margin: 0;padding: 35px 8.4%;}
.character02 .col-left {margin: 70px 0 20%;}
.character02 .col-right {margin: 0;}

.bottomsocial {height: auto;}
.bottomsocialwrapper {height: auto;padding: 35px 0;}
.bottomsocialinner {-webkit-transform: inherit;}
.bottomsocialinner {-ms-transform: inherit;transform: inherit;margin: 0 auto;position: inherit;top: inherit;left: inherit;width: 84%;border-top: 1px solid rgba(255,255,255,1);border-bottom: 1px solid rgba(255,255,255,1);padding: 30px 20px;display: inline-block;}

.footer-tablet {display:none;}
.footer-left img {max-width: 100px;}
.footer-right img {max-width: 85px;}

.footer-mobile {display:block;margin:0 auto 30px;}
.footer-mobile p {display: block;color: rgba(255,255,255,1);font-family:'VFSans-Book';font-size:16px;line-height:30px;letter-spacing:0.5px;text-transform:uppercase;margin: 0 auto;text-align: center;}
.footer-mobile a {display: inline-block;width: 30px;height: 30px;vertical-align: bottom;margin: 0 10px 0 0px;}
.footer-mobile img {max-width:30px;display: inline-block;opacity: 1;}
.footer-mobile a:hover img {opacity: 0.7;}

.footer-nav {width: 100%;}
.footer-nav .footer-nav__item {width: 100%;}
}

@media only screen and (max-width: 480px) {
.character-box .more, .character-box .less {width: 20px;height: 20px;}
.character-box {padding-bottom: 160%}
.character02 .character-box {padding-bottom: 160%;}
}