.armadilloSoloContentContainer { position: relative; }
.armadilloSoloContentContainer .armadilloEditButton { position: absolute; top: 0; right: 0; z-index: 999; background: #666; color: white; border-radius: 3px; opacity: 0.5; cursor: pointer; }
.armadilloSoloContentContainer .armadilloEditButton a i.fa { color: white !important; }
.armadilloSoloContentContainer:hover .armadilloEditButton { opacity: 1; }
.armadilloSoloContentContainer .armadilloEditButton a { color: white !important; padding: 5px 5px 3px 5px !important; text-decoration: none; }
.editSoloContent, .redactorbox { width: 300px; }
.editSoloContent .toolbar-fixed-box + .redactor-editor { padding-top: 82px !important; }
ul.redactor-toolbar.toolbar-fixed-box { visibility: visible !important; top: 0 !important; }
.uk-htmleditor .uk-htmleditor-content .uk-htmleditor-preview[style] { height: 500px !important; }
.armadilloEditorFullscreen .fancybox-close { opacity: 0; }
@media (min-width:768px) { .editSoloContent, .redactor-box { width: 550px; } }
@media (min-width:992px) { .editSoloContent, .redactor-box { width: 650px; } }
@media (min-width:1200px) { .editSoloContent, .redactor-box { width: 750px; } .editSoloContent .toolbar-fixed-box + .redactor-editor { padding-top: 42px !important; } }
.editSoloContent textarea { width: 100%; }
.editSoloContent p.saveSoloContentDetails { margin: 15px 0; padding: 0; }
.armadilloPadding { padding: 15px 0; }
a.armadilloButton, a.armadilloButton:link, a.armadilloButton:visited { padding: 5px 10px; background-color: green; color: white !important; text-decoration: none !important; border-radius: 4px; }
.saveSoloContent { margin-left: 10px; opacity: 0; display: inline-block; }
.saveSoloContent.progress { margin: 0 0 0 10px; padding-bottom: 5px; height: 5px; width: 100px; background: url(../rw_common/plugins/stacks/armadillo/core/images/loading.gif) center center no-repeat;}
/* Redactor Styles */
/* Z-index setup */
.redactor-editor, .redactor-box, .redactor-box textarea { z-index: auto; }
.redactor-box-fullscreen { z-index: 1051; }
.redactor-toolbar { z-index: 100; }
.redactor-dropdown, .redactor-modal-box { z-index: 8052 !important; }

#stacks_in_66_page0 {
	margin: 20px 0px 0px 0px;
}

#stacks_in_68_page0 {
	margin: 40px 0px 0px 0px;
}

#stacks_in_133_page0 {
	padding: 0px 0px 40px 0px;
}
#stacks_in_73_page0>.s3_row {
	margin: 0 -20px;
}

#stacks_in_73_page0>.s3_row>.s3_column_left {
	width: 35.00%;
}

#stacks_in_73_page0>.s3_row>.s3_column_right {
	width: 65.000000%;
}




#stacks_in_73_page0>.s3_row>.s3_column {
	padding: 0 20px;
}










@media only screen and (max-width: 770px) {


	#stacks_in_73_page0>.s3_row  {
		margin: -20px 0;
	}
	#stacks_in_73_page0>.s3_row>.s3_column {
		padding: 20px 0;
		width:100%;
	}


}



@media only screen and (max-width: 400px) {


	#stacks_in_73_page0>.s3_row  {
		margin: -20px 0;
	}
	#stacks_in_73_page0>.s3_row>.s3_column {
		padding: 20px 0;
		width:100%;
	}


}






#stacks_in_73_page0 {
	margin: 0px 0px 50px 0px;
}
/* DooBox Spin CSS Document */




#stacks_in_99_page0 .stacks_in_99_page0spin{
display:none;
}








#stacks_in_99_page0 {
	margin: 40px 2px 2px 2px;
	padding:  5px;
}

#stacks_in_81_page0 {
	margin: 30px 0px 0px 0px;
}
/* SmartFloat stack v1.2.1 */


/* ---------------------------------------------------------------------- PRELOAD BG IMAGES ---------------------------------------------------------------------- */







/* ---------------------------------------------------------------------- GENERAL SETTINGS ----------------------------------------------------------------------- */

#stacks_in_167_page0-float, #stacks_in_167_page0-around,
#stacks_in_167_page0-float *, #stacks_in_167_page0-around * {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#stacks_in_167_page0-spacer {
	display: none;
}

/* ---------------------------------------------------------------------- FLOATING ELEMENT ----------------------------------------------------------------------- */

#stacks_in_167_page0-float {
	position: relative;
	z-index: 1;
	float: left;
	width: 66%;


	
	width: calc(66% - 0px); /* 1: float: left; detailed margin = 0 */
	



	
		
	margin: 0px; /* float: left; detailed margin = 0; border = no */
		 
	 


	padding: 0px;

  	border-radius: 0px;
	
	
}



/* ---------------------------------------------------------------------- WRAPPING ELEMENT ----------------------------------------------------------------------- */

#stacks_in_167_page0-around {
  	
	border-radius: 0px;
		
	
}

#stacks_in_167_page0-around:after {
	clear: both;
	content: "";
	display: table;
}


#stacks_in_167_page0 div.stacks_out, #stacks_in_167_page0 div.stacks_in {
	overflow: visible; 
}

/* ------------------------------------------------------------------- RESPONSIVE: BIG SCREEN -------------------------------------------------------------------- */


#stacks_in_167_page0-float {
	
	
}


/* ------------------------------------------------------------------- RESPONSIVE: SMALL SCREEN ------------------------------------------------------------------ */



/* ---------------------------------------------------------------------- RESPONSIVE IMAGE ----------------------------------------------------------------------- */



/* End of SmartFloat stack */

#stacks_in_156_page0 {
	margin: 30px 0px 0px 0px;
}
/* @group FancyViewer Trigger */

#fancyviewerTriggerstacks_in_152_page0 {
	cursor: pointer;
}

/* @end */

/* @group Window Shade */

#shade1 {
	z-index: 998; 
	padding: 0;
	margin: 0;
	cursor: pointer;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
}

/* No background */
#shade1.fancyviewerShadeNone {
	background: transparent;
}


/* Solid colour fill */
#shade1.fancyviewerShadeSolid {
	background: #777777;
}

/* Vertical gradient fill */
#shade1.fancyviewerShadeVertical {
	background-color: #000000;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000));
	background-image: -moz-linear-gradient(top, #333333, #000000);
	background-image: -ms-linear-gradient(top, #333333, #000000);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000));
	background-image: -webkit-linear-gradient(top, #333333, #000000);
	background-image: -o-linear-gradient(top, #333333, #000000);
	background-image: linear-gradient(top, #333333, #000000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0);
}


/* Horizontal gradient fill */
#shade1 {
	background-color: #333333;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000));
	background-image: -moz-linear-gradient(left, #333333, #000000);
	background-image: -ms-linear-gradient(left, #333333, #000000);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000));
	background-image: -webkit-linear-gradient(left, #333333, #000000);
	background-image: -o-linear-gradient(left, #333333, #000000);
	background-image: linear-gradient(left, #333333, #000000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1);
}


/* Top left to bottom right diagonal gradient fill */
#shade1.fancyviewerShadeTLDiagonal {
	background: #333333;
	background: -moz-linear-gradient(-45deg,  #333333 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000));
	background: -webkit-linear-gradient(-45deg,  #333333 0%,#000000 100%);
	background: -o-linear-gradient(-45deg,  #333333 0%,#000000 100%);
	background: -ms-linear-gradient(-45deg,  #333333 0%,#000000 100%);
	background: linear-gradient(135deg,  #333333 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 );
}

/* Bottom left to top right diagonal gradient fill */
#shade1.fancyviewerShadeBLDiagonal {
	background: #333333;
	background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000));
	background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%);
	background: -o-linear-gradient(45deg, #333333 0%,#000000 100%);
	background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%);
	background: linear-gradient(45deg, #333333 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 );
}

/* Radial gradient fill */
#shade1.fancyviewerShadeRadial {
	background: #333333;
	background: -moz-radial-gradient(center, ellipse cover,  #333333 0%, #000000 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000));
	background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%);
	background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%);
	background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%);
	background: radial-gradient(ellipse at center, #333333 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 );
}

/* Local image image applied as a CSS background */
#shade1.fancyviewerShadeLocalImage {
	background: url();
	background-position: center center;
	background-repeat: repeat;
}

/* Warehoused image applied as a CSS background */
#shade1.fancyviewerShadeWarehousedImage {
	background: url();
	background-position: Center Center;
	background-repeat: Center Center;
}

/* @end */

%[if edit]%

#fancyviewerTriggerstacks_in_152_page0:hover,
.fancyviewer:hover {
	cursor: pointer !important;
}

#fancyviewer1 {
	display: none;
	margin: 0 auto;
	position: fixed;
	max-width: 700px;
	text-align: center;
	z-index: 999;
	overflow: auto;
}

#fancyViewerInnerstacks_in_152_page0 {
	background: #FFFFFF;
	padding: 25px;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);;
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);;
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);;
	border-radius: 3px;
}

#fancyviewer1, 
#fancyviewer1::before, 
#fancyviewer1::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#fancyviewerContentstacks_in_152_page0 {
	position: relative;
	z-index: 99999;
	text-align: left;
}

/* Responsive behavior */
#fancyviewerContentstacks_in_152_page0 img {
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
}

#fancyviewerContentstacks_in_152_page0 .fancyviewerVideo {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    overflow: visible;
}
 
#fancyviewerContentstacks_in_152_page0 .fancyviewerVideo iframe,
#fancyviewerContentstacks_in_152_page0 .fancyviewerVideo object,
#fancyviewerContentstacks_in_152_page0 .fancyviewerVideo embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* @group Close Buttons */

#fancyviewerClose1,
#fancyviewerClose1 *
#fancyviewerClose1 *::after,
#fancyviewerClose1 *::before {
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
}

#fancyviewerClose1 .fancyviewerCloseInner
#fancyviewerClose1 .fancyviewerCloseInner [class^="fa fa-"] {
	color: #FFFFFF;	
}

/*  */

/*  */

/*  */

/*  */

#fancyviewer1 {
	padding: 20px;
}

#fancyviewerClose1 {
	position: absolute;
	top: -20px;
	right: -20px;
	font-size: 30px;
	cursor: pointer;
	z-index: 1001;
	display: none;
	background: #ffffff;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 16px;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);;
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);;
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);;
	margin: 7px;
}

#fancyviewerClose1 [class^="fa fa-"] {
	color: #000000;
	line-height: 1.00em;
}

/*  */

.fancyviewerActive1 #fancyviewerClose1 {
	display: block;
}

/* @end */

/* @group Responsive */

@media screen and (max-width: 360px) {
	#fancyviewer1 {
		display: block;
		position: relative !important;
		top: auto !important;
		bottom: auto !important;
		left: auto !important;
		right: auto !important;
		padding: 0;
	}
	
	#fancyViewerInnerstacks_in_152_page0 {
		padding: 0 !important;
		margin: 0 !important;
		box-shadow: none;
	}
	
	.fancyviewerClose,
	#fancyviewerTriggerstacks_in_152_page0 {
		display: none !important;
	}
}

/* @end */

/* @group Edit mode styling */

/*  */

/* @end */



#stacks_in_139_page0 {
	margin: 30px 0px 0px 0px;
}
/* Backdrop Figure Which Contains The Filter */
.stacks_in_155_page0_warehouse_backdrop { 
    height: auto;
        
}

.stacks_in_155_page0_warehouse_image {    
    width: 100% !important;
    height: auto;
    
        display: block;     
        margin-left: auto;
        margin-right: auto;
    
    
    
    
    
}

.stacks_in_155_page0_cleanborder {
    padding: 5px;
    /*border: solid 1px #bfbfbf; */
    border: solid 1px #000000;
}

/* fixed filters live here */  
.nashville {
  position: relative;
  -webkit-filter: sepia(0.2) contrast(1.2) brightness(1.05) saturate(1.2);
  filter: sepia(0.2) contrast(1.2) brightness(1.05) saturate(1.2); 
}  
.nashville img {
    width: 100% !important;
    height: auto;
    z-index: 1; 
}  
.nashville:before {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 2; 
}  
.nashville:after {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 3; 
}  
.nashville::after {
    background: rgba(0, 70, 150, 0.4);
    mix-blend-mode: lighten;
    display: block;
    width: 100% !important;
    height: auto;
}  
.nashville::before {
    background: rgba(247, 176, 153, 0.56);
    mix-blend-mode: darken;
    display: block;
    width: 100% !important;
    height: auto;
}

.gingham {
    position: relative;
    -webkit-filter: brightness(1.05) hue-rotate(-10deg);
    filter: brightness(1.05) hue-rotate(-10deg); 
}  
.gingham img {
    width: 100% !important;
    height: auto;
    z-index: 1; 
}  
.gingham:before {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2; 
}  
.gingham:after {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}  
.gingham::after {
    background: lavender;
    mix-blend-mode: soft-light;
    width: 100% !important;
    height: auto;
}

.walden {
    position: relative;
    -webkit-filter: brightness(1.1) hue-rotate(-10deg) sepia(0.3) saturate(1.6);
    filter: brightness(1.1) hue-rotate(-10deg) sepia(0.3) saturate(1.6); 
}
  
.walden img {
    width: 100% !important;
    height: auto;
    z-index: 1; 
}
  
.walden:before {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2; 
}
  
.walden:after {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}
  
.walden::after {
    background: #0044cc;
    mix-blend-mode: screen;
    opacity: .3;
    width: 100% !important;
    height: auto;
}

.xpro2 {
  position: relative;
  -webkit-filter: sepia(0.3);
          filter: sepia(0.3); 
}
  
.xpro2 img {
    width: 100% !important;
    height: auto;
    z-index: 1; 
}
  
.xpro2:before {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2; 
}
  
.xpro2:after {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3; 
}
  
.xpro2::after {
    background: -webkit-radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, 0.6) 110%);
    background: radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, 0.6) 110%);
    mix-blend-mode: color-burn;
    width: 100% !important;
    height: auto;
}

.valencia {
    position: relative;
    -webkit-filter: contrast(1.08) brightness(1.08) sepia(0.08);
    filter: contrast(1.08) brightness(1.08) sepia(0.08); }
  
.valencia img {
    width: 100% !important;
    height: auto;
    z-index: 1; 
}
  
.valencia:before {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}
  
.valencia:after {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3; 
}
  
.valencia::after {
    background: #3a0339;
    mix-blend-mode: exclusion;
    opacity: .5;
    width: 100% !important;
    height: auto;
}

.toaster {
    position: relative;
    -webkit-filter: contrast(1.5) brightness(0.9);
    filter: contrast(1.5) brightness(0.9); }
  
.toaster img {
    width: 100% !important;
    height: auto;
    z-index: 1; 
}
  
.toaster:before {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2; 
}
  
.toaster:after {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}
  
.toaster::after {
    width: 100% !important;
    height: auto;
    background: -webkit-radial-gradient(circle, #804e0f, #3b003b);
    background: radial-gradient(circle, #804e0f, #3b003b);
    mix-blend-mode: screen; 
}

.slumber {
    position: relative;
    -webkit-filter: saturate(0.66) brightness(1.05);
    filter: saturate(0.66) brightness(1.05); 
}
 .slumber img {
    width: 100% !important;
    height: auto;
    z-index: 1; 
}
.slumber:before {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2; 
}
.slumber:after {
    content: '';
    display: block;
    width: 100% !important;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3; 
}
  
.slumber::after {
    width: 100% !important;
    height: auto;
    background: rgba(125, 105, 24, 0.5);
    mix-blend-mode: soft-light; 
}
  
  .slumber::before {
    width: 100% !important;
    height: auto;
    background: rgba(69, 41, 12, 0.4);
    mix-blend-mode: lighten; 
}

.rise {
  position: relative;
  -webkit-filter: brightness(1.05) sepia(0.2) contrast(0.9) saturate(0.9);
          filter: brightness(1.05) sepia(0.2) contrast(0.9) saturate(0.9); 
}
  
.rise img {
    width: 100% !important;
    height: auto;
    z-index: 1; 
}
  
.rise:before {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2; 
}
  
.rise:after {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3; 
}
  
.rise::after {
    background: -webkit-radial-gradient(circle, rgba(232, 197, 152, 0.8), transparent 90%);
    background: radial-gradient(circle, rgba(232, 197, 152, 0.8), transparent 90%);
    mix-blend-mode: overlay;
    opacity: .6; 
    width: 100% !important;
    height: auto;
}
  
.rise::before {
    background: -webkit-radial-gradient(circle, rgba(236, 205, 169, 0.15) 55%, rgba(50, 30, 7, 0.4));
    background: radial-gradient(circle, rgba(236, 205, 169, 0.15) 55%, rgba(50, 30, 7, 0.4));
    mix-blend-mode: multiply; 
    width: 100% !important;
    height: auto;
}

.reyes {
  position: relative;
  -webkit-filter: sepia(0.22) brightness(1.1) contrast(0.85) saturate(0.75);
          filter: sepia(0.22) brightness(1.1) contrast(0.85) saturate(0.75); }
  
.reyes img {
     width: 100% !important;
    height: auto;
    z-index: 1; 
}
  
.reyes:before {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2; 
}
  
.reyes:after {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3; 
}
  
.reyes::after {
    background: #efcdad;
    mix-blend-mode: soft-light;
    opacity: .5; 
    width: 100% !important;
    height: auto;
}

.perpetua {
  position: relative; 
}
  
.perpetua img {
    width: 100% !important;
    height: auto;
    z-index: 1; 
}
  
.perpetua:before {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2; 
}
  
.perpetua:after {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3; 
}
  
.perpetua::after {
    background: -webkit-linear-gradient(top, #005b9a, #e6c13d);
    background: linear-gradient(to bottom, #005b9a, #e6c13d);
    mix-blend-mode: soft-light;
    opacity: .5;
    width: 100% !important;
    height: auto;
}

.moon {
  position: relative;
  -webkit-filter: grayscale(1) contrast(1.1) brightness(1.1);
          filter: grayscale(1) contrast(1.1) brightness(1.1); 
}
  
.moon img {
    width: 100% !important;
    height: auto;
    z-index: 1; 
}
  
.moon:before {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2; 
}
  
.moon:after {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3; 
}
  
.moon::before {
    background: #a0a0a0;
    mix-blend-mode: soft-light; 
    width: 100% !important;
    height: auto;
}
  
.moon::after {
    background: #383838;
    mix-blend-mode: lighten;
    width: 100% !important;
    height: auto;
}

.mayfair {
  position: relative;
  -webkit-filter: contrast(1.1) saturate(1.1);
          filter: contrast(1.1) saturate(1.1); 
}
  
.mayfair img {
    width: 100% !important;
    height: auto;
    z-index: 1; 
}
  
.mayfair:before {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2; 
}
  
.mayfair:after {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3; 
}
  
.mayfair::after {
    background: -webkit-radial-gradient(40% 40%, circle, rgba(255, 255, 255, 0.8), rgba(255, 200, 200, 0.6), #111111 60%);
    background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.8), rgba(255, 200, 200, 0.6), #111111 60%);
    mix-blend-mode: overlay;
    opacity: .4;
    width: 100% !important;
    height: auto;
}

.maven {
  position: relative;
  -webkit-filter: sepia(0.25) brightness(0.95) contrast(0.95) saturate(1.5);
          filter: sepia(0.25) brightness(0.95) contrast(0.95) saturate(1.5); 
}
.maven img {
    width: 100% !important;
    height: auto;
    z-index: 1; 
}
  
.maven:before {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2; 
}
  
.maven:after {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3; 
}
  
.maven:after {
    background: rgba(3, 230, 26, 0.2);
    mix-blend-mode: hue;
    width: 100% !important;
    height: auto;
}

.lofi {
  position: relative;
  -webkit-filter: saturate(1.1) contrast(1.5);
          filter: saturate(1.1) contrast(1.5); 
}
  
.lofi img {
    width: 100% !important;
    height: auto;
    z-index: 1; 
}
  
.lofi:before {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2; 
}
  
.lofi:after {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3; 
}
  
.lofi::after {
    background: -webkit-radial-gradient(circle, transparent 70%, #222222 150%);
    background: radial-gradient(circle, transparent 70%, #222222 150%);
    mix-blend-mode: multiply;
    width: 100% !important;
    height: auto;
}

.lark {
  position: relative;
  -webkit-filter: contrast(0.9);
          filter: contrast(0.9); 
}
  
.lark img {
    width: 100% !important;
    height: auto;
    z-index: 1; 
}
  
.lark:before {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2; 
}
  
.lark:after {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3; 
}
  
.lark::after {
    background: rgba(242, 242, 242, 0.8);
    mix-blend-mode: darken;
    width: 100% !important;
    height: auto;
}
  
.lark::before {
    background: #22253f;
    mix-blend-mode: color-dodge;
    width: 100% !important;
    height: auto; 
}

.kelvin {
  position: relative; 
}
  
.kelvin img {
    width: 100% !important;
    height: auto;
    z-index: 1; 
}
  
.kelvin:before {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2; 
}
  
.kelvin:after {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3; 
}
  
.kelvin::after {
    background: #b77d21;
    mix-blend-mode: overlay;
    width: 100% !important;
    height: auto;
}
  
.kelvin::before {
    background: #382c34;
    mix-blend-mode: color-dodge;
    width: 100% !important;
    height: auto;
}

.inkwell {
  position: relative;
  -webkit-filter: sepia(0.3) contrast(1.1) brightness(1.1) grayscale(1);
          filter: sepia(0.3) contrast(1.1) brightness(1.1) grayscale(1); 
}
  
.inkwell img {
    width: 100% !important;
    height: auto;
    z-index: 1; 
}
  
.inkwell:before {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2; 
}
  
.inkwell:after {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3; 
}

.hudson {
  position: relative;
  -webkit-filter: brightness(1.2) contrast(0.9) saturate(1.1);
          filter: brightness(1.2) contrast(0.9) saturate(1.1); 
}
  
.hudson img {
    width: 100% !important;
    height: auto;
    z-index: 1; 
}
  
.hudson:before {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2; 
}
  
.hudson:after {
    content: '';
    display: block;
    width: 100% !important;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3; 
}
  
.hudson::after {
    background: -webkit-radial-gradient(circle, #a6b1ff 50%, #342134);
    background: radial-gradient(circle, #a6b1ff 50%, #342134);
    mix-blend-mode: multiply;
    opacity: .5;
    width: 100% !important;
    height: auto;
}


