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

body {
  margin: 0;
  padding: 0;
 background:url("../img/rp-bg.jpg") repeat-y;
	background-size:100%;
  font-family: montserrat, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Home Styles */

.mobileblock {display:none;}


body.home {
background-size:150%;overflow-x:none;
}


/**MENU & Form **/

form .form-icons {
  text-align: center;
}

form .form-icons h4 {
  margin-bottom: 1rem;
}

form .form-icons .input-group-label {
  background-color: #1779ba;
  border-color: #1779ba;
}

form .form-icons .input-group-field {
  border-color: #1779ba;
}

form .form-icons .fa {
  color: white;
  width: 1rem;
}

/*Nav*/
.title-bar {
  padding: 0.5rem;
  background:rgba(0,0,0,0.00);
  color: #000000;
position:relative;
z-index:10001!important;}
.top-bar,
.top-bar ul {background:rgba(0,0,0,0.00);z-index:10001!important;}
.title-bar-title img, .top-bar-left img {max-width:125px;}
ul.menu li a{font-family: rift, sans-serif; font-weight:bold; padding:3px; background:#000000; line-height:.9; font-size:1.8em; color:#ffffff; }
ul.menu li a:hover{background:#000000; color:#ffffff;}
.dropdown.menu > li > a {
    padding: 0.3rem 0.5rem .8rem;
}

.dropdown.menu > li.is-active > a {
  background: #000000;
  color: #ffffff; z-index:10001!important;}
.top-bar {
    padding: 0px;
    width: 100%;z-index:10001!important;
}

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 10001!important;
  display: none;
  min-width: 200px;
  border: 0px solid #000000;
  background: #000000; 
	list-style-type:none;}

.page{width:intrinsic; width:fit-content; margin:0px auto;}
/*Gen Styles*/

.page-production{position:relative; z-index:100;}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
 font-family: rift, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility; }
  h1 small, .h1 small,
  h2 small, .h2 small,
  h3 small, .h3 small,
  h4 small, .h4 small,
  h5 small, .h5 small,
  h6 small, .h6 small {
    line-height: 0;
    color: #cacaca; }

h1, .h1 {
  font-size: 2.6rem;
  line-height: 1;
  margin-top: 0.9rem;
  margin-bottom: 0.9rem;
font-weight:900;
text-align:center;}

h2, .h2 {
  font-size: 1.65rem;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 0.5rem; 
font-weight:900;
text-align:center;}

h3, .h3 {
  font-size: 1.475rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
font-weight:900;
text-align:center;}

h4, .h4 {
  font-size: 1.255rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h5, .h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h6, .h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

p {
    margin-bottom: .9rem;
    font-size: inherit;
    line-height: 1.27;
    text-rendering: optimizeLegibility;
}

.pageheadlogo {width:100%;}

.page{max-width:1000px; width:100%; background:rgba(0,0,0,0.89);padding:40px 10px 10px 10px}

/* PRODUCTION PAGES */

.article {padding:10px 18px 10px 18px; max-width:800px; width:100%;  background:rgba(0,0,0,0.89);}
.article img{height:auto; margin:0px auto!important; display:block;}

.article h2, .article h3{text-align:center;}

.newsitem{margin-bottom:30px;}
.newsitem blockquote, .newsitem cite {text-align:left;}
.newsitem blockquote {font-size:1rem; line-height:1.2; font-weight: 400; border-left:0px solid #ffffff; color:#ffffff; font-weight:bold; margin-bottom:0px; padding-bottom:6px;}
.newsitem cite {margin-left:50px; padding-left:0px; font-size:.9rem; font-weight:bold; text-transform:uppercase; margin-bottom: 12px; color:cornsilk;}
.newsitem .button {margin:0px auto 0px auto; display:block; width:fit-content; width:intrinsic;}
div#preload { display: none; }

.boxed{ margin-left:5px;  max-width:800px;}

.production{position:relative; z-index:100;padding:10px 10px 10px 10px; max-width:800px; width:100%;  background:rgba(0,0,0,0.89);}
.productionheader{margin-bottom:-30px; position:relative; margin-top:30px; z-index:1000;}
.productionheader h1 {background:#000000; padding:8px 16px 8px 16px;  transform:rotate(2deg); width:intrisnic; width:fit-content;  text-align:center; margin:-10px 20px -10px auto; font-size: 2.5rem; line-height:1;}
.productionheader h2 {background:#000000; padding:8px 16px 8px 16px;  transform:rotate(2deg); width:intrisnic; width:fit-content;text-align:center; margin:0px 35px 0px auto; font-size: 1.5rem; line-height:1;}

.producitonart{position:relative; z-index:1000; margin-top: 30px; width:100%; margin-right:-10px; transform:rotate(-1deg);}
.producitonart img{ width:100%;}
.productiontitle{background:rgba(0,0,0,0.80); width:100%; padding:2px 0 2px 0;   align-self:flex-end; right:0; position:absolute;}
.productiontitle h1{ text-align:center;}



.vitals{margin-top:10px; padding-left:0%; z-index:1000; position:relative; width:100%;}
.vitalbox{color:#ffffff;  width:100%; display:inline-block; width:intrinsic; width:fit-content;}
.stats{ width:intrisnic; width:fit-content;display:flex; flex-direction:row; margin: 0px auto 10px 0px;}
.vitalbox .stats .tag {font-size:2em; font-weight:900; width:intrinsic; width:fit-content; line-height:1; margin:0px; font-weight:900;   height:auto; text-align:center; background:#000000; padding:10px;  font-family: rift, sans-serif;  border:1px solid #ffffff;}
.vitalbox .stats .number { text-align:center; width:intrinsic; width:fit-content;  margin:0px;  font-size:2em; line-height:1; height:auto; font-weight:900;  text-align:center;  border:1px solid #ffffff; padding:10px; }

.linkblock {display:flex; align-items:flex-start; flex-wrap: no-wrap; width:fit-content; width:intrinsic;}
.linkblock .button {display:block; }



.pooh .vitalbox .stats .number {background:#C1272D;}
.paddington .vitalbox .stats .number {background:rgba(9,54,119,1.00); }
.caterpillar .vitalbox .stats .number {background:rgba(19,111,8,1.00); }


.prodsocial {width:fit-content; width:intrinsic; margin:20px auto;}
.prodsocial h4, .prodsocial h4 a {color:#ffffff; font-weight:900; margin-bottom:0px; padding-bottom:0px; text-align:center;}
.prodsocial ul {list-style-type:none; display:block; color:#ffffff; margin:0px auto !important; padding:0px; text-align:center; width:fit-content; width:intrinsic;}
.prodsocial ul li {list-style-type:none; display:inline-block; color:#ffffff; font-size:1.7rem; margin:0px 8px 0px 0px; }
.prodsocial ul li a {color:#ffffff;}

.photobox ul {width:100%; margin-left:0px; padding-left:0px;}
.photobox ul li {display:inline-block; width:48%; margin-left:0px; margin-right:1%; list-style-type:none;}
.photobox ul li img:hover {transform:scale(1.4);}

.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
    background-color: #1779ba;
	font-size:1.4em;
    color: #fefefe;
	font-family: rift, sans-serif;
	font-weight:900;
	text-transform:uppercase;
}
.button:hover{transform:scale(110%);}
.caterpillar .button, .caterpillar .button.disabled,  .caterpillar .button[disabled],  .caterpillar .button.disabled:hover, .caterpillar .button[disabled]:hover, .caterpillar .button.disabled:focus, .caterpillar  .button[disabled]:focus {
    background-color:rgba(19,111,8,1.00);
	border:2px solid #ffffff;
    color: #fefefe;
	padding: 0.45em .65em;
	margin-right:5px;
}

.pooh .button, .pooh .button.disabled,  .pooh .button[disabled],  .pooh .button.disabled:hover, .pooh .button[disabled]:hover, .pooh .button.disabled:focus, .pooh  .button[disabled]:focus {
    background-color:rgba(139,39,45,1.00);
	border:2px solid #ffffff;
    color: #fefefe;
	padding: 0.45em .65em;
	margin-right:5px;
}

.paddington .button, .paddington  .button.disabled,  .paddington  .button[disabled],  .paddington  .button.disabled:hover, .paddington  .button[disabled]:hover, .paddington  .button.disabled:focus, .paddington  .button[disabled]:focus {
    background-color:rgba(9,54,119,1.00);
	border:2px solid #ffffff;
    color: #fefefe;
	padding: 0.45em .65em;
	margin-right:5px;
}

/* MODALS */



.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1205;
    display: none;
    background-color: rgba(0, 0, 0, 0.65);
    overflow-y: auto;
}
.reveal {
    z-index: 2006;
    display: none;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color:#02171e;
	color:#ffffff;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
}


.showvid {margin-top:-40px!important; margin-bottom:-40px!important;}

.footer {margin-top:60px; width:100%;}
.footer-menu{width:intrinsic; width:fit-content; margin:20px auto;}
.footer-menu ul {display:inline-block; width:intrinsic; width:fit-content; vertical-align: middle; margin:0px auto; position:relative; z-index:10001;}
.footer-menu ul li {list-style-type:none; display:inline-block; background:#000000; font-size:1rem; line-height:.8; padding:8px; margin:0px 10px 0px 10px; background:#000000;}

.footer-menu ul li a{ color:#ffffff; font-family: rift, sans-serif; font-weight:bold; text-transform:uppercase; }
.footer-menu ul li:hover{transform:scale(103%);}
.footer-menu ul li.studios{height:60px; width:150px; background:url("../img/studios.png"); background-size:contain; background-repeat:no-repeat;}
.footer-menu ul li.rockshop{height:60px; width:110px; background:url("../img/rockshop.png"); background-size:contain; background-repeat:no-repeat;}
.footer-menu ul li.films{height:60px; width:150px; background:url("../img/footer-logo-rf.png"); background-size:contain; background-repeat:no-repeat;}

.footer-menu ul li.jr{height:60px; width:150px; background:url("../img/footer-logo-jr.png"); background-size:contain; background-repeat:no-repeat;}
.footer-menu ul li.privacy{height:60px; width:150px; background:url("../img/footer-logo-pp.png"); background-size:contain; background-repeat:no-repeat;}

.home .footer {margin-top:1vh; background:none;}



.mobile {display:block;}
.desktop {display:none;}
@media print, screen and (min-width: 40em) {
	
	.top-bar .top-bar-left, .top-bar .top-bar-right {
    
		max-width: 100%;}
	
	.mobile {display:none;}
.desktop {display:block;}
	
	.mobileblock {display:block;}
	.home .footer {margin-top:-12vh; background:none;}
	
	.title-bar {
  padding: 0.5rem;
  background:rgba(0,0,0,0.00);
  color: #000000;
position:relative;
z-index:10001;}
.top-bar,
.top-bar ul {background:rgba(0,0,0,0.00);}
.title-bar-title img, .top-bar-left img {max-width:175px;}
	ul.dropdown.menu.medium-horizontal{z-index:10001!important;}
ul.dropdown.menu.medium-horizontal li.prime a{font-family: rift, sans-serif; font-weight:bold; padding:7px; background:url("../img/rp-button-bg.png"); line-height:.8; font-size:1.8em; color:#000000; margin-right:7px; }
ul.dropdown.menu.medium-horizontal li.prime a:hover{background:#000000; color:#ffffff;}
.dropdown.menu > li > a {
    padding: 0.5rem 0.7rem;
}
ul.dropdown.menu.medium-horizontal li.prime:nth-child(even)  {transform: rotate(-1deg)}
ul.dropdown.menu.medium-horizontal li.prime:nth-child(odd)  {transform: rotate(2deg)}
ul.dropdown.menu.medium-horizontal li.prime:nth-child(4)  {margin-top:8px;transform: rotate(0deg)}
ul.dropdown.menu.medium-horizontal li.prime:nth-child(1)  {margin-top:6px;}
ul.dropdown.menu.medium-horizontal li.prime:nth-child(3)  {margin-top:2px;}

.dropdown.menu > li.is-active > a {
  background: #000000;
  color: #ffffff; }
	
	.dropdown.menu.vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px;
    content: '';
    border-left-width: 0;
    border-color: transparent transparent transparent transparent;
    right: auto;
    left: 0px;
}
	
	.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 10001!important;
  display: none;
  min-width: 200px;
  border: 0px solid #cacaca;
  background: #000000!important; 
		background-image:none;
	list-style-type:none;}
	
  .dropdown .is-dropdown-submenu a {
    padding: 0.7rem 1rem; }
  .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
    right: 14px; }
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: '';
    border-left-width: 0;
    border-color: transparent transparent transparent transparent;
    right: auto;
    left: 5px; }
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: '';
    border-right-width: 0;
    border-color: transparent transparent transparent transparent; }
  .is-dropdown-submenu{
    margin-top: -1px;
	background:#000000; padding:10px;}
  .is-dropdown-submenu > li {
    width: 100%; text-align:right; font-size:.8em;  }
	.is-dropdown-submenu > li a {background-image:none!important; background-color:#000000; color:#ffffff!important;}
	.is-dropdown-submenu > li a:hover{transform:scale(110%)}
  .is-dropdown-submenu.js-dropdown-active {
    display: block; }

.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
	z-index:1000001!important;
}
	
.stats{ width:intrisnic; width:fit-content;display:flex; flex-direction:row; margin: 0px auto 10px 0px;}	
	/* PRODUCTION PAGES */
	
.vitals{margin-top:100px; padding-left:0%; z-index:1000; position:relative; width:100%;}	
.vitalbox{color:#ffffff;  width:100%; display:block; width:100%;}
.showvid {margin-top:-60px!important; margin-bottom:-40px!important;}
	.article {padding:10px 60px 10px 60px; max-width:1000px; width:100%;  background:rgba(0,0,0,0.89);}
	
body.home .top-bar{position:fixed;}
 h1, .h1 {
    font-size: 2.8rem; }
  h2, .h2 {
    font-size: 2.5rem; }
  h3, .h3 {
    font-size: 1.9375rem; }
  h4, .h4 {
    font-size: 1.5625rem; }
  h5, .h5 {
    font-size: 1.25rem; }
  h6, .h6 {
    font-size: 1rem; }

}

@media print, screen and (min-width: 64em) {
	.vitals{margin-top:30px; padding-left:10%; z-index:1000; position:relative; width:100%;}	
	.stats{ width:intrisnic; width:fit-content;display:flex; flex-direction:row; margin: 0px 0px 10px auto;}
	.article {padding:10px 60px 10px 60px; max-width:800px; width:100%;  background:rgba(0,0,0,0.89);}
.article img{height:auto; margin:0px auto!important; display:block;}
.boxed{ margin-left:-60px;  max-width:800px;}
	.production{position:relative; z-index:100;padding:10px 10px 10px 10px; max-width:800px; width:100%;  background:rgba(0,0,0,0.89);}
.productionheader{margin-bottom:-30px; position:relative; margin-top:30px; z-index:1000;}
.productionheader h1 {background:#000000; padding:8px 16px 8px 16px;  transform:rotate(2deg); width:intrisnic; width:fit-content;  text-align:center; margin:0px 20px -10px auto; font-size: 3.6rem; line-height:1;}
.productionheader h2 {background:#000000; padding:8px 16px 8px 16px;  transform:rotate(2deg); width:intrisnic; width:fit-content;text-align:center; margin:0px 35px -20px auto; font-size: 2rem; line-height:1;}
	
	

}



.swiper-container,
.swiper-wrapper {
  height: 100vh;
  
  display: flex;
  align-items:center;
}

.swiper-wrapper {
  display: flex;
  align-items:center;
	pointer-events: none;
	margin-bottom:-25px;
}

.swiper-slide {
  display: flex;
   align-items:center;
  width: auto;
  margin-right: 8px;
}
.swiper-slide img {pointer-events: all;
  max-width: 780px;
  max-height: 655px;
}

.projectInfo {
  position: relative;
  margin: 14px 0 13px 0;
  position: relative;
  z-index: -1;
  text-transform: uppercase;
}
.projectInfo h2 {
  margin: 0;
}
.projectInfo h3 {
  margin: 8px 8px 8px 0;
}
.projectInfo .category,
.projectInfo .medium {
  text-transform: none;
  opacity: 0.4;
}
.projectInfo .medium {
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 100px;
  font-style: italic;
  padding: 0px 7px 1px 7px;
}

.thumbContainer {
  opacity: 1;
  transform: translateY(60%);
}
.thumbContainer img,
.thumbContainer video {
  display: block;
  position: relative;
  max-width: calc(380px + 43vh);
  max-height: calc(255px + 43vh);
}

.fadeInSlide {
  -webkit-animation-name: fadeInSlide;
          animation-name: fadeInSlide;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-timing-function: cubic-bezier(1, 0.055, 0.32, 1);
          animation-timing-function: cubic-bezier(1, 0.055, 0.32, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes fadeInSlide {
  0% {
    transform: translateY(60%);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes fadeInSlide {
  0% {
    transform: translateY(60%);
  }
  100% {
    transform: translateY(0);
  }
}