body {
  background-color: #b388ff;
}

.h1, h1 {
  font-family: 'rifficbold';
  font-size: 32px;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 35px;
  margin: 0 25px;
}

@media (min-width: 576px) {
  .h1, h1 {
    font-size: 56px;
  }
}

.h2, h2 {
  font-family: 'rifficbold';
  font-size: 24px;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 20px 0 15px 0;
}

@media (min-width: 768px) {
  .h2, h2 {
    font-size: 36px;
    padding: 24px 0 15px 0;
    margin: 0 25px;
  }
}

.h3, h3 {
  font-family: 'rifficbold';
  font-size: 24px;
  color: #0a6f63;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 12px 0;
}

@media (min-width: 768px){
.h3, h3 {
  font-size: 28px;
  letter-spacing: 1px;
  padding: 15px 0;
}
}

@media (min-width: 992px){
.h3, h3 {
  font-size: 32px;
  letter-spacing: 1px;
  padding: 15px 0;
}
}

.h4, h4 {
    font-family: 'Mouse Memoirs';
    font-size: 14px;
    color: #FFFFFF;
    
}

.h5, h5 {
  font-family: 'rifficbold';
  font-size: 24px;
  color: #0a6f63;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 12px 0;
}

@media (min-width: 768px){
.h5, h5 {
  font-size: 28px;
  letter-spacing: 1px;
  padding: 15px 0;
}
}

@media (min-width: 992px){
.h5, h5 {
  font-size: 32px;
  letter-spacing: 1px;
  padding: 15px 0;
}
}

.h6, h6 {
  font-family: 'rifficbold';
  font-size: 16px;
  text-transform: uppercase;
  color: white;
  text-align: center;
}

@media (min-width: 576px) {
  .h6, h6 {
    font-family: 'rifficbold';
    font-size: 20px;
    text-transform: uppercase;
    color: white;
    text-align: center;
  }
}

.h6, h6 a:hover, a:visited, a:link, a:active{
	text-decoration: none;
} 

.navbar{
	z-index: 100;
}

.nav-clean {
  background-color: #6900c2;
}

#navcol-1 {
  font-family: 'rifficbold';
  font-size: 18px;
  letter-spacing: 1px;
  text-transform: capitalize;
  color: #FFF;
}

@media (min-width: 992px) {
  #navcol-1 {
    font-family: 'rifficbold';
    font-size: 24px;
    letter-spacing: 1px;
    text-transform: capitalize;
    color: #FFF;
  }
}

.navbar-light .navbar-nav .nav-link {
  color: #FFF;
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
  color: #FFF;
}

.navbar-default .navbar-toggle.collapsed {
  border-color: white;
  border: 2px;	
}

.navbar-default .navbar-toggle{
 border-color: white;
 border: 2px;	
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: rgba(255,255,255,1.00);
} 

.carousel-item{
        transition: -webkit-transform .6s ease;
        transition: transform .6s ease;
        transition: transform .6s ease,-webkit-transform .6s ease;
    } 

.navPad {
  padding-right: 25px;
}

.close{
	font-family: 'rifficbold' !important;
  	font-size: 32px !important;
  	color: #1A1A1A !important;
	opacity: 1 !important;
    float:right;
    z-index:101;    
}

.mainHero {
  padding-top: 56px;
  width: 100% !important;
  height: auto !important;
  position: inherit;
  top: 0px;
  left: 0px;
}


@media (min-width: 992px){
  .mainHero {
  padding-top: 65px;
}
}


#story {
  padding: 0 20px;
	margin-top: 50px;
}

@media (min-width: 414px) {
  #story {
    padding: 0 30px;
  }
}

@media (min-width: 576px) {
  #story {
    padding: 0 40px;
  }
}

@media (min-width: 768px) {
  #story {
    padding: 0 60px;
  }
}

@media (min-width: 992px) {
  #story {
    padding: 0 75px;
  }
}

@media (min-width: 1200px) {
  #story {
    padding: 0 150px;
  }
}

@media (min-width: 1920px) {
  #story {
    padding: 0 400px;
	  
  }
}

.storyMode {
  font-family: 'Mouse Memoirs';
  font-size: 24px;
  color: #FFF;
  text-align: center;
  line-height: 1.1;
  letter-spacing: 1.4px;
  word-spacing: 1.8px;
  margin: 0 25px;
}

@media (min-width: 414px) {
  .storyMode {
    font-size: 24px;
  }
}

@media (min-width: 576px) {
  .storyMode {
    font-size: 28px;
  }
}

@media (min-width: 992px) {
  .storyMode {
    font-size: 32px;
  }
}

@media (min-width: 1920px) {
  .storyMode {
    font-size: 36px;
  }
}


.buyMode {
  font-family: 'Lato';
  font-weight: 700;    
  font-size: 16px;
  color: #FFF;
  text-align: center;
  line-height: 1.3;
  word-spacing: 1px;
  margin: 0 20px;
  padding: 10px 0 0px 0;    
}

@media (min-width: 414px) {
  .buyMode {
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .buyMode {
    font-size: 24px;
    padding: 20px 0px 20px 0px;  
    margin: 0 50px;  
  }
}

@media (min-width: 992px) {
  .buyMode {
    font-size: 28px;
     padding: 30px 0px 20px 0px;
    line-height: 1.1;  
  }
}

@media (min-width: 1920px) {
  .buyMode {
    font-size: 36px;
  }
}

.sellMode {
  font-family: 'Lato';
  font-weight: 700;    
  font-size: 16px;
  color: #FFF;
  text-align: center;
  line-height: 1.3;
  word-spacing: 1px;
  margin: 0 50px;
  padding: 10px 0 10px 0;    
}

@media (min-width: 414px) {
  .sellMode {
    font-size: 18px;
  }
}

@media (min-width: 576px) {
  .sellMode {
    font-size: 24px;
  }
}

@media (min-width: 992px) {
  .sellMode {
    font-size: 20px;
    line-height: 1.1;  
  }
}

@media (min-width: 1440px) {
  .sellMode {
    font-size: 36px;
  }
}

.sectionHeader {
  padding: 20px 0 20px 0;
}

@media (min-width: 992px) {
  .sectionHeader {
    padding: 40px 0 25px 0;
  }
}

.sectionHeaderPlay {
  padding: 0px 0 30px 0;
}

#choose {
  padding: 0;
}

.chooseMe {
    height: 90px;
    margin: 10px;
}

@media (min-width: 576px) {
  .chooseMe {
    height: 120px;
    margin: 20px;
  }
}

@media (min-width: 768px) {
  .chooseMe {
    height: 150px;
  }
}

@media (min-width: 992px) {
  .chooseMe {
    height: 200px;
  }
}

.chooseOne {
  background-image: url(../../assets/img/choose1.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

.chooseTwo {
  background-image: url(../../assets/img/choose2.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.chooseThree {
  background-image: url(../../assets/img/choose3.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}

.chooseFour {
  background-image: url(../../assets/img/choose4.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

.chooseFive {
  background-image: url(../../assets/img/choose5.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left; 
}
.chooseSix {
  background-image: url(../../assets/img/choose6.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left; 
}

#movie {
  padding: 50px 15px 25px 15px;
  align-content: center;
  text-align: center;
}

.tvFrame {
  background-image: url(../../assets/img/tvframe-mobile.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  text-align: center;
}

@media (min-width: 992px) {
  .tvFrame {
    background-image: url(../../assets/img/tvframe.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    text-align: center;
  }
}

.tvFrame2 {
  background-image: url(../../assets/img/tvframe2-mobile.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  text-align: center;
}

@media (min-width: 992px) {
  .tvFrame2 {
    background-image: url(../../assets/img/tvframe2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    text-align: center;
  }
}

.videoBack {
  height: 210px;
}

@media (min-width: 360px) {
  .videoBack {
    height: 210px;
  }
}

@media (min-width: 414px) {
  .videoBack {
    height: 280px;
  }
}

@media (min-width: 576px) {
  .videoBack {
    height: 325px;
  }
}

@media (min-width: 768px) {
  .videoBack {
    height: 450px;
  }
}

@media (min-width: 992px) {
  .videoBack {
    height: 500px;
  }
}

.videoPad {
  text-align: center;
  align-content: center;
  padding-top: 25px;
}

@media (min-width: 360px) {
  .videoPad {
    text-align: center;
    align-content: center;
    padding-top: 35px;
  }
}

@media (min-width: 414px) {
  .videoPad {
    padding-top: 60px;
  }
}

@media (min-width: 576px) {
  .videoPad {
    padding-top: 45px;
  }
}

@media (min-width: 768px) {
  .videoPad {
    padding-top: 60px;
  }
}

@media (min-width: 992px) {
  .videoPad {
    padding-top: 65px;
    padding-left: 35px;
  }
}

.videoPlayer {
  width: 240px;
  height: 135px;
}

@media (min-width: 414px) {
  .videoPlayer {
    width: 280px;
    height: 158px;
  }
}

@media (min-width: 576px) {
  .videoPlayer {
    width: 400px;
    height: 225px;
  }
}

@media (min-width: 768px) {
  .videoPlayer {
    width: 560px;
    height: 315px;
  }
}

@media (min-width: 992px) {
  .videoPlayer {
    width: 640px;
    height: 360px;
  }
}

/*--custom buttons--*/
.watchBtn {
  font-family: 'rifficbold';
  background-color: #ed145b;
  border: none;
  color: white;
  font-size: 18px;
  text-align: center;
  text-shadow: 0px 2px rgb(211,17,80);
  padding: 20px 20px 0px 20px;
  text-decoration: none;
  display: inline-block;
  margin: 30px 2px 30px 2px;
  border-radius: 10px;
}

@media (min-width: 576px) {
  .watchBtn {
    font-size: 20px;
  }
}

.discoverBtn {
  font-family: 'rifficbold';
  background-color: #7314ed;
  border: none;
  color: white;
  font-size: 18px;
  text-align: center;
  text-shadow: 0px 2px rgb(67,17,211);
  padding: 20px 20px 0px 20px;
  text-decoration: none;
  display: inline-block;
  margin: 30px 2px 30px 2px;
  border-radius: 10px;
}


.dropBtn {
  font-family: 'rifficbold';
  border: none;
  color: white;
  font-size: 18px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  border-radius: 10px;
}

.extraBtn {
  font-family: 'rifficbold';
  background-color: #ed145b;
  border: none;
  color: white;
  font-size: 16px;
  text-align: center;
  text-shadow: 0px 2px rgb(211,17,80);
  padding: 15px 15px 0px 15px;
  text-decoration: none;
  display: inline-block;
  margin: 30px 2px 30px 2px;
  border-radius: 10px;
  z-index: 50;
}

@media (min-width: 576px) {
  .extraBtn {
	  padding: 20px 20px 0px 20px;
	  margin: 30px 2px 30px 2px;
    font-size: 20px;
  }
}
/*---end buttons--*/

.modalExtra{
	align-content: center;
	text-align: center;
	padding: 160px 140px 0 0;
}

@media (min-width:576px){
.modalExtra{
	align-content: center;
	text-align: center;
	padding: 290px 160px 0 0;
}
}


#app {
  padding-bottom: 20px;
}

.appHolder {
  background-image: url(../../assets/img/app-banner-mobile.gif);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 180px;
  text-align: center;
  padding-top: 30px;
}

@media (min-width: 414px) {
  .appHolder {
    height: 210px;
    padding-top: 50px;
  }
}

@media (min-width: 576px) {
  .appHolder {
    background-image: url(../../assets/img/app-banner.gif);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 180px;
    text-align: center;
    padding-top: 20px;
  }
}

@media (min-width: 768px) {
  .appHolder {
    height: 240px;
    padding-top: 25px;
  }
}

@media (min-width: 992px) {
  .appHolder {
    height: 310px;
    padding-top: 50px;
  }
}

@media (min-width: 1200px) {
  .appHolder {
    height: 380px;
    padding-top: 70px;
  }
}

.cvpLogo-White {
  background-image: url(../../assets/img/cvp-logo-white.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  height: 100px;
}

@media (min-width: 414px) {
  .cvpLogo-White {
    height: 110px;
  }
}

@media (min-width: 576px) {
  .cvpLogo-White {
    height: 110px;
  }
}

@media (min-width: 768px) {
  .cvpLogo-White {
    height: 150px;
  }
}

@media (min-width: 992px) {
  .cvpLogo-White {
    height: 180px;
  }
}

@media (min-width: 1200px) {
  .cvpLogo-White {
    height: 220px;
  }
}

.appBanner {
  font-family: 'rifficbold';
  font-size: 28px;
  color: #FFF;
  text-transform: uppercase;
  text-shadow: 0px 2px rgb(116,30,96);
  letter-spacing: 1.2px;
  text-decoration: none;	
}

.appBanner a:hover, a:visited, a:link, a:active{
	text-decoration: none;
} 

@media (min-width: 414px) {
  .appBanner {
    font-size: 28px;
  }
}

@media (min-width: 576px) {
  .appBanner {
    font-size: 32px;
  }
}

@media (min-width: 768px) {
  .appBanner {
    font-size: 44px;
  }
}

@media (min-width: 992px) {
  .appBanner {
    font-size: 48px;
  }
}

#retail {
  height: 250px;
  padding: 0px 0 50px 0;
  margin: 0 0 250px 0;	
  text-align: center;
}

.retailCopy {
  font-family: 'rifficbold';
  font-size: 22px;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  text-decoration: none;	
}

.retailCopy a:hover, a:visited, a:link, a:active{
	text-decoration: none;
} 

@media (min-width: 414px) {
  .retailCopy {
    font-size: 24px;
  }
}

@media (min-width: 576px) {
  .retailCopy {
    font-size: 28px;
  }
}

@media (min-width: 768px) {
  .retailCopy {
    font-size: 32px;
  }
}

@media (min-width: 992px) {
  .retailCopy {
    font-size: 44px;
  }
}


#cvp {
  padding: 15px 0 25px 0;
  text-align: center;
  align-content: center;
}

@media (min-width: 768px) {
  #cvp {
    padding: 35px 0 25px 0;
  }
}

.cvpContainer{
	align-content: center;
	text-align: center;
}

.cvpIcon {
  background-image: url(../../assets/img/logos/cvpIcon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 80px;
  margin-bottom: 25px;	
}

@media (min-width: 576px) {
  .cvpIcon {
    height: 100px;
  }
}



/*------------------FOOTER------------------*/
#superfooter {
  width: 100%;
  height: 600px;
  background-color: #8c04ff;
  color: #FFFFFF;    
  text-align: center;
  padding: 50px 0px;
}

@media (min-width: 576px) {
  #superfooter {
    height: 550px;
  }
}

@media (min-width: 768px) {
  #superfooter {
    height: 280px;
  }
}

@media (min-width: 992px) {
  #superfooter {
    height: 250px;
  }
}

.sf-left {
  margin-bottom: 20px;
}

.sf-center {
  margin-bottom: 20px;
}

.sf-right {
  margin-bottom: 20px;
}

.footHead {
  color: #ffffff;
  font-family: 'Mouse Memoirs';
  font-size: 36px;
}

.social-foot a {
  font-size: 32px;
  padding-right: 10px;
  color: white;
}

.footCopy {
  font-size: 16px;
  font-family: 'Lato';
  font-weight: 400;   
  color: #FFFFFF;    
}

.hash {
  font-size: 24px;
  font-family: 'Lato';
  font-weight: 700;    
  color: #FFFFFF;    
}

#footBasic {
  padding: 20px 0;
  font-size: 16px;
  height: 100px;
  background-color: #730dca;
}

@media (min-width: 768px) {
  #footBasic {
    padding: 20px 0;
    font-size: 14px;
    height: 65px;
    background-color: #730dca;
  }
}

.footlink { 
	color: #FFFFFF; 
}

.footlink:hover {
	color: #FFFFFF;
	text-decoration: none;    
}

.footer-basic {
  padding: 20px 0;
  color: rgba(255,255,255,.5);
}

.footer-basic ul {
  padding: 0;
  list-style: none;
  text-align: center;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 0;
}

.footer-basic li:not(:last-child) {
  padding-right: 10px;
  border-right: 1px solid rgba(255,255,255,0.25);
}

.footer-basic ul a {
  color: inherit;
  text-decoration: none;
  opacity: 0.80;
}

.footer-basic ul a:hover {
  opacity: 1;
}

.footer-basic .social {
  text-align: center;
  padding-bottom: 25px;
}

.footer-basic .social > a {
  font-size: 24px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #ccc;
  margin: 0 8px;
  color: inherit;
  opacity: 0.75;
}

.footer-basic .social > a:hover {
  opacity: 0.9;
}

.footer-basic .copyright {
  margin-top: 15px;
  text-align: center;
  font-size: 13px;
  color: #aaa;
  margin-bottom: 0;
}
/*----------------end FOOTER---------------------------*/

/*----------------section HEROES-----------------------*/
#sectionHero {
  align-content: center;
  padding-top: 55px;
  height: 165px;    
}

@media (min-width: 576px){
#sectionHero {
  align-content: center;
  padding-top: 57px;
  height: 227px;    
}
}

@media (min-width: 768px){
#sectionHero {
  align-content: center;
  padding-top: 59px;
  height: 309px;
}
}

@media (min-width: 992px){
#sectionHero {
  align-content: center;
  padding-top: 68px;
  height: 368px;      
}
}

#beansBluePage {
  background-color: #00aeef;
}

#beansPurplePage {
  background-color: #ac7cee;
}

#beansHolidayPage {
  background-color: #08abb1;
}

.sectionPlushie {
  background-color: #9933cc;
}

#jumboPage {
  background-color: #bf7af4;
}

.sectionJumbo {
  background-color: #ffd740;
}

#chonksPage {
  background-color: #40c4ff;
}

.sectionChonk {
  background-color: #ff5252;
}

#huggerPage {
  background-color: #ff8a65;
}

.sectionHugger {
  background-color: #ba68c8;
}

#condosPage {
  background-color: #00e5ff;
}

.sectionCondos {
  background-color: #fd9e38;
}

#playPage {
  background-color: #f06292;
}

.sectionPlay {
  background-color: #78e86c;
}


#activityPage {
  background-color: #F34163;
}

.sectionActivity {
  background-color: #f993b0;
}

#videoPage {
  background-color: #F7962B; 
}

.sectionVideo {
  background-color: #f9ba93;
}

#extrasPage {
  background-color: #44DCAB; 
}

.sectionExtras {
  background-color: #df68ed;
}

#faqPage {
  background-color: #FE8ADB;	  
}

.sectionFAQ {
  background-color: #e03094;
}

#buyPage {
  background-color: #a06fe9;
}

.sectionBuy {
  background-color: #7cb4ee;
}

.heroIMG {
  height: 110px;
}

@media (min-width: 576px) {
  .heroIMG {
    height: 170px;
  }
}

@media (min-width: 768px) {
  .heroIMG {
    height: 250px;
  }
}

@media (min-width: 992px) {
  .heroIMG {
    height: 300px;
  }
}
.heroChonk {
  background-image: url(../../assets/img/sec-hero-chonk.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

.heroCondos {
  background-image: url(../../assets/img/sec-hero-condo.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
.heroPlay {
  background-image: url(../../assets/img/sec-hero-play.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
.heroJumbo {
  background-image: url(../../assets/img/sec-hero-jumbo.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

.heroHugger {
  background-image: url(../../assets/img/sec-hero-hugger.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

.heroPlushie {
  background-image: url(../../assets/img/sec-hero-plushie.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
.heroHoliday {
  background-image: url(../../assets/img/sec-hero-holiday.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}


.heroVideo {
  background-image: url(../../assets/img/sec-hero-video.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

.heroActivity {
  background-image: url(../../assets/img/sec-hero-fun.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

.heroFAQ {
  background-image: url(../../assets/img/sec-hero-faq.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

.heroExtras {
  background-image: url(../../assets/img/sec-hero-extras.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

.heroBuy {
  background-image: url(../../assets/img/sec-hero-buy.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

.heroTITLE {
  font-family: 'rifficbold';
  font-size: 30px;
  color: #FFFFFF;
  padding: 40px 0 0 0;
}

@media (min-width: 576px) {
  .heroTITLE {
    font-size: 52px;
    padding: 60px 0 0 0;
  }
}

@media (min-width: 768px) {
  .heroTITLE {
    font-size: 70px;
    padding: 70px 0 0 0;
  }
}

@media (min-width: 992px) {
  .heroTITLE {
    font-size: 90px;
    padding: 90px 0 0 0;
  }
}
/*----------------end HEROES-----------------------*/

/*cards*/

.cardHolder {
  height: 625px;
  margin-top: 50px;
  text-align: center;
}

@media (min-width: 576px) {
	.cardHolder {
  height: 800px;
  margin-top: 50px;
  text-align: center;
}
}

#movieGallery {
  text-align: center;
  align-content: center;
  padding: 0 25px 100px 25px;
}

.thumbContainer {
  text-align: center;
  align-content: center;
  height: 120px;
  /*padding: 10px 0;*/
  margin-bottom: 70px;
}

@media (min-width: 576px) {
  .thumbContainer {
    height: 80px;
    padding: 25px 0;
  }
}

@media (min-width: 992px) {
  .thumbContainer {
    height: 175px;
    padding: 25px 0;
  }
}

.vidThumb {
  height: 140px;
  padding: 10px 0 20px 0;
}

@media (min-width: 576px) {
  .vidThumb {
    height: 120px;
    padding: 10px 0 70px 0;
  }
}

@media (min-width: 768px) {
  .vidThumb {
    height: 100px;
    padding: 10px 0 50px 0;
  }
}

@media (min-width: 992px) {
  .vidThumb {
    height: 140px;
    padding: 10px 0 50px 0;
  }
}

.video001 {
  background-image: url(../../assets/img/thumbs/thumb001.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.video002 {
  background-image: url(../../assets/img/thumbs/thumb002.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.video003 {
  background-image: url(../../assets/img/thumbs/thumb003.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.video004 {
  background-image: url(../../assets/img/thumbs/thumb004.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.video005 {
  background-image: url(../../assets/img/thumbs/thumb005.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.video006 {
  background-image: url(../../assets/img/thumbs/thumb006.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.video007 {
  background-image: url(../../assets/img/thumbs/thumb007.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.video008 {
  background-image: url(../../assets/img/thumbs/thumb008.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.video009 {
  background-image: url(../../assets/img/thumbs/thumb009.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.video010 {
  background-image: url(../../assets/img/thumbs/thumb010.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.video011 {
  background-image: url(../../assets/img/thumbs/thumb011.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.video012 {
  background-image: url(../../assets/img/thumbs/thumb012.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.video013 {
  background-image: url(../../assets/img/thumbs/thumb013.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#extrasCopy {
  text-align: center;
}

.extraBox {
  text-align: center;
  padding: 25px;
  margin: 50px;
}

.termBox {
  font-family: 'Lato';
  color: rgb(139,139,139);
  font-size: 14px;
  text-align: left;
  background-color: #FFF;
  padding: 20px 30px 30px 30px;
  margin: 30px 2px 30px 2px;
  border-radius: 10px;
  border: none;
  width: 320px;
  height: 2080px;
  display: inline-block;
}

@media (min-width: 576px){
.termBox {
  font-size: 16px;
  width: 450px;
  height: 1850px;
}
}

@media (min-width: 768px){
.termBox {
  font-size: 18px;
  width: 700px;
  height: 1600px;
}
}

@media (min-width: 992px){
.termBox {
  font-size: 18px;
  width: 800px;
  height: 1500px;
}
}

.privacyBox {
  font-family: 'Lato';
  color: rgb(139,139,139);
  font-size: 14px;
  text-align: left;
  background-color: #FFF;
  padding: 20px 30px 30px 30px;
  margin: 30px 2px 30px 2px;
  border-radius: 10px;
  border: none;
  width: 320px;
  height: 2380px;
  display: inline-block;
}

@media (min-width: 576px){
.privacyBox {
  font-size: 16px;
  width: 450px;
  height: 1980px;
}
}

@media (min-width: 768px){
.privacyBox {
  font-size: 18px;
  width: 700px;
  height: 1700px;
}
}

@media (min-width: 992px){
.privacyBox {
  font-size: 18px;
  width: 800px;
  height: 1500px;
}
}

.faqBox {
  font-family: 'Lato';
  color: rgb(139,139,139);
  font-size: 14px;
  text-align: left;
  background-color: #FFF;
  padding: 20px 30px 30px 30px;
  margin: 30px 2px 30px 2px;
  border-radius: 10px;
  border: none;
  width: 320px;
  height: 1150px;
  display: inline-block;
}

@media (min-width: 576px){
.faqBox {
  font-size: 16px;
  width: 450px;
  height: 965px;
}
}

@media (min-width: 768px){
.faqBox {
  font-size: 18px;
  width: 700px;
  height: 925px;
}
}

@media (min-width: 992px){
.faqBox {
  font-size: 18px;
  width: 800px;
  height: 1025px;
}
}

.missingBox {
  font-family: 'Lato';
  color: rgb(139,139,139);
  font-size: 14px;
  text-align: center;
  align-content: center;
  background-color: #FFF;
  padding: 20px 30px 30px 30px;
  margin: 30px 2px 30px 2px;
  border-radius: 10px;
  border: none;
  width: 320px;
  height: 600px;
  display: inline-block;
}

@media (min-width: 576px){
.missingBox {
  font-size: 16px;
  width: 450px;
  height: 600px;
}
}

@media (min-width: 768px){
.missingBox {
  font-size: 18px;
  width: 700px;
  height: 700px;
}
}

@media (min-width: 992px){
.missingBox {
  font-size: 18px;
  width: 800px;
  height: 750px;
}
}

.missingCat {
  background-image: url(../../assets/img/404cat.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 200px;
  z-index: 100;	
}

@media (min-width: 768px){
.missingCat {
  height: 300px;
  z-index: 100;	
}
}

/*--ACTIVITY PAGE--*/
#downSection {
  align-content: center;
  text-align: center;
}

#collectorSection {
  align-content: center;
  text-align: center;
 padding-bottom: 24px;    
     
}

#colorSection {
  align-content: center;
  text-align: center;
  background-color: #f993b0;
 padding-bottom: 24px;    
}

#wallSection {
  align-content: center;
  text-align: center;
  padding-bottom: 24px;    
     
}

#catoberSection {
  align-content: center;
  text-align: center;
  background-color: #4C0073;
 padding-bottom: 24px;    
}

.actBox {
  height: 100px;
  margin: 10px;
}

@media (min-width: 576px) {
  .actBox {
    height: 150px;
    margin: 10px;
  }
}

@media (min-width: 992px) {
  .actBox {
    height: 200px;
    margin: 0 0 25px 0;
  }
}

.boxCollect1 {
  background-image: url(../../assets/img/downloads/thumb_collect_blue.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.boxCollect2 {
  background-image: url(../../assets/img/downloads/thumb_collect_purple.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.boxCollect3 {
  background-image: url(../../assets/img/downloads/thumb_collect_holiday.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.boxCollect4 {
  background-image: url(../../assets/img/downloads/thumb_collect_chonks.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.boxCollect5 {
  background-image: url(../../assets/img/downloads/thumb_collect_jumbos.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.boxCollect6 {
  background-image: url(../../assets/img/downloads/thumb_collect_huggers.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.boxCollect7 {
  background-image: url(../../assets/img/downloads/thumb_collect_gold.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.boxCollect8 {
  background-image: url(../../assets/img/downloads/thumb_collect_gold_chonks.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.boxCollect9 {
  background-image: url(../../assets/img/downloads/thumb_collect_gold_jumbos.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.boxCollect10 {
  background-image: url(../../assets/img/downloads/thumb_collect_kvg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.boxCollect11 {
  background-image: url(../../assets/img/downloads/thumb_collect_holiday22.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.boxCollect12 {
  background-image: url(../../assets/img/downloads/thumb_collect_fuchsia.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.boxCollect13 {
  background-image: url(../../assets/img/downloads/thumb_collect_holiday23.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.boxCollect14 {
  background-image: url(../../assets/img/downloads/thumb_collect_teal.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.boxCollect15 {
  background-image: url(../../assets/img/downloads/thumb_collect_holiday24.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.boxWall1 {
  background-image: url(../../assets/img/downloads/thumb_wall_1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.boxWall2 {
  background-image: url(../../assets/img/downloads/thumb_wall_2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.boxWall3 {
  background-image: url(../../assets/img/downloads/thumb_wall_3.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.boxColor1 {
  background-image: url(../../assets/img/downloads/thumb_color_1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.boxColor2 {
  background-image: url(../../assets/img/downloads/thumb_color_2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.boxColor3 {
  background-image: url(../../assets/img/downloads/thumb_color_3.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.boxColor4 {
  background-image: url(../../assets/img/downloads/thumb_color_4.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.boxColor5 {
  background-image: url(../../assets/img/downloads/thumb_color_5.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.boxColor6 {
  background-image: url(../../assets/img/downloads/thumb_color_6.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.boxCatober20 {
  background-image: url(../../assets/img/downloads/thumb_catober20.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.boxCatober21 {
  background-image: url(../../assets/img/downloads/thumb_catober21.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.boxCatober22 {
  background-image: url(../../assets/img/downloads/thumb_catober22.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.boxCatober23 {
  background-image: url(../../assets/img/downloads/thumb_catober23.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.boxCatober24 {
  background-image: url(../../assets/img/downloads/thumb_catober24.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/*--download end-*/


.modal-header
 {
     border-bottom:0px !important;
 }

.modal-footer
 {
     border-top:0px !important;
 }




#retail {
	align-content: center;
	margin: 0 0 50px 0;
}

/*BUY PAGE*/
#buyWhere {
  align-content: center;
  text-align: center;
  padding: 5px 0 0 0;
}


#buyLoc {
  align-content: center;
  text-align: center;
  padding: 5px 0 0 0;    
}

.flagLogo {
  padding: 10px 0px 50px 0;
}

.flagContainer{
	padding: 10px 0px;
	height: 80px;
}

@media (min-width: 768px){
.flagContainer{
	padding: 10px 0px;
	height: 120px;
}
}

.mapWal{
	background-image: url("../../assets/img/logos/wal-loc2.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.bagSpace {
  margin: 15px 0 25px 0;
}

.bagHead{
    padding-top: 55px;
}

.bagHolder {
  height: 150px;
  padding: 10px 0;
}

@media (min-width: 768px) {
  .bagHolder {
    height: 200px;
    padding: 10px 0;
  }
}


.bagBeans{
	background-image: url("../../assets/img/retail/CVP-BAG-GOLD.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.bagChonks{
	background-image: url("../../assets/img/retail/CVP-CHONK-BAG-GOLD.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.bagKVG{
	background-image: url("../../assets/img/retail/KVG-BAG.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.bagDVS{
	background-image: url("../../assets/img/retail/DVS-BEANS-BAG.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.onlineLogo {
  padding: 10px 0 -50px 0;
}

@media (min-width: 425px){
    .onlineLogo {
  padding: 10px 0 10px 0;
}
}

.shopLogo {
  height: 60px;
  margin: 0px 2px 10px 2px;
}

@media (min-width: 425px){
    .shopLogo {
  height: 70px;
  margin: 5px 5px 30px 5px;        
}
}

.walshop {
  background-image: url(../../assets/img/logos/logo-walmart.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.amzshop {
  background-image: url(../../assets/img/logos/logo-amz.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.cvpshop {
  background-image: url(../../assets/img/logos/logo-cvpS.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

#buyLoc2 {
  align-content: center;
  text-align: center;
}

.retailContainer {
  padding: 0 5px;
  height: 230px;
  margin: 0 0 15px 0;
}

@media (min-width: 425px){
.retailContainer {
  padding: 0 25px;
  height: 300px;    
}
}

.retailGroup{
	background-image: url("../../assets/img/logos/cvp-retailers.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.retailCanada{
	background-image: url("../../assets/img/logos/cvp-ret-canada.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.sectionInfo {
  font-family: 'Mouse Memoirs';
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 1.1px;
  color: #FFFFFF;
  margin: 50px 0 0 0;
  padding: 0 50px 10Spx 20px;    
}

@media (min-width: 768px) {
.sectionInfo {
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 1.1px;
  margin: 50px 0 0px 0;
  padding: 0 0 0 0;    
}
}

#sectionCopy {
  text-align: center;
  align-content: center;
}

.thumbBox {
  height: 200px;
}

.thumbBox {
  height: 80px;
}

@media (min-width: 425px) {
  .thumbBox {
    height: 120px;
  }
}

@media (min-width: 768px) {
  .thumbBox {
    height: 160px;
  }
}

@media (min-width: 992px) {
  .thumbBox {
    height: 200px;
  }
}
/*--Jumbos--*/
.thumb-j1 {
  background-image: url(../img/galleries/jumbo/thumb-j1.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.thumb-j2 {
  background-image: url(../img/galleries/jumbo/thumb-j2.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.thumb-j3 {
  background-image: url(../img/galleries/jumbo/thumb-j3.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.thumb-j4 {
  background-image: url(../img/galleries/jumbo/thumb-j4.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.thumb-j5 {
  background-image: url(../img/galleries/jumbo/thumb-j5.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.thumb-j6 {
  background-image: url(../img/galleries/jumbo/thumb-j6.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.thumb-j7 {
  background-image: url(../img/galleries/jumbo/thumb-j7.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.thumb-j8 {
  background-image: url(../img/galleries/jumbo/thumb-j8.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.thumb-j9 {
  background-image: url(../img/galleries/jumbo/thumb-j9.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.thumb-j10 {
  background-image: url(../img/galleries/jumbo/thumb-j10.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.thumb-j11 {
  background-image: url(../img/galleries/jumbo/thumb-j11.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.thumb-j12 {
  background-image: url(../img/galleries/jumbo/thumb-j12.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.thumb-j13 {
  background-image: url(../img/galleries/jumbo/thumb-j13.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.thumb-j14 {
  background-image: url(../img/galleries/jumbo/thumb-j14.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.thumb-j15 {
  background-image: url(../img/galleries/jumbo/thumb-j15.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.thumb-j16 {
  background-image: url(../img/galleries/jumbo/thumb-j16.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.thumb-j17 {
  background-image: url(../img/galleries/jumbo/thumb-j17.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.thumb-j18 {
  background-image: url(../img/galleries/jumbo/thumb-j18.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.thumb-j19 {
  background-image: url(../img/galleries/jumbo/thumb-j19.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.thumb-j20 {
  background-image: url(../img/galleries/jumbo/thumb-j20.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.thumb-j21 {
  background-image: url(../img/galleries/jumbo/thumb-j21.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.thumb-j22 {
  background-image: url(../img/galleries/jumbo/thumb-j22.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.thumb-j23 {
  background-image: url(../img/galleries/jumbo/thumb-j23.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.thumb-j24 {
  background-image: url(../img/galleries/jumbo/thumb-j24.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.thumb-j25 {
  background-image: url(../img/galleries/jumbo/thumb-j25.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.thumb-j26 {
  background-image: url(../img/galleries/jumbo/thumb-j26.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.thumb-j27 {
  background-image: url(../img/galleries/jumbo/thumb-j27.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.thumb-j28 {
  background-image: url(../img/galleries/jumbo/thumb-j28.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.thumb-j29 {
  background-image: url(../img/galleries/jumbo/thumb-j29.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.thumb-j30 {
  background-image: url(../img/galleries/jumbo/thumb-j30.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
/*--HUGGERS--*/
.thumb-h1 {
  background-image: url(../img/galleries/hugger/thumb-h1.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.thumb-h2 {
  background-image: url(../img/galleries/hugger/thumb-h2.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.thumb-h3 {
  background-image: url(../img/galleries/hugger/thumb-h3.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.thumb-h4 {
  background-image: url(../img/galleries/hugger/thumb-h4.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.thumb-h5 {
  background-image: url(../img/galleries/hugger/thumb-h5.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.thumb-h6 {
  background-image: url(../img/galleries/hugger/thumb-h6.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.thumb-h7 {
  background-image: url(../img/galleries/hugger/thumb-h7.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.thumb-h8 {
  background-image: url(../img/galleries/hugger/thumb-h8.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.thumb-h9 {
  background-image: url(../img/galleries/hugger/thumb-h9.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.thumb-h10 {
  background-image: url(../img/galleries/hugger/thumb-h10.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.thumb-h11 {
  background-image: url(../img/galleries/hugger/thumb-h11.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.thumb-h12 {
  background-image: url(../img/galleries/hugger/thumb-h12.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.thumb-h13 {
  background-image: url(../img/galleries/hugger/thumb-h13.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.thumb-h14 {
  background-image: url(../img/galleries/hugger/thumb-h14.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.thumb-h15 {
  background-image: url(../img/galleries/hugger/thumb-h15.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.thumb-h16 {
  background-image: url(../img/galleries/hugger/thumb-h16.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}



#funSection{
    padding: 0 0 20px 0;
}

.actionBox {
  align-content: center;
  height: 280px;
}

@media (min-width: 768px){ 
.actionBox {
  align-content: center;
  height: 400px;
}
}

.collectorHero {
  background-image: url("../../assets/img/collector-astro.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.btnClass {
  align-content: center;
  text-align: center;
}

.activeState {
  align-content: center;
  text-align: center;
}

#dropSection {
  align-content: center;
    text-align: center;
}

.plushieTag {
  font-family: 'rifficbold';
  font-size: 24px;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  padding: 55px 0 0 0;
}

.condoImg {
  height: 180px;
  padding: 20px;
}

@media (min-width: 576px) {
  .condoImg {
    height: 250px;
    padding: 20px;
  }
}

@media (min-width: 768px) {
  .condoImg {
    height: 300px;
    padding: 20px;
  }
}

.condoPS {
  background-image: url(../../assets/img/galleries/condos/condo-pickleshack.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.condoTH {
  background-image: url(../../assets/img/galleries/condos/condo-tacohut.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.condoKC {
  background-image: url(../../assets/img/galleries/condos/condo-kittycakes.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.condoLRG {
  height: 200px;
  padding: 20px;
}

@media (min-width: 576px) {
  .condoLRG {
    height: 300px;
    padding: 20px;
  }
}

@media (min-width: 768px) {
  .condoLRG {
    height: 380px;
    padding: 20px;
  }
}

.condoDX {
  background-image: url(../../assets/img/galleries/condos/condo-deluxe.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.condoText {
  text-align: center;
  margin: 20px 20px 30px 20px;
}

@media (min-width: 1200px) {
  .condoText {
    text-align: center;
    margin: 20px 200px 30px 200px;
  }
}

#stopMotion {
  align-content: center;
  text-align: center;
}

.stopMoPad {
  width: 320px;
  /*padding: 10px;*/
}

@media (min-width: 576px) {
  .stopMoPad {
    width: 480px;
    padding: 25px;
  }
}

@media (min-width: 768px) {
  .stopMoPad {
    width:540px;
    padding: 25px;
  }
}

.playIMG {
  height: 180px;
  padding: 10px;
}

@media (min-width: 576px) {
  .playIMG {
    height: 280px;
    padding: 20px;
  }
}

@media (min-width: 768px) {
  .playIMG {
    height: 350px;
    padding: 20px;
  }
}

.playCorn {
  background-image: url(../../assets/img/galleries/playsets/cornhole.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.playSweet {
  background-image: url(../../assets/img/galleries/playsets/sweetshop.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

#buyRetail {
  align-content: center;
  text-align: center;
}

.retailText {
  text-align: justify;
  font-family: 'Lato';
  font-weight: 600;
  color: #ffffff;
  font-size: 16px; 
      
}

@media (max-width: 425px) {
  .retailText {
  font-size: 18px; 
  }
}    
    
.retailText a:hover, a:visited, a:link, a:active{
	text-decoration-color: none !important;
    color: inherit !important;
}

.retailText a:hover {
    text-decoration-line: underline !important;
    text-decoration-thickness: 2px !important;
}

.subText {
  font-family: 'rifficbold';
  color: #ffffff;
  font-size: 24px;
  padding: 10px 0 0 0;
}

.retailSpace {
  margin-left: 50px;
  margin-top: -15px;
}

.bagText {
  font-family: 'Mouse Memoirs';
  color: #ffffff;
  font-size: 24px;
  padding: 10px 0 0 0;
  text-align: center;
  text-transform: uppercase;    
}

@media (min-width: 992px){
.bagText {
  font-size: 32px;
  letter-spacing: 1px;
  padding: 15px 0;
}
}

.bannerHolder{
    align-content: center;
    height: 100px;
}


@media (min-width: 768px){
    .bannerHolder{
    align-content: center;
    height: 150px;
}
}

.bannerDVS{
	background-image: url("../../assets/img/posters/dvs-banner.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}