body { width:100%; }
	
	
	:root {
	  --SetColor1: #F6F7F9; 	 
	  --SetColor2: #D5DDE8; 	 
	  --SetColor3: #92449A; 
	  --LogoColor: #032234; 
	  --LogoColor2: #172A4B; 

			
		--ResSize:1;	
		--FontSize0p5: calc(0.5vw * var(--ResSize));
		--FontSize0p6: calc(0.6vw * var(--ResSize));
		--FontSize0p7: calc(0.7vw * var(--ResSize));
		--FontSize0p8: calc(0.8vw * var(--ResSize));
		--FontSize0p9: calc(0.9vw * var(--ResSize));
			--FontSize1: calc(1vw * var(--ResSize));
			--FontSize1p05: calc(1.05vw * var(--ResSize));
			--FontSize1p1: calc(1.1vw * var(--ResSize));
			--FontSize1p2: calc(1.2vw * var(--ResSize));
			--FontSize1p3: calc(1.3vw * var(--ResSize));
			--FontSize1p4: calc(1.4vw * var(--ResSize));
			--FontSize1p5: calc(1.5vw * var(--ResSize));
			--FontSize1p6: calc(1.6vw * var(--ResSize));
			--FontSize1p7: calc(1.7vw * var(--ResSize));
			--FontSize1p8: calc(1.8vw * var(--ResSize));
			--FontSize1p9: calc(1.9vw * var(--ResSize));
		--FontSize2: calc(2vw * var(--ResSize));
		--FontSize2p1: calc(2.1vw * var(--ResSize));
		--FontSize2p2: calc(2.2vw * var(--ResSize));
		--FontSize2p3: calc(2.3vw * var(--ResSize));
		--FontSize2p4: calc(2.4vw * var(--ResSize));
		--FontSize2p5: calc(2.5vw * var(--ResSize));
		--FontSize2p6: calc(2.6vw * var(--ResSize));
		--FontSize2p7: calc(2.7vw * var(--ResSize));
		--FontSize2p8: calc(2.8vw * var(--ResSize));
		--FontSize2p9: calc(2.9vw * var(--ResSize));
			--FontSize3: calc(3vw * var(--ResSize));
			--FontSize3p5: calc(3.5vw * var(--ResSize));
			--FontSize4: calc(4vw * var(--ResSize));
			--FontSize4p5: calc(4.5vw * var(--ResSize));
			--FontSize5: calc(5vw * var(--ResSize));
			--FontSize5p5: calc(5.5vw * var(--ResSize));
			--FontSize6: calc(6vw * var(--ResSize));
			--FontSize6p5: calc(6.5vw * var(--ResSize));
			--FontSize7: calc(7vw * var(--ResSize));
			--FontSize7p5: calc(7.5vw * var(--ResSize));
			--FontSize8: calc(8vw * var(--ResSize));
			--FontSize8p5: calc(8.5vw * var(--ResSize));
	  
	}
	
	html{ scroll-behavior: smooth; }
	
	html,    body { position: relative; height: 100%; width:100%; }
	img { height:auto;  }	
	
	header *, .mainbutt, .cnt003 *, .imggal_stnd *, .cnthomesld, .cnthomesld *  { transition:all 0.3s ease; }
	
	header { position:fixed; z-index:2; top:0; right:0; left:0; margin:auto; clear:both; background:rgba(255,255,255, 0.6); width:100%; display:table;  padding:15px 0 0 0;  }
	.scrollanim.afterscr .mainlogo img { width:80%; }
	.scrollanim.afterscr .linetitlebradfix { top:70px; }
	.scrollanim.afterscr #menumm { margin:0 0 0 0; }
	.scrollanim.afterscr .linkon { display:none; }
	.scrollanim.afterscr { padding:0;  }
	
	#IcoMobilClick { display:none; }
	.inhead { width:100%; margin:auto; display:table; padding:15px 0;  background:var(--SetColor1); }
	.mainlogo { width:15%; max-width:110px; float:left; margin:0 0 0 2%;  }
	.mainlogo img { width:100%; }
	.menummcont {  float:right; width:70%; margin:5px 2% 0 0;  }
	#menumm { width:100%; margin:10px 0 0 0; }
	.linkon { width:100%; margin:0 0 10px 0; }
	.linkon * { text-align:right; }
	.linkon .bscript428 { width:97%; }
	.linkon img {  height: 1.6em; 
    vertical-align: middle; width:auto;  }
	.imglinheight { height: 1.6em; 
    vertical-align: middle; width:auto !important; }
	.spacesfix { clear:both; width:100%; height:180px; }
	.spacesfix2 { clear:both; width:100%; height:155px; }
	.bunnrinpg { clear:both; width:100%; overflow:hidden; position:relative; }
	footer { clear:both; width:100%; padding:45px 0 5px 0; background: var(--LogoColor2) url(../img/footer.webp) no-repeat bottom center fixed;  }
	footer * { color:#fff; }
	footer p { line-height:2em; }
	
	.linetitlebradfix { position:fixed; z-index:9; top:100px; right:0; left:0; clear:both; width:100%; padding:20px 0; background:var(--SetColor2); text-align:center; display:block; 	margin:0 auto 50px auto; }
	.linetitlebrad { clear:both; width:100%; padding:20px 0; background:var(--SetColor2); text-align:center; display:block; margin:0 0 50px 0; }
	.linetitlebrad *, .linetitlebradfix * { text-align:center; }
	
	.bghomebox { clear:both; width:100%; display:block; background:var(--SetColor2); padding:50px 0; } 
	.bunnhome * { color:#fff;  }
	
	.cnxcont { width:100%; clear:both; padding:100px 0; }
	.cnxcont h2 { color:var(--SetColor3) !important; }
	
	.imggal_stnd { margin:auto;	clear:both; width:90%; max-width:1000px;	}	
	.imggal_stnd img { width:100%; }
	.imggal_stnd img:hover { opacity:0.5; }
	/*.imggal_stnd > div { float:right; width: 14%; margin:30px 1.3%; }*/
	.imggal_stnd > div { width: 100%; margin:30px 0; }
	.txgal { width:90%; margin:auto; text-align:center; }
	
	.misrot h4 { font-size:var(--FontSize1p3); }
	.misrot * { max-width:90%; margin:auto;  }
	.misrot { width:100%; height:100%; padding:40px 0; min-height:250px; 
	-webkit-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.38); 
	box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.38);
	}
	.morprtmis { text-decoration: underline; text-align:center; }
	
	.imggridpage { max-width:90%; margin:auto;  }
	
	.cnt_projloop { width:100%; height:100%; position:relative;  }
	.cnt_projloop:hover .linetxitm { border-bottom:1px solid #e1e1e1;  }
	
	.projloop { width:100%; position:relative; display:table;  }
	.projloop:hover { 
		-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.29); 
		box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.29);
	}
	.projloop_img { width:100%; font-size:1px; position:relative; overflow:hidden;	 }
	.projloop_img img { width:100%; border-radius:3px; transition:all 0.9s ease; }
	.projloop_txt { width:90%; margin:30px auto 0 auto; }
	.projloop_txt * { color:#fff; }
	.projloop_bg { 
		opacity:0; top:0; position:absolute; left:0; right:0; width:100%; height:100%; margin:auto; border-radius:3px;
		-moz-transition: all 0.4s ease-in-out 0s;
		-webkit-transition: all 0.4s ease-in-out 0s;
		-ms-transition: all 0.4s ease-in-out 0s;
		transition: all 0.4s ease-in-out 0s;
		}
	.projloop a { width:100%; height:100%; display:block; }
	.projloop:hover .projloop_img img { 
		-webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1); } 
	.projloop:hover .projloop_bg { opacity:1; 
	
	}
	
	
	.cntinitm { clear:both; width:90%; margin:auto;  padding:50px 0; } 
	.prjin { font-weight: bold; }

	
	
	.imgmm { width:22px ; height:15px;  }
	
	.bread_pathlink {  width: 94%; margin:30px auto; }
	.bread_pathlink * { color:#000;  }
	.bread_pathlink ol, .bread_pathlink ul { list-style-type: none;  margin: 0;  padding: 0; }
	.bread_pathlink li { display: inline; font-size:var(--FontSize0p7); color:#333; }
	.bread_pathlink a span:hover { color:#777; }
	.bread_pathlink * { font-size:var(--FontSize0p7); }
	.bread_arr { margin:0 0 0 5px; }

	
	
	
	
	
	.credit{  transition:all 0.3s ease; width:110px;  margin:40px auto; display:block; } .credit img{ max-width:100%;  }
	.credit:hover{ -webkit-transform: scale(1.4); -ms-transform:scale(1.4); transform: scale(1.4); } 
	.ngish{ z-index:99999; color:#000000; text-align:center; position: fixed; padding:0 0 0 0; bottom:10px; right:10px; }
	.ngish img{ max-width:40px; }
	
	
	
	.txtonimgbx { position:absolute; width:80%; height:90%; top:35%; margin:auto; right:0; left:0;   }
	.txtonimgbx * { /*text-shadow: 2px 2px 3px rgba(0,0,0,0.65);*/ color:#022636;   }
	.txtonimgbx h2 { font-size:var(--FontSize3);  }
	.txtonimgbx p { font-size:var(--FontSize1p8);   }
	
	
	.ixcontxnn { position:fixed; left:2%; top:20%; width:30%; max-width:100px; z-index:99;}
	.ixcontx { position:fixed; left:2%; top:64%; width:30%; max-width:100px; z-index:99;}
	.ixcontx img, .ixcontxnn img { width:100%; }

	
	#clickmenu { display:none; }
	
	
	
@media screen and (max-width: 980px) { 

	:root { --ResSize:1.8; }
	.menummcont {  float:none; clear:both; width:100%; margin:0;  }
	.mainlogo {  position:absolute; left:10px; float:none; width:100%; margin:0; clear:both;  }
	#menumm { display:none; margin:50px 0; }
	#clickmenu { display:inline; float:right; width:35px; position:absolute; right:15px; top:70px;   }
	#clickmenu img { width:100%;  }
	.mainlogo { width:50%; max-width:60px; float:left;   }
	.inhead { padding:10px 0 20px 0; height:40px; }
	.spacesfix2 { height:125px; }
	.scrollanim.afterscr #clickmenu { top:15px; }
	.scrollanim.afterscr .inhead { height:30px; }
	.scrollanim.afterscr #menumm { margin:70px 0; background:var(--SetColor1); }

}

@media screen and (max-width: 580px) { 
:root { --ResSize:4; }
.txtonimgbx { width:90%;  top:12%; right:7%;   }
.txtonimgbx h2 { font-size:var(--FontSize2p1); padding:0 0 10px 0;}
.txtonimgbx p { font-size:var(--FontSize1p2); }
.xmobile { display:none; }
.ixcontxnn, .ixcontx { max-width:70px; }
.cnxcont { padding:10px 0; }
}