.Swatch_Gold { background: rgba(156, 156, 106, 0.8);}
.Swatch_RBlack { background: rgba(0, 0, 10, 1.0);}
.Swatch_DBlack { background: rgba(5, 5, 5, 1.0);}


#Logo00 { background-image: url("../imgsL/JY_Didyma.png");}
#Logo01 { background-image: url("../imgsL/JY_Carlton.png");}
#Logo02 { background-image: url("../imgsL/JY_CarlaII.png");}
#Logo03 { background-image: url("../imgsL/JY_CarlaI.png");}
#Logo04 { background-image: url("../imgsL/JY_Gabriola.png");}
#Logo05 { background-image: url("../imgsL/JY_AGaramond.png");}
#Logo06 { background-image: url("../imgsL/JY_Cinzel.png");}
#Logo07 { background-image: url("../imgsL/JY_Doulos.png");}
#Logo08 { background-image: url("../imgsL/JY_Abril.png");}
#Logo09 { background-image: url("../imgsL/JY_Didot.png");}
#Logo10 { background-image: url("../imgsL/JY_Times.png");}
#Logo11 { background-image: url("../imgsL/JY_Footlight.png");}
#Logo12 { background-image: url("../imgsL/JY_Requiem.png");}
#Logo13 { background-image: url("../imgsL/JY_Saudagar.png");}
#Logo14 { background-image: url("../imgsL/JY_Cammaron.png");}
#Logo15 { background-image: url("../imgsL/JY_MrsEaves.png");}
#Logo16 { background-image: url("../imgsL/JY_BonVoyage.png");}
#Logo17 { background-image: url("../imgsL/JY_Voga.png");}
#Logo18 { background-image: url("../imgsL/JY_Trajan.png");}
#Logo19 { background-image: url("../imgsL/JY_Silk.png");}


.SplashGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 1710px;
		height:1260px;
    position:relative;
}

#box{ width:100px; height:100px; box-sizing: border-box;
	border: 1px solid #fff;}

.TG {
  grid-column: span 3 / auto;
  height: 100px;
}

.EL {
  height: 60px;
  width: 405px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("../imgsL/eco_estate.png");
  position:absolute;
  top:300px;
  left:640px;
}

.JYC {
  height: 100px;
  width: 250px;
  display: inline-block;
  justify-content: center;
  align-items: center;
}

.email a { text-decoration: none;}
.email a:link { text-decoration: none; color:#fff;  }
.email a:visited { text-decoration: none;color:#fff;  }
.email a:hover { text-decoration: none;color:#fff; font-weight:bold; }
.email a:active { text-decoration: none; color:#7d6e46; }
.email a[href^="mailto"]:hover:after { content:  attr(title); position: absolute;
  top: 3ex;
  left: -.5ch; }


.LBox {
  height: 300px;
  width: 1000px;
  display: flex;
  justify-content: center;
  align-items: center;
  position:absolute;
  top:50px;
  left:355px;
}

.ILogo{
height: 300px;
width: 1000px;
display: inline-block;
justify-content: center;
align-items: center;
position:absolute;
top:50px;
left:355px;
}

.col_col { width:100px; height:1350px; background-color:#000; display: block;}

.switchbox { background-color:#fff;
	width:65px;
	height:65px;
	margin:5px;
	padding:20px;
	box-sizing: border-box;
	border: 2px solid #000;
  	font-family: MPLSC;
  	font-size: 24px;
  	font-weight: 700;
  	color:#fff;
  	position: relative; }

.switchbox-a { background-color:#000;
width:65px;
		height:65px;
		margin:5px;
		padding:20px;
		box-sizing: border-box;
		border:2px solid white;
		font-family: MPLSC;
  	font-size: 24px;
  	font-weight: 700;
  	color:#fff;
  	position: relative; }

a.colswatch:link, a.button:visited {
    opacity: 0.9;
    background-color: transparent;
    border: none;
    color: #9c9c6a;
    text-align: center;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    text-decoration: none;
   cursor: pointer;
   display: block;

}


a.colswatch:hover, a.button:active {
	color:white;
   	opacity: 0.8;
   	box-sizing: block;

}

div#flag.Swatch{
    display:inline-block;
    color:#444;
    opacity: 1;
    cursor:pointer;
    vertical-align:middle;
    max-width: 100px;
    padding: 5px;
    text-align: center;
}
div#flag.Swatch:active {
    color:red;
   opacity: 0.5;
}