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



body, html 
	{font-family: area-normal, sans-serif;
color:#ffffff;
background:#000000;
		background-image:url("../img/rs-cellbg-universal.jpg");
background-size:cover;
background-position: 100% 50%;
background-attachment: fixed; 
}
html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

h1,h2, h3, h4, h5 
	{font-family: proxima-nova, sans-serif; 
	font-weight:900;
	text-transform: uppercase;}

h2.header{
text-align:center;
	width:100%;
	font-size:4.4rem;
	margin-top:40px;
	line-height:1;
}

.meow{margin-bottom:40px; font-size:6em;}

.btn
{ font-family: proxima-nova, sans-serif; 
	font-weight:900;
	text-transform: uppercase;		
}

.bg-dark {
    background-color: #000000!important;
}

.logo-overlay {position:absolute; top:0; width:100%; height:auto;}
.logo-overlay img {width:60%; margin:0px auto;}

/** NAVIGATION **/
:target::before {
    content: "";
    display: block;
    height: 6rem; 
    margin: -6rem 0 0; 
}
li.nav-item
{   font-family: proxima-nova, sans-serif; 
	font-weight:500;
	text-transform: uppercase;	
	font-size:.9em;
	line-height:.9;	
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #ffffff;
}
.navbar-dark .navbar-nav .nav-link{ color: #ffffff;}
.navbar-dark .navbar-nav .nav-link:hover{ color:#FFC100;}


.hoverdirect { margin:0px 50% 10px 50%; width: 60px; height:60px; border-radius:50%; position: absolute; bottom:0; z-index:10000; color:#ffffff; display:flex; align-items:flex-start; justify-content:center; font-size:3.6em; transition: color 2s ease-out 10ms, background-color 2s ease-out 20ms; line-height:1;
animation-duration: 2s;
    animation-iteration-count: infinite;
    transform-origin: bottom;}

.hoverdirect i {line-height:.85!important; }
.hoverdirect:hover {color:#000000;background-color:#ffffff;animation-name: bounce;
    animation-timing-function: ease;
}



ul.brand {list-style-type:none; display:flex; width:fit-content; width:intrinsic; align-content: flex-end; vertical-align: middle; height:30px; margin-bottom:5px;
margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;}
ul.brand li {list-style-type:none; margin:4px; height:30px;}  
ul.brand li img {height:30px;}
ul.brand li .bi {font-size:1.3rem; margin-right:2px;}






@keyframes bounce {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-5px); }
  100% { transform: translateY(0); }
}


.carousel{width:100%;  position:relative;}
.carousel-inner{ position:relative;}


.slide-container {
    width: 100vw;
   height:auto;
    position: relative;
    margin: 0;
	overflow:hidden;
   aspect-ratio: 14 / 6;
   
}
.slide {
    position: absolute;
    width: 100%;
    height: auto;
    display: grid;
    place-items: center;
	
}
.slide img{width:100%; height:auto;}



.box01 {
   background-image:url("../img/slide-001b.jpg"); background-size:cover;
    left: 0%;
}



/** GENERAL SECTION **/

.sectional {background-size:cover; background-position: 100% 50%; min-height:100vh; padding:0px;}
.sub-sectional {background-size:cover; background-position: 100% 50%; height:auto; padding: 60px 10px 60px 10px;}
.greeting{background:url("../img/rs-cellbg-006.png") #000000; background-size:50%; background-position:top left; background-repeat:no-repeat; padding-top:3rem; padding-bottom:11rem;}
#contact {background-image:url("../img/rs-cellbg-001.jpg"); }
.companybio {background-image:url("../img/rs-cellbg-002.jpg"); }
#top {padding-top: 90px;margin-top:-90px;}
#brand {padding-top: 90px;margin-top:-90px;}
#work{padding-top: 90px;margin-top:-90px;}
#jonathan{padding-top: 90px;margin-top:-90px;}
#contactus{padding-top: 90px;margin-top:-90px;}

/** BRAND STORY SECTION **/


.brandstory {min-height:300px; background-size:60vw; overflow:hidden;  padding:0; background-repeat:no-repeat; display:flex; vertical-align:middle; align-items:center;}

.story{display:flex; vertical-align:middle; align-items:center;}


.story-pooh, .story-death, .story-sesame, .story-caterpillar{position:relative;}
.story-backer-left{height:auto; width:60vw; position:absolute; right:0; z-index:0;}
.story-backer-left img{width:100%; height:auto; clip-path: polygon(0 0, 100% 0%, 100% 100%, 19% 100%);}
.story-backer-right{height:auto; width:60vw; position:absolute; right:0; z-index:0; margin-right:40vw;}
.story-backer-right img{width:100%; height:auto; clip-path: polygon(0 0, 100% 0%, 78% 100%, 0% 100%);}


.story-image {height:auto; width:60vw;  }
.story-text {width:50vw; vertical-align:middle;}

.story-right .story-text {margin-left:-10vw; text-align:left; z-index:100}
.story-left .story-text {margin-right:-10vw; text-align:right; z-index:100;  margin-left:40vw}
.story-right .story-image img {width:100%; height:auto; clip-path: polygon(0 0, 100% 0%, 78% 100%, 0% 100%); z-index:80}
.story-left .story-image img {width:100%; height:auto; clip-path: polygon(0 0, 100% 0%, 100% 100%, 19% 100%); z-index:80}

.story-image-right {height:auto; width:60vw; z-index:50; right:0; position:relative; }
.story-image-left {height:auto; width:60vw;  z-index:50; left:0; position:relative; margin-left:40vw}
.story-text-right {width:50vw; margin-left:-10vw; text-align:left; z-index:100; position:absolute; right:0; }
.story-text-left {width:50vw;margin-right:-10vw; text-align:right; z-index:100; position:absolute;  left:0; }
.story-image-right img {width:100%; height:auto; clip-path: polygon(0 0, 100% 0%, 78% 100%, 0% 100%); z-index:80}
.story-image-left img {width:100%; height:auto; clip-path: polygon(0 0, 100% 0%, 100% 100%, 19% 100%); z-index:80}

.special-text{font-size:2.6em; color:#ffffff; line-height:1; font-family: proxima-nova, sans-serif; text-shadow: 4px 4px 2px rgba(0,0,0,0.57);}
.st001{font-size:2.9em; font-weight:900; text-align:left;}
.st002{font-size:1.9em; font-weight:200; text-align:left;}
.st002a{font-size:2.9em; font-weight:200; text-align:left;}
.st003{font-size:2.9em; font-weight:900; text-align:right;}
.st004{font-size:1.9em; font-weight:200; text-align:right;}
.st005{font-size:3.9em; font-weight:900; text-align:right;}
.st006{font-size:3.9em; font-weight:200; text-align:right;}
.st007{font-size:3.4em; font-weight:900; text-align:right; line-height:1; }
.st008{font-size:4.1em; font-weight:200; text-align:right; padding-right:20px;  line-height:1;}
.st009{font-size:3.3em; font-weight:900; text-align:right; line-height:1;}
.st010{font-size:2em; font-weight:200; text-align:right;padding-right:40px;}

.st011{font-size:1.7em; font-weight:900; text-align:right;}
.st012{font-size:1.5em; font-weight:200; text-align:right;}

.marquee-text{font-size:1.6em; text-shadow: 2px 2px 2px #000000;}

.pl{padding-left:2%;}
.pl16{padding-left:16%;}
.pl14{padding-left:14%;}
.pl12{padding-left:12%;}
.pl10{padding-left:10%;}
.pl08{padding-left:8%;}
.pl06{padding-left:6%;}
.pl04{padding-left:4%;}

.pr{padding-right:2%;}
.pr16{padding-right:16%;}
.pr14{padding-right:14%;}
.pr12{padding-right:12%;}
.pr10{padding-right:10%;}
.pr08{padding-right:8%;}
.pr06{padding-right:6%;}
.pr04{padding-right:4%;}


/** CONTACT SECTION **/

.form{background:rgba(1,135,248,0.10); border-left:1px solid #ffffff;}
.formbox{
	padding:15% 20% 15% 20%; width:100%; height:100%; }
.formheader {margin-top:20px;}
.contact form {background-color:none;}
.workbox{padding:25% 10% 25% 10%}
.workbox p {text-align:right;}

/** MERCH SECTION **/

.merch{background-image:url("../img/merch-bg.jpg"); background-size:cover; background-repeat:no-repeat; padding:0px; padding-bottom:0px!important;}
.merch-left{ width: 30%; }
.merch-right{width:70%; padding:40px; background-color:rgba(0,0,0,0.58); margin-bottom:0px!important;}
.merch h2{ font-size:4em; text-align:right; margin-top:20%;}

.merch .brandbutton {background-color:#ffffff!important; margin:14px 0px 10px 50%; font-size:1.2em; right:0; position:relative;}
.merch .brandbutton.b{margin:14px 0px 10px 33%;}
.merch .brandbutton a {color:#000000; text-decoration:none;}


/** MAP SECTION **/

.mapheader{width:100%;  max-width:900px; margin:0px auto;}
.mapheadercontent{font-size:1rem; font-weight:100; text-align:center;}
.mapheadercontent strong {font-weight:900}
.amp{color:#FFC100;}

.mapbox {width:100%; display:flex; flex-direction:column;}

	
ul.mapnav-nav{list-style-type:none; margin-top:3em; }
.ico {width:100%; max-width:75px; margin:4px;}
.ico img {width:100%;}
.ico:hover{transform:scale(105%)}

.maps {width:100%; display:flex; margin:0px auto; position:relative;}
.maps img{ margin:0px auto; width:80%}

.staty{ width:100%; max-width:1200px; margin:20px auto; display:flex; flex-direction:row; align-items:center; flex-wrap: wrap; justify-content:center;}
.stat-line{font-size:3.9em; text-transform:uppercase; font-weight:900; font-family: proxima-nova, sans-serif; margin:0px 25px 0px 25px; width:intrinsic; width:fit-content; line-height:1;}


.logo-line{ overflow:hidden; white-space:nowrap; position:absolute; top:40%;}
.logo-line .animated-logo-bar{display:inline-block; animation: 30s openslide infinite linear; }
.logo-line:hover .animated-logo-bar{animation-play-state: paused;}
.logo-line .animated-logo-bar img {width:120px; height:120px; margin:5px;}
.animated-logo-bar img:hover {transform:scale(110%);  }
.logo-line .animated-logo-bar button.popout {background-color:rgba(0,0,0,0.00); border-radius:50%; border:0px solid #000000; cursor:pointer;}
.animated-logo-bar button.popout:hover, .animated-logo-bar button.popout:active, .animated-logo-bar button.popout:selected{background-color:rgba(0,0,0,0.00); border-radius:50%; border:0px solid #000000;}

.awards {width:100%; display:flex; margin:0px auto; position:relative;}
.award-line{ overflow:hidden; white-space:nowrap; position:absolute; top:5%; height:150px;}
.award-line .animated-award-bar{display:inline-block; animation: 30s openslide infinite linear; }
.award-line:hover .animated-award-bar{animation-play-state: paused;}
.award-line .animated-award-bar img {width:165px; height:138px; margin:5px;}
.animated-award-bar img:hover {transform:scale(110%);  }
.award-line .animated-award-bar button.popout {background-color:rgba(0,0,0,0.00); border-radius:50%; border:0px solid #000000; cursor:pointer;}
.animated-award-bar button.popout:hover, .animated-award-bar button.popout:active, .animated-award-bar button.popout:selected{background-color:rgba(0,0,0,0.00); border-radius:50%; border:0px solid #000000;}

@keyframes openslide{
	
	from{transform:translateX(0);}	
	
	to{transform:translateX(-100%);}	
	
}



.mapico img:hover{transform:scale(105%)}


.timeline {width:100%; padding:10%; margin:20px auto 80px auto;  position:relative; height:auto; background:#000000;}
.year-block {width:50%; margin:10px 0px 10px 0px; position:relative;}
.year-block:nth-child(odd) {text-align:right; padding-right:70px;}
.year-block:nth-child(odd):after{content:''; display: inline-block; height:2px; width:40px; background-color:#ffffff; position:absolute; top:2.2em; right:0;}

.year-block:nth-child(even) {text-align:left; padding-left:70px; margin-left:50%;}
.year-block:nth-child(even):after{content:''; display: inline-block; height:2px; width:40px; background-color:#ffffff; position:absolute; top:2.2em; left:0;}

.year{font-family: proxima-nova, sans-serif; font-size:3em; font-weight:900;}
.year-block:nth-child(odd) .year{position:relative; padding-right:3px;}
.year-block:nth-child(even) .year{position:relative; padding-left:3px;}

.year-block:nth-child(even) .year:after{content:''; position:absolute; display: inline-block; height:30px; width:30px; border:2px solid #ffffff; border-radius:50%; top:.45em; right: 100%;}
.year-block:nth-child(odd) .year:after{content:''; position:absolute; display: inline-block; height:30px; width:30px; border:2px solid #ffffff; border-radius:50%; top:.45em; left: 100%;}

.yearline{width:2px; height:100%; background:#ffffff; position:absolute; z-index:5;margin:0px auto; left:50%; top:0}

.year {margin-bottom:10px;}

.year-block:nth-child(odd) .entry {margin-right:-70px}
.year-block:nth-child(odd) .entry .event { padding:10px 70px 0px 0px;}
.year-block:nth-child(odd) .entry .event-detail {padding:0px 70px 15px 0px;}
.year-block:nth-child(even) .entry { margin-left:-70px}
.year-block:nth-child(even) .entry .event {padding:10px 0px 0px 70px;}
.year-block:nth-child(even) .entry .event-detail {padding:0px 0px 15px 70px;}

.event{font-family: proxima-nova, sans-serif; font-size:1.1em; font-weight:900;  font-style: italic;  line-height:1; background:rgba(0,0,0,0.40)}
.event-detail{font-size:.9em; background:rgba(0,0,0,0.40)}

#kl-15 {margin-top:-90px;}
#kl-16 {margin-top:-90px;}
#kl-17 {margin-top:-90px;}
#kl-18 {margin-top:-180px;}
#kl-19 {margin-top:-60px;}
#kl-20 {margin-top:-120px;}
#kl-21 {margin-top:-120px;}
#kl-22 {margin-top:-210px;}
#kl-23 {margin-top:-120px;}
#kl-24 {margin-top:-90px;}

.active{}
.active-vhced {height:260px!important; background-size:cover; background-image:url("../img/tl-vhc-bg.jpg")!important; background-repeat:no-repeat; width:100%!important;}
.active-petered {height:260px; background-size:cover; background-image:url("../img/tl-pet-bg.jpg"); background-repeat:no-repeat; width:100%!important; }
.active-vhc2ed {height:260px; background-size:cover; background-image:url("../img/tl-vhc-2-bg.jpg"); background-repeat:no-repeat; width:100%!important;}
.active-elmered {height:260px; background-size:cover; background-image:url("../img/tl-elmer-bg.jpg"); background-repeat:no-repeat; width:100%!important;}
.active-tggsed {height:260px; background-size:cover; background-image:url("../img/tl-tggs-bg.jpg"); background-repeat:no-repeat; width:100%!important;}
.active-paddingtoned {height:260px; background-size:cover; background-image:url("../img/tl-pad-bg.jpg"); background-repeat:no-repeat; width:100%!important; }
.active-sesameed {height:260px; background-size:cover; background-image:url("../img/tl-ses-bg.jpg"); background-repeat:no-repeat; width:100%!important;}
.active-worlded {height:260px; background-size:cover; background-image:url("../img/tl-world-bg.jpg"); background-repeat:no-repeat; width:100%!important;}
.active-poohed {height:260px; background-size:cover; background-image:url("../img/tl-pooh-bg.jpg"); background-repeat:no-repeat;width:100%!important;}
.active-ducksed {height:260px; background-size:cover; background-image:url("../img/tl-ducks-bg.jpg"); background-repeat:no-repeat; width:100%!important; }
.active-tggsstreamed {height:260px; background-size:cover; background-image:url("../img/tl-tggs-series-bg.jpg"); background-repeat:no-repeat;}


/** Modals **/

.modal-content{color:#ffffff; background-color:#000000; border:0px solid rgba(77,74,74,1.00); border-radius:0 0 0 0; padding:20px;}
.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0rem 0rem;
    border-bottom: 0px solid #dee2e6;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0rem 1.3rem 0rem 1.3rem;
}

 .modal .btn-danger {
    color: #fff;
    border-color: #DA3E2A;
	 background-color: #DA3E2A;
    border-radius: 0px 0px 0px 0px;
    text-transform: uppercase;
    font-weight: 900;
    font-family: proxima-nova, sans-serif;
}


.productions  .modal-dialog {
    max-width: 1000px;
    margin: 1rem auto;
}

.close {
    float: right;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    color:rgba(251,247,247,1.00);
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
}

.close:hover{color:rgba(251,247,247,0.70);
    text-shadow: 0 1px 0 #fff;
    opacity: 1;}
.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem .2rem -1rem auto;
}
.modal-footer {
padding: 0.75rem;
    border-top: 0px solid #dee2e6;
    border-bottom-right-radius: 0 0 0 0;
    border-bottom-left-radius: 0 0 0 0;
}

.production-callout{width:100%; display:flex; flex-wrap: wrap;}
.show-topbar{width:100%; display:flex; flex-direction:row; flex-wrap: wrap;  margin-bottom:5%}

.show-art-mob{display:none;}
.show-art{width:30%}
.show-art img{width:100%}
.show-description{width:68%; margin-left:2%}
.show-description h2{line-height:1; font-size:2.8em;}
.show-description p{font-size:.9em;}
.show-video{width:90%; margin:20px auto;}
.show-photos{width:90%; margin:0px auto;}
.show-photos img{width:100%}
.show-photos ul {display:flex; flex-direction:row; width:100%; flex-wrap: wrap; list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; margin-block-start: 0em;
    margin-block-end: 0em;} 
.show-photos ul li {list-style-type:none; padding:0; width:48%; margin:1% 1% 1% 1%; flex-direction:row;}
    
/**PRODUCTIONS **/

.prodbit{position: relative;
    z-index: 100; max-width:1200px; margin:0px auto;}

.vitals{margin-top:30px; padding-left:10%; z-index:1000; position:relative; width:100%;}
.boxed{ margin-left:-60px;  max-width:800px;}

.vitalbox{color:#ffffff;  display:block; width:100%;}
.stats{ width:intrisnic; width:fit-content;display:flex; flex-direction:row; margin: 0px 0px 10px auto;}
.vitalbox .stats .tag {font-size:1.2em; font-weight:900; width:intrinsic; width:fit-content; line-height:1; margin:0px; height:auto; text-align:center; background:#000000; padding:10px; border:1px solid #ffffff; font-family: proxima-nova, sans-serif; text-transform: uppercase;
}
.vitalbox .stats .number {  width:intrinsic; width:fit-content;  margin:0px; line-height:1; height:auto; text-align:center;  border:1px solid #ffffff; padding:10px; font-family: proxima-nova, sans-serif; font-weight:900; font-size:1.2em;}


.production{position:relative; z-index:100;padding:10px 10px 10px 10px; max-width:800px; width:100%;  background:rgba(0,0,0,0.89); }
.production-bites{padding-top:30px;}
.prodbit{margin-bottom:3em!important; padding-bottom:3em!important; border-bottom:1px solid rgba(156,153,153,0.30); }

.productionphoto img{width:100%;}
.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;}

.producitonart{position:relative; z-index:1000; margin-top: 30px; width:100%; margin-right:-10px;}
.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;}

.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;}
.production .article h2, .article h3{text-align:center;}
.article p {font-size:.9em; line-height:1.4;}






.vitalbox .stats .number {background:#C1272D;}



.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);}


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

.prodbutton, .prodbutton.disabled, .prodbutton[disabled], .prodbutton.disabled:hover, .prodbutton[disabled]:hover, .prodbutton.disabled:focus, .prodbutton[disabled]:focus {
    background-color: #ffffff;
	font-family: proxima-nova, sans-serif;
	font-size:1em;
    color: #000000;
	padding: 0.45em .65em;
	font-weight:900;
	text-transform:uppercase;
	margin-right:5px;
	cursor:pointer;
}

.prodbutton:hover{transform:scale(110%);}

.archival{display:flex; flex-direction:row; max-width:1000px; width:100%; margin:0px auto;}
.archival-production{width:100%;}
.archival-production img{display:block; width:100%; margin-bottom:8px;}

.archivalbutton, .archivalbutton.disabled, .archivalbutton[disabled], .archivalbutton.disabled:hover, .archivalbutton[disabled]:hover, .archivalbutton.disabled:focus, .archivalbutton[disabled]:focus {
    background-color: #ffffff;
	font-family: proxima-nova, sans-serif;
	font-size:1em;
    color: #000000;
	padding: 0.45em .65em;
	font-weight:900;
	text-transform:uppercase;
	margin-top:10px;
	width:intrinsic;
	width:fit-content;
	margin:0px auto;
	cursor:pointer;
}
.archivalbutton:hover{transform:scale(110%);}


.brandbutton, .brandbutton.disabled, .brandbutton[disabled], .brandbutton.disabled:hover, .brandbutton[disabled]:hover, .brandbutton.disabled:focus, .brandbutton[disabled]:focus {
    background-color: #000000!important;
	border:1px solid #ffffff;
	font-family: proxima-nova, sans-serif;
	font-size:.8em;
    color: #ffffff;
	padding: 0.45em .65em;
	font-weight:900;
	text-transform:uppercase;
	margin:20px 10px 0px 40%;
	width:intrinsic;
	width:fit-content;
	cursor:pointer;
	
	
}

.brandbutton:hover{transform:scale(110%);}

.subbrandbutton, .subbrandbutton.disabled, .subbrandbutton[disabled], .subbrandbutton.disabled:hover, .subbrandbutton[disabled]:hover, .subbrandbutton.disabled:focus, .subbrandbutton[disabled]:focus {
    background-color: #000000!important;
	border:1px solid #ffffff;
	font-family: proxima-nova, sans-serif;
	font-size:.4em;
    color: #ffffff;
	padding: 0.45em .65em;
	font-weight:900;
	text-transform:uppercase;
	margin-top:20px;
	width:intrinsic;
	width:fit-content;
	cursor:pointer;
	margin-left:40px;
}
.subbrandbutton a {color:#ffffff; text-decoration:none;}
.subbrandbutton:hover{transform:scale(110%);}

.anny{max-width:90px; width:90px; }
.gallery-link-bar {display:flex; flex-direction:row; margin-top:30px; align-items:center; justify-content:center;}

.gallerybutton, .gallerybutton.disabled, .gallerybutton[disabled], .gallerybutton.disabled:hover, .gallerybutton[disabled]:hover, .gallerybutton.disabled:focus, .gallerybutton[disabled]:focus {
    background-color: #000000!important;
	border:1px solid #ffffff;
	font-family: proxima-nova, sans-serif;
	font-size:1em;
	line-height:1;
	text-align:center;
    color: #ffffff;
	padding: 0.45em .65em;
	font-weight:900;
	text-transform:uppercase;
	margin:6px;
	width:intrinsic;
	width:fit-content;
	cursor:pointer;
	
}
.gallerybutton a {color:#ffffff; text-decoration:none;}
.gallerybutton:hover{transform:scale(110%);}

.article a {color:#ffffff; font-weight:900;}
.article h4 {margin-top:30px; color:rgba(252,224,62,1.00)}
.article h5 {margin-top:10px; margin-bottom:0px;}
.drop {margin-left:15px; border-left: 1px solid rgba(156,153,153,1.00); padding-left:20px; }

h3.catalog-header{font-weight:300; max-width:800px; width:100%; margin:20px auto 20px auto; padding:10px; text-align:center; text-transform:none; font-size:1.4em;}

/** PRESS SECTION **/
.newsbites {background-image:url("../img/rs-cellbg-003.jpg"); background-size:cover; background-repeat:no-repeat; padding:80px 10px 120px 10px;}
.article-headline{font-size:1.3rem; line-height:1.1; font-weight:900; font-family: proxima-nova, sans-serif; margin-top:20px;}
.article-pub{color:#FFC100;font-size:1.2em;}
.article-preview{font-size: .9rem; line-hegiht:1.1;margin-top:5px;}

.carousel-caption {
position: absolute;
right: 0%;
bottom: 20px;
left: 0%;
z-index: 10;
padding:20px 10px 20px 10px;
color: #fff;
text-align: center;
	background-color:rgba(0,0,0,0.65)
}



/** JONATHAN SECTION **/
.companybio{display:flex; flex-direction:row; align-items:center;}
.jr-headshot{width:40%; position:relative; left:0;}
.jr-headshot img {width:100%;}
.jr-bio{width:60%; position:relative; right:0; padding:0% 5% 0% 5%;}

/** ROCKSHOP SECTION **/
#rockshop{background-image:url("../img/rs-cellbg-005.jpg"); padding:15% 0 15% 0;}
.rslogo{  align-content:center; vertial-align:top;}
.rslogo img{width:90%; min-width:300px; height:auto;}
.rstext img {width:100%;border-bottom: 3px solid #ffffff; margin-bottom:10px;}
.rstext{text-align:right;}

/** FOOTER SECTION **/
.footer-icon-main {margin-top:100px; margin-bottom:10px; width:100%; display:flex; justify-content:center; align-items:center;}
.footer-icon-main img{width:40%; max-width:300px; margin:0px auto;}
footer {}
footer button {color:#ffffff; border: 0px solid #ffffff; background: none; font-size:.6em;}
footer button:hover {font-weight:900;}
footer ul.nav a {color:#ffffff} footer ul.nav li {font-weight:300; }
footer .nav-item{}
ul.footersocial {display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; vertical-align: middle;}
ul.footersocial li {height:auto; margin:4px;}
ul.footersocial li .bi {font-size:18px;}
ul.footersocial li img {height:36px;}
.copyright{margin-top:40px; font-size:.4em;}