@charset "utf-8";
/* CSS Document */

/* ======================================================= 
 GRID CSS
 *    
 * ======================================================= */


* {
  box-sizing: border-box;
}
.carousel1{
	display: none;
}
.carousel2{
	display: block;
	padding-top:80px;
}
h1, h2, h3, h4{
	text-align: center;
}
.blur{
	filter:blur(0.25rem);
}
body{
	display:flex;
	flex-direction: column;
}
html,body{	
	height: 100%;
}

video{
	max-width: 100%;
}
img{
		pointer-events: none;
}
#Vid_Large{
	display: none!important;
}
#Vid_Medium{
  display: none!important;
}
#Vid_Small{
	display: block!important;
}
a{
	color: #424242;
}
.cta {
    display: flex;
    justify-content: center;
    align-items: center;
}
.cta iframe{
	display: block;
}
.cta-c{
	padding: 5%;
}
.cal-box{
	flex: 1 1 auto;
    display: flex; 
}
.cal-box iframe {
	width: 100%;
	border: 0;
	height: 600px;
  }
.grid1 a{
	color:#008aca;
}
.cta-c img,iframe{
	max-width: 100%;
}
.w100{
	width: 100%;
	height: auto;
}

blockquote {
  font: 1.1em/2 'Playfair Display', serif;
  font-style: italic;
  margin: 0 0 2em 0;
}


.slick-slide img{
	width: 100%;
}
.slick-arrow{
	z-index: 999;
}

.image{
	max-width: 100%;
}
.w30{
	width: 30%;
}
.w40{
	width: 40%;
}
.w50{
	width: 50%;
}
.w60{
	width: 60%;
}

.w70{
	width: 7%;
}

.w80{
	width: 80%;
}
.w20{
	width:20%;
}

.mh50{
	max-height: 50%;
}
.grid1{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	grid-row-gap: 2vh;
	grid-column-gap: 1em;
}
.grid2{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-row-gap: 8vh;
	grid-column-gap: 0.5em;
	margin-bottom: 3vh;
}
.grid3{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-row-gap: 8vh;
	grid-column-gap: 2%;
}
.col_l{
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	display: flex;
	flex-flow: column;
}
.col_r{
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	display: flex;
	flex-flow: column;
}

.col_ctr{
	grid-column: 1 / 3;
	grid-row: 2 / 3;
	display: flex;	
}
.cta-wrapper6 .col_l,.cta-wrapper6 .col_r{
	border: .5px #ccc solid;
}
.grid2 ul>li:first-child{
	list-style: none;
	text-align: center;
	font-weight: 600;
}
.cta-wrapper5 ul, .cta-wrapper6 ul{
	padding-inline-start:18px;
}

.cta-wrapper7 ul{
	padding-inline-start:0px;
}
.grid2 span{
	margin-top: auto;
	text-align: center;
	font-weight: 600;
}
.grid3 span{
	margin-top: auto;
	text-align: center;
	font-weight: 600;
}
.col_a{
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	display: flex;
	z-index: 1;
	padding: 0;
	border: .5px #ccc  solid;
	flex-flow: column;
}
.col_b{
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	display: flex;
	z-index: 1;
	padding: 0;
	border: .5px #ccc  solid;
	flex-flow: column;
}
.col_c{
	grid-column: 3 / 4;
	grid-row: 1 / 2;
	display: flex;
	z-index: 1;
	padding: 0;
	border: .5px #ccc  solid;
	flex-flow: column;
}
.grid1 hr{
	border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(128, 128, 128);
    border-right-color: rgb(128, 128, 128);
    border-bottom-color: rgb(128, 128, 128);
    border-left-color: rgb(128, 128, 128);
    background-color: rgb(128, 128, 128);
}
.wid25{
		width:25%;
	}
.wid15{
		width:15%;
	}
.wid40{
		width:40%;
	}
.wid50{
		width:50%;
	}
.fl-l{
	float:left;
	
}
.fl-r{
	float:right;
}
.img-d-non{
		display:none;
}
.grid1 {
	  display: grid;
    grid-template-columns: 1fr 2em 1fr;
    grid-template-rows: auto;
}
.gal-container{	
	flex: 1 0 auto;
}

.cta-bottom{
	flex-shrink: 0;
	text-align: center;
}
.cta-wrapper1 {
	grid-column: 1 / 4;
	grid-row: 1 / 2;
	z-index: 1;
	padding: 0;
	height: auto;
	width: 100%;
	margin: 0 auto;
}
.cta-wrapper1c {
	padding-top: 50px;
	position: static;
}
.cta-wrapper1a {
	padding-top: 50px;
	position: static;
}
  .cta-wrapper1a a{
	text-decoration: underline;
	color:#424242;
}
.cta-wrapper2 {
	grid-column: 1 / 4;
	grid-row: 2 / 3;
	display: grid;
	justify-content: center;
	align-content: center;
	grid-auto-flow: row;
	gap: 10px;
	padding: 0 2vw;
  }
.cta-wrapper2a {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
	display: grid;
	justify-content: center;
	align-content: center;
	grid-auto-flow: row;
	gap: 10px;
	padding-left: 2vw;
  }
.cta-wrapper2b {
    grid-column: 3 / 4;
    grid-row: 2 / 3;
	display: grid;
	justify-content: center;
	align-content: center;
	grid-auto-flow: row;
	gap: 10px;
	padding-right: 2vw;
  }
.cta-wrapper3 {
    grid-column: 1 / 4;
    grid-row: 3 / 4;
	display: grid;
	justify-content: center;
	align-content: center;
	grid-auto-flow: row;
	gap: 10px;
	padding: 0 2vw;
  }
.cta-wrapper3a {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
	display: grid;
	justify-content: center;
	align-content: center;
	grid-auto-flow: row;
	gap: 10px;
	padding-left: 2vw;
  }
.cta-wrapper3b {
	grid-column: 3 / 4;
    grid-row: 3 / 4;
	display: grid;
	justify-content: center;
	align-content: center;
	grid-auto-flow: row;
	gap: 10px;
	padding-right: 2vw;
}
.cta-wrapper4 {
    grid-column: 1 / 4;
    grid-row: 4 / 5;
	display: grid;
	justify-content: center;
	align-content: center;
	grid-auto-flow: row;
	gap: 10px;
	padding: 0 2vw;
  }
.cta-wrapper4a {
    grid-column: 1 / 2;
    grid-row: 4 / 5;
	display: grid;
	justify-content: center;
	align-content: center;
	grid-auto-flow: row;
	gap: 10px;
	padding-left: 2vw;
  }
.cta-wrapper4b {
    grid-column: 3 / 4;
    grid-row: 4 / 5;
	display: grid;
	justify-content: center;
	align-content: center;
	grid-auto-flow: row;
	gap: 10px;
	padding-right: 2vw;
  }
  
.cta-wrapper5 {
    grid-column: 1 / 4;
    grid-row: 5 / 6;
	display: grid;
	justify-content: center;
	align-content: center;
	grid-auto-flow: row;
	gap: 10px;
	padding: 0 2vw;
  }
.cta-wrapper5a {
    grid-column: 1 / 2;
    grid-row: 5 / 6;
	display: grid;
	justify-content: center;
	align-content: center;
	grid-auto-flow: row;
	gap: 10px;
	padding-left: 2vw;
  }
.cta-wrapper5b {
    grid-column: 3 / 4;
    grid-row: 5 / 6;
	display: grid;
	justify-content: center;
	align-content: center;
	grid-auto-flow: row;
	gap: 10px;
	padding-right: 2vw;
  }
.cta-wrapper6 {
    grid-column: 1 / 4;
    grid-row: 6 / 7;
	display: grid;
	justify-content: center;
	align-content: center;
	grid-auto-flow: row;
	gap: 10px;
	padding: 0 2vw;
  }
.cta-wrapper6a {
    grid-column: 1 / 2;
    grid-row: 6 / 7;
	display: grid;
	justify-content: center;
	align-content: center;
	grid-auto-flow: row;
	gap: 10px;		
  }
.cta-wrapper6b {
    grid-column: 3 / 4;
    grid-row: 6 / 7;
	display: grid;
	justify-content: center;
	align-content: center;
	grid-auto-flow: row;
	gap: 10px;
	padding-right: 2vw;
  }
.cta-wrapper7 {
    grid-column: 1 / 4;
    grid-row: 7 / 8;
	display: grid;
	justify-content: center;
	align-content: center;
	grid-auto-flow: row;
	gap: 10px;
	padding: 0 2vw;
  }
.cta-wrapper7a {
    grid-column: 1 / 2;
    grid-row: 7 / 8;
	display: grid;
	justify-content: center;
	align-content: center;
	grid-auto-flow: row;
	gap: 10px;
	padding-left: 2vw;
  }
.cta-wrapper7b {
    grid-column: 3 / 4;
    grid-row: 7 / 8;
	display: grid;
	justify-content: center;
	align-content: center;
	grid-auto-flow: row;
	gap: 10px;
	padding-right: 2vw;
  }
.cta-wrapper8 {
    grid-column: 1 / 4;
    grid-row: 8 / 9;
	width:100%;
	display: grid;
	align-content: center;
	grid-auto-flow: row;	
	flex-wrap: wrap;
	gap: 10px;
	padding: 0 2vw;
  }
.cta-wrapper8a {
    grid-column: 1 / 2;
    grid-row: 8 / 9;
	display: grid;
	justify-content: center;
	align-content: center;
	grid-auto-flow: row;
	gap: 10px;
	padding-left: 2vw;
  }
.cta-wrapper8b {
    grid-column: 3 / 4;
    grid-row: 8 / 9;
	display: grid;
	justify-content: center;
	align-content: center;
	grid-auto-flow: row;
	gap: 10px;
	padding-right: 2vw;
  }
.cta-wrapper9{
	grid-column: 1 / 4;
    grid-row: 9 / 10;
	display: grid;
	justify-content: center;
	align-content: center;
	grid-auto-flow: row;
	gap: 10px;
}
.cta-wrapper10{
	grid-column: 1 / 4;
    grid-row: 10 / 11;
	display: grid;
	justify-content: center;
	align-content: center;
	grid-auto-flow: row;
	gap: 10px;
}
.contbox-c4 .open-fancy1{
	text-decoration: underline;
	cursor: pointer;
}
.contbox-c4 .open-fancy1:hover{
	color:#008aca !important;
	cursor: pointer;
}
.contbox-c4 tr{
	border-bottom: 1px solid grey;
}
.contbox-c4 tr:last-child{
	border-bottom: none;
}
.contbox-c4 h3{
	margin-top: 0px;
	margin-bottom: 20px;
}

.imgchkbx{
	display: none;
	position: absolute;
	bottom:10px;
	right:10px;
}

.selectedNumberWR{
	position:fixed;
	top:80px;
	right:0px;
	display: none;
  }

#submitAlbum{
	display: none;
	position: fixed;
	top: 110px;
	right: 0px;
}

.lrdl{
	position: fixed; 
	top:10px; 
	left:10px; 
	width:60px; 
	cursor:pointer; 
	z-index:999;
}
.mrdl{
	position: fixed; 
	top:10px; 
	left:75px; 
	width:60px; 
	cursor:pointer; 
	z-index:999;
}
.hrdl{
	position: fixed; 
	top:10px; 
	left:140px; 
	width:60px; 
	cursor:pointer; 
	z-index:999;
}
.shopIcon{
	position: fixed; 
	size: 2em;
	top:10px; 
	right:10px; 
	width:60px;	
	cursor:pointer; 
	z-index:999;
	padding: 5px;
}
.media-box-image input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(4); /* IE */
  -moz-transform: scale(4); /* FF */
  -webkit-transform: scale(4); /* Safari and Chrome */
  -o-transform: scale(4); /* Opera */
  transform: scale(4);
  margin: 30px;
}
.albumInfBtn{
	position: absolute;
	top: 5%;
	left: 10%;
	cursor: pointer;
}
.albimg{
	height:100px;
	margin: 0px 20px;
}
.albumimgwr{
	width: 100%;
	text-align: center;
}
.vcart{
	position:fixed; 
	z-index:999; 
	top: 0px; 
	left:0px; 
	height:25px;
}


@media only screen and (min-width: 720px) {
	.vcart{
		position:absolute; top:60px;right:0px; left:auto; z-index:9999; height:35px;
	}
.imgrw8{
		width: 25%;
	}
	.cta-wrapper1 {  
    grid-column: 1 / 4;
    grid-row: 1 / 2;
	  z-index: 1;
	  padding: 0;
	  height: auto;
	  width: 100%;
	  
  }
  #Vid_Large{
	display: none!important;
  }
  #Vid_Medium{
	display: block!important;
}
#Vid_Small{
	display: none!important;
}
	.cta-c{
	padding: 0% 15%;
	text-align: justify;
}

.lrdl{
	position: fixed; 
	top:10px; 
	left:110px; 
	width:60px; 
	cursor:pointer; 
	z-index:999;
}
.mrdl{
	position: fixed; 
	top:10px; 
	left:175px; 
	width:60px; 
	cursor:pointer; 
	z-index:999;
}
.hrdl{
	position: fixed; 
	top:10px; 
	left:240px; 
	width:60px; 
	cursor:pointer; 
	z-index:999;
}
}
@media only screen and (min-width: 800px) {
	.carousel1{
	display: block;
}
.carousel2{
	display: none;
}
}

@media only screen and (min-width: 850px) {
	.img-d-non{
		display:none;
	}
	
	.imgrw8{
		width: 12.5%;
	}
	.imgrw2{
		max-width: 80%;
	}
	.max50{
		max-height: 100%;
	}
	.grid1 {
		grid-template-columns: 2fr 1fr 2fr 1fr 2fr;
		grid-auto-rows: min-content;
		grid-row-gap: 8vh;
		column-gap: 3em;
	}
	.cta-wrapper1 {
		grid-column: 1 / 6;
		grid-row: 1 / 2;
		z-index: 1;
		padding: 0;
		height: auto;
		width: 100%;
	}
	.cta-wrapper1a {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
		padding-left: 40px;
		position:sticky;
		top:20px; 
		align-self:flex-start;
	}
	.cta-wrapper1b {
    grid-column: 4 / 5;
    grid-row: 1 / 2;
  }
	.cta-wrapper1c {
    grid-column: 2 / 5;
    grid-row: 1 / 2;
  }
	.cta-wrapper2 {
    grid-column: 2 / 5;
    grid-row: 2 / 3;
  }
  .cta-wrapper2a {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
  }
	.cta-wrapper2b {
    grid-column: 4 / 5;
    grid-row: 2 /3;
  }
	.cta-wrapper3 {
    grid-column: 2 / 5;
    grid-row: 3 / 4;
  }
	.cta-wrapper3a {
    grid-column: 2 / 4;
    grid-row: 3 / 4;
  }
	.cta-wrapper3b {
    grid-column: 4 / 5;
    grid-row: 3 / 4;
		position: static;
  }
	.cta-wrapper4 {
    grid-column: 2 / 5;
    grid-row: 4 / 5;
  }
	.cta-wrapper4a {
    grid-column: 2 / 3;
    grid-row: 4 / 5;
		
  }
	.cta-wrapper4b {
    grid-column: 3 / 5;
    grid-row: 4 / 5;
  }
	.cta-wrapper5 {
    grid-column: 2 / 5;
    grid-row: 5 / 6;
  }
	.cta-wrapper5a {
    grid-column: 2 / 3;
    grid-row: 5 / 6;
		
  }
	.cta-wrapper5b {
    grid-column: 4 / 5;
    grid-row: 5 / 6;
  }
	.cta-wrapper6 {
    grid-column: 2 / 5;
    grid-row: 6 / 7;
  }
	.cta-wrapper6a {
    grid-column: 2 / 3;
    grid-row: 6 / 7;
		
  }
	.cta-wrapper6b {
    grid-column: 4 / 5;
    grid-row: 6 / 7;
  }
	.cta-wrapper7 {
    grid-column: 2 / 5;
    grid-row: 7 / 8;
  }
	.cta-wrapper7a {
    grid-column: 2 / 3;
    grid-row: 7 / 8;
  }
	.cta-wrapper7b {
    grid-column: 4 / 5;
    grid-row: 7 / 8;
		position: static;
  }
	.cta-wrapper8 {
    grid-column: 1 / 6;
    grid-row: 8 / 9;
  }
	.cta-wrapper8a {
    grid-column: 2 / 3;
    grid-row: 8 / 9;
		position: static;
  }
	.cta-wrapper8b {
    grid-column: 4/ 5;
    grid-row: 8 / 9;
  }
	.cta-wrapper9{
	grid-column: 2 / 5;
    grid-row: 9 / 10;
}
	.cta-wrapper10{
	grid-column: 2 / 5;
    grid-row: 10 / 11;
}
}
@media only screen and (min-width: 1200px) {
	video{  
    margin: 0 auto;
	width:1920px;
	max-width: 100%;
	  
  }
}

@media only screen and (min-width: 1280px) {
	video{  
    margin: 0 auto;
	width:1920px;
	max-width: 100%;
	  
  }
  #Vid_Large{
	display: block!important;
}
  #Vid_Medium{
	display: none!important;
}
#Vid_Small{
	display: none!important;
}
	.cta-c{
	padding: 0% 15%;
	text-align: justify;
}
}
@media only screen and (min-width: 1301px) {
.vcart{
	position:absolute; top:0px;right:0px; left:auto; z-index:9999; height:40px;
}
}