body {
  background-color: #0dd794;
}


/*---TYPE---H3 thru H5 in GALLERY.CSS-----*/
.h1, h1 {
  font-family: 'Luckiest Guy';
  font-size: 52px;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-left: 10px;
  margin-top: 1px;
  margin-bottom: -25px;    
}

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

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

h2 {
  font-family: 'Luckiest Guy';
  font-size: 36px;
  color: #ffffff;
  text-align: left;
  padding: 0 5px;
}

@media (min-width: 576px) {
  h2 {
    font-size: 48px;
  }
}

.h6, h6 {
  font-family: 'Raleway' !important;
  font-weight: 600;	
  color: #FFFFFF;
  font-size: 24px;
  display: inline-block;
  text-align: left;    
}

a, a:hover, a:focus, a:active {
      text-decoration: none;
      color: inherit;
}

.storyMode {
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 14px;
  color: #FFF;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 1.2px;
  word-spacing: 1.5px;
  margin: 20px;
}

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

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

@media (min-width: 992px){
.storyMode {
  font-family: 'Mouse Memoirs';
  font-weight: 400;
  font-size: 24px;
  color: #FFF;
  text-align: center;
  line-height: 1.1;
  letter-spacing: 1.2px;
  word-spacing: 1.5px;
  margin: 0 25px;
}
}

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

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

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

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

.toyMode {
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 14px;
  color: #FFF;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 1.1px;
  word-spacing: 1.2px;
  margin: 10px 0px 15px 0;
  	
}

@media (min-width: 414px){
    .toyMode {
  font-size: 18px !important;
  margin: 10px 0px 15px 0;		
}
}

@media (min-width: 768px) {
 .toyMode {
  font-family: 'Mouse Memoirs' !important;
  font-size: 24px !important;
  font-weight: 400;	 
  color: #FFF;
  text-align: center;
  line-height: 1.1;
  letter-spacing: 1.2px;
  word-spacing: 1.5px;
  margin: 10px 0px 5px 5px;     
     
}
}

@media (min-width: 576px) {
  .toyMode {
    margin: 5px 5px 25px 5px;
  }
}
@media (min-width: 992px){
    .toySpace{
    margin-top: 50px;
}
}

.altMode {
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 16px;
  color: #FFF;
  text-align: left;
  line-height: 1.2;
  letter-spacing: 1.2px;
  word-spacing: 1.5px;
  margin: 5px;
}

@media (min-width: 414px){
  .altMode {
  font-size: 18px !important;
  padding-top: 15px;         
}
}

@media (min-width: 768px){
  .altMode {
  font-family: 'Mouse Memoirs';
  font-weight: 400;	  
  font-size: 30px !important;
  color: #FFF;
  text-align: left;
  line-height: 1.1;
  letter-spacing: 1.2px;
  word-spacing: 1.5px;
  margin: 10px 10px 5px 10px;   
}
}

.subTitle{
  font-family: 'Mouse Memoirs';
  font-weight: 400;
  font-size: 20px;
  color: #FFF;
  text-align: center;
  line-height: 1.1;
  letter-spacing: 1.2px;
  word-spacing: 1.5px;
  padding-top:200px;
}

@media (min-width: 576px){
  .subTitle{
  font-size: 22px;
  padding-top:200px;
}
}

@media (min-width: 786px){
  .subTitle{
  font-size: 24px;
  padding-top:200px;
}
}

/*-----------------------------*/
#mainGrid {
    padding: 25px;

}

@media (min-width: 576px){
    #mainGrid {
    padding: 25px 0 50px 0;
}
}

@media (min-width: 992px){
    #mainGrid {
    padding: 50px 0 25px 0;
}
}

.mainHolder {
  height: 10px;
  	margin: 0px;	
}
@media (min-width: 414){
    .mainHolder {
  height: 100px;
}
}


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

@media (min-width: 992){
    .mainHolder {
  height: 250px!important;
}
}

.myCS {
  background-image: url("../../assets/img/main/main_sheet.png");    
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.myBIOS {
  background-image: url("../../assets/img/main/main_bios.png");    
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.myTOYS {
  background-image: url("../../assets/img/main/main_toys.png");    
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.myFOOTAGE {
  background-image: url("../../assets/img/main/main_footage.png");    
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.myINV {
  background-image: url("../../assets/img/main/main_invasion.png");    
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.myPad{
	margin-bottom: 50px;
}
@media (min-width: 768px){
	.myPad{
	margin-bottom: 0px;
}
}
#mainVideo {
    padding: 5px 0 0 0;
}

@media (min-width: 992px){
    #mainVideo {
    padding: 50px 0 25px 0;
}
}

.myVidPad{
	margin: 0 0 20px 0;
}
@media (min-width: 768px){
	.myVidPad{
	margin: 0 0 50px 0;
}
}

#mainBuy {
	
  align-content: center;
  padding-top: 20px;	
}	

.mainStore {
  height: 130px;
   margin: 20px 0 25px 0;	
}
@media (min-width: 576px){
  .mainStore {
  height: 200px;
  margin: 20px 0 25px 0;	  
}
}

@media (min-width: 768px){
  .mainStore {
  height: 200px;
  margin: 20px 0 25px 0;	  
}
}
@media (min-width: 1024px){
  .mainStore {
  height: 300px;
}
}

.mainBanner {
  background-image: url("../../assets/img/main/buy-stripeM.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;	
}

@media (min-width: 768px){
.mainBanner {
  background-image: url("../../assets/img/main/buy-stripe.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;	
}
}

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

#story {
  padding: 0 20px;
}

@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;
  }
}

.slidePoster {
  width: 100%;
  height: auto;
}

.sectionTitle {
  margin-top: 20px;
  padding-left: 0px;
  padding-bottom: 15px;
}

@media (min-width: 768px){
  .sectionTitle {
  margin-top: 30px;
  padding-left: 5px;
  padding-bottom: 5px;
}
} 

@media (min-width: 992px){
  .sectionTitle {
  margin-top: 30px;
  padding-left: 35px;
  padding-bottom: 20px;
}
} 

#vsBrand {
  align-content: center;
  padding: 15px 0;	
}

.vsHolder {
  height: 80px;
  padding: 15px 0 25px 0;
  margin: 0 0 15px 0;	
}

@media (min-width: 414px){
	.vsHolder {
  height: 100px;
  padding: 15px 0 25px 0;
  margin: 0 0 15px 0;
}
}


@media (min-width: 768px){
	.vsHolder {
  height: 150px;
  padding: 50px 0;
  margin: 0 0 0 0;
}
}

.vsLogo {
  background-image: url("../../assets/img/main/VSWORLD.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}


#sectionStripe1{height: 0px;}

#sectionStripe2{height: 0px;}

#sectionStripe3{height: 0px;}

#sectionStripe4{height: 0px;}

#sectionStripe5{height: 0px;}

@media (min-width: 768px){
	#sectionStripe1{
	background-image: url("../../assets/img/bg/section_header1.svg");
	background-position: center;
	background-repeat: repeat;
	background-size: contain;	
	height: 100px;
}
	#sectionStripe2{
	background-image: url("../../assets/img/bg/section_header2.svg");
	background-position: center;
	background-repeat: repeat;
	background-size: contain;	
	height: 100px;
}
	#sectionStripe3{
	background-image: url("../../assets/img/bg/section_header3.svg");
	background-position: center;
	background-repeat: repeat;
	background-size: contain;	
	height: 100px;
}	
	#sectionStripe4{
	background-image: url("../../assets/img/bg/section_header4.svg");
	background-position: center;
	background-repeat: repeat;
	background-size: contain;	
	height: 100px;
}
	#sectionStripe5{
	background-image: url("../../assets/img/bg/section_header5.svg");
	background-position: center;
	background-repeat: repeat;
	background-size: contain;	
	height: 100px;
}
}


/*-------TOYS PAGE-------*/
.toysIntro {
    padding-top: 20px;
    align-content: center;
    text-align: center;
}

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

.imgHeader {
  height: 180px;
  margin-left: 20px;    
}


@media (min-width: 414px){
.imgHeader {
  height: 250px;
  margin-left: 5px;    
}
}

@media (min-width: 576px){
.imgHeader {
  height: 280px;
  margin-left: 30px;    
}
}

@media (min-width: 768px){
.imgHeader {
  height: 280px;
 margin-left: 0px;     
}
}
.imgHolder {
  height: 120px;
  margin-top: 15px;    
}

@media (min-width: 414px){
.imgHolder {
  height: 160px;
    margin-top: 20px;
}
}


@media (min-width: 768px){
.imgHolder {
  height: 250px;
    margin-top: 0px;
}
}

.toyHeader {
  background-image: url("../../assets/img/toys/cva-group.png");
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
}

.toyCows {
  background-image: url("../../assets/img/toys/cva-cows.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}

.toyAliens {
  background-image: url("../../assets/img/toys/cva-aliens.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}



#toysMain {
  align-content: center;
  padding: 10px;
}

#toysBearSec {
  align-content: center;
  padding: 10px;
}

#toysDonutsSec {
  align-content: center;
  padding: 10px;
}


/*------MOVIE PAGE------*/

#movieTalk{
    align-content: center;
}

.altIntro {
    padding-top: 20px;
    align-content: center;
    text-align: center;
}

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

#moviesGrid {
  padding-top: 30px;
}

#moviesGrid {
  padding-top: 30px;
}

.movHolder {
  height: 110px;
  margin: 5px 0 20px 0;
}

@media (min-width: 360px){
	.movHolder {
  height: 120px;
  margin: 5px 0 15px 0;
}
}

@media (min-width: 414px){
	.movHolder {
  height: 130px;
  margin: 15px;
}
}

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

@media (min-width: 768px){
	.movHolder {
  height: 180px;
  margin: 20px;
}
}

@media (min-width: 992px){
	.movHolder {
  height: 230px;
  margin: 20px;
}
}

.movie1 {
  background-image: url("../../assets/img/movies/movie02.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.movie2 {
  background-image: url("../../assets/img/movies/movie03.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.movie3 {
  background-image: url("../../assets/img/movies/movie04.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.movie4 {
  background-image: url("../../assets/img/movies/movie05.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.trailerIMG {
  height:160px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;    
}
	
@media (min-width: 360px) {
  .trailerIMG {
    height: 160px;
   margin: 0 0 24px 0;
  }
}

@media (min-width: 414px) {
  .trailerIMG {
    height: 210px;
	margin: 0 0 5px 0;
  }
}
@media (min-width: 576x) {
  .trailerIMG {
    height: 240px;

  }
}

@media (min-width: 768px) {
  .trailerIMG {
    height: 320px;

  }
}

@media (min-width: 992px) {
  .trailerIMG {
    height: 405px;

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

/*-------ACTIVITY PAGE-----------*/
.actHolder {
  height: 70px;
  margin: 5px 0 30px 0;
}

@media (min-width: 360px){
	.actHolder {
  height: 80px;
  margin: 5px 0 30px 0;
}
}

@media (min-width: 414px){
	.actHolder {
  height: 90px;
  margin: 15px;
}
}

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

@media (min-width: 768px){
	.actHolder {
  height: 210px;
  margin: 15px;
}
}

@media (min-width: 992px){
	.actHolder {
  height: 300px;
  margin: 10px;
}
}

@media (min-width: 1200px){
	.actHolder {
  height: 240px;
  margin: 30px;
}
}

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

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

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

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

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

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

.actTitle {
font-family: 'Raleway';
	font-size: 15px;
	font-weight: 600;
    line-height: 1.1;
	color: #FFF;
	padding-top: 130px;
	text-align: center !important;	
}

@media (min-width: 390px){
	.actTitle {
	font-size: 15px;	
	padding-top: 160px;
	margin-bottom: 20px	
}
}

@media (min-width: 576px){
	.actTitle {	
	font-size: 15px;	
	padding-top: 140px;	
}
}

@media (min-width: 768px){
	.actTitle {
  font-family: 'Mouse Memoirs' !important;
  font-size: 24px !important;
  font-weight: 400;	 
  color: #FFF;
  text-align: center;
  line-height: 1.1;
  letter-spacing: 1.2px;
  word-spacing: 1.5px;
  padding-top: 200px;
  margin-bottom: 0px			
}
}

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

@media (min-width: 1366px){
	.actTitle {
	font-size: 24px;	
	padding-top: 285px;
}
}
/*----------BUY PAGE-----------*/

#buyMain{

    align-content: center;
    padding: 24px 0;
}

.buyHolder {
  height: 180px;
}

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

.myShop {
  background-image: url("../../assets/img/main/main-basket.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.buySpace {
    text-align: center;
    align-content: center;
    margin-top: 10px;
}

@media (min-width: 768px){
    .buySpace {
    margin-top: 10px;
}
}

#wmMain{

    align-content: center;
    padding: 24px 0;
}

.wmHolder {
  height: 180px;
}

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



#buyRetail {
  align-content: center;
}

#buyBag {
  align-content: center;
}

.img2Holder {
  height: 90px;
  margin-top: 15px;    
}

@media (min-width: 360px){
.img2Holder {
  height: 50px;
    margin: 10px;
}
}

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

@media (min-width: 768px){
.img2Holder {
  height: 110px;
    margin: -10px;
}
}

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

@media (min-width: 1200px){
.img2Holder {
  height: 75px;
    margin: 15px;
}
}

.bagHolder {
  height: 200px;
  margin-top: 15px;    
}

@media (min-width: 576px){
.bagHolder {
  height: 200px;
    margin-top: 10px;
}
}

@media (min-width: 768px){
.bagHolder {
  height: 200px;
    margin-top:20px;
}
}


.retPara {
  text-align: center;
  margin: 15px;
}

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

.retBVDShop {
  background-image: url("../../assets/img/logos/bvd-shop.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

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

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

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

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

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

.retCVA-BAG {
  background-image: url("../../assets/img/main/CVA_BAGS.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/*-------LEGAL PAGES-----------*/

#legalMain{

    align-content: center;
    padding: 24px 0;
}

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

.legalBox {
  font-family: 'Lato';
  color: #FFFFFF;
  font-size: 14px;
  /*padding: 20px 30px 30px 30px;*/
  display: inline-block;
  text-align: left;    
}

@media (min-width: 576px){
.legalBox {
  font-size: 16px;

}
}

@media (min-width: 768px){
.legalBox {
  font-size: 18px;

}
}

@media (min-width: 992px){
.legalBox {
  font-size: 18px;

}
}

/*----------MSIC PAGE--------*/


#miscPage{
align-content: center;
}


.miscHolder {
  height: 190px;
  margin: 24px 0 20px 0;    
}

@media (min-width: 576px){
 .miscHolder {
  height: 220px;
}
}

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

.miaImg {
  background-image: url("../../assets/img/misc/404.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}