html { scroll-behavior: smooth; }
html,    body { position: relative; height: 100%; width:100%; }
img { height:auto; } iframe { width:100%; }
.projloop *, .xclose, .iconmob, .top-menu, header, header *, 
.afterscr, .afterscr *, .cntwrkr, .cntwrkr *, .button, 
.button *, .linkon *, .linkgo *, .iconaflow *, .iconaflow, .contbody * { transition:all 0.3s ease; }
header { width:100%; clear:both; position:fixed; top:0; right:0; left:0; margin:auto; z-index:99;  display:block; height:110px; }
.headingpag { border-bottom:2px solid #ccc; }
header.afterscr { display:table; height:auto; background:rgba(255,255,255,0.8);
	-webkit-box-shadow: 0px 11px 5px -8px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 11px 5px -8px rgba(0,0,0,0.15);
	box-shadow: 0px 11px 5px -8px rgba(0,0,0,0.15);
	}
.scrollanim.afterscr { }
.scrollanim.afterscr .mainlogo { max-width:150px; }
.scrollanim.afterscr #menumm { margin:10px 0 0 0;  }
.scrollanim.afterscr .linkon { margin:0; }
.scrollanim.afterscr .inhead { }
.scrollanim { clear:both; width:100%; }
.inhead { width:100%; display:table;  }
.inheadiv { width:96%; margin:auto;  }
.mainlogo { float:left; width:14%; max-width:240px; margin:15px 0 0 0; }
.mainlogo img { width:100%; max-width:100%; }
.cntleftlogo { float:right; width:85%; }
#menumm { width:100%; margin:30px 0 0 0;  }
#menumm > ul { text-align:right; }
.linkon {  width:45px; position:fixed; top:30%; left:-2px; z-index:11; display:table; }

#title_zone { width:94%; margin:auto; }
.imgmenu { float:right; width:20%; max-width:50px; }
.txtzonetitle { float:right; width:80%; line-height:20px;   }

.bunnrinpg video { width: 100%;  height: auto; }
.bunnrinpg { width:100%; clear:both; position:relative; z-index:9; overflow:hidden; }
.bunnrinpg_onlg { position:absolute; bottom:-15%; right:0; left:0; margin:auto; width:20%; max-width:240px; z-index:9; }
.bunnrinpg_onlg img { width:100%;  }
.heighspbn { width:100%; clear:both; height:120px;  }
.cntmzone { 
	width:100%; padding:20px 0; display:table;  
	box-shadow: -1px 10px 5px 0px rgba(0,0,0,0.27);
	-webkit-box-shadow: -1px 10px 5px 0px rgba(0,0,0,0.27);
	-moz-box-shadow: -1px 10px 5px 0px rgba(0,0,0,0.27);
	}
	
	
.ttlname { width:80%; margin:25px auto 15px auto; color:var(--SetColor1); text-align:center; font-size:var(--FontSize2);  font-weight:600; }



.swiper { width: 100%;  }
.swiper-slide {
	width:100%; 
	position:relative;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.pageswiper_gall { clear:both; width:90%; margin:auto; height:50vw; max-width:900px; }

.cntbgbody { width:90%; margin:auto; display:block;  min-height:400px; }


.bghome {  z-index:1; overflow:hidden; position: relative;  height:100vw; width:100%;  }
.bghome_in{  }

.scrl1a { margin:200px 0;  width:100%; }
.scrl1b { padding:50px 0; background:var(--LogoClr);  width:100%; 
-webkit-border-top-right-radius: 100px; display:table; 
-moz-border-radius-topright: 100px;
border-top-right-radius: 100px;
}

.scrl2b  { padding:50px 0; background:var(--GeenClr);  width:100%;  display:table; }
.scrl3b  { padding:50px 0; background:var(--DrkBlue);  width:100%;  display:table; }
.scrl1b p, .scrl2b p, .scrl3b p { color:#fff; }
.scrl1b h2, .scrl2b  h2, .scrl3b  h2 { color:#fff; font-size:var(--FontSize3); }
.scrl1b > div, .scrl2b  > div, .scrl3b  > div { width:80%; margin:5vw auto; }
.scrl3 { padding:200px 0; background:#fff; width:100%; }





.swiper-slide img {  display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; }
.leftimg_itmin .swiper-slide img {  display: block; width: auto; height: auto; max-width: 100%; max-height: 600px; }
	.cntinitm { clear:both; width:94%; margin:auto; display:flex; padding:50px 0; } 
	.cntinitm > div { flex-grow:1; } 
	.rightitm { width:50%; }
	.leftitm { width:50%; height:500px;  }
.bread_pathlink { margin:auto; clear:both; width:94%; }
.bread_pathlink * { text-align:right;   }
.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; }
	.cntx { clear:both; width:100%; padding:110px 0; background:#F9F9F9; }
	.cntx h2 { text-align:center; }
.credit{  transition:all 0.3s ease; width:110px;  margin:3px 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; }
footer { width:100%; clear:both; padding:30px 0 50px 0; background:var(--FootrBgColor); display:table;  }
footer *{ color:var(--FootrTxtColor);  }


.bgfff { background:#fff; display:block; padding:50px 0;  }
.bgfff p{ color:#000; }
.bgfff h2{ color:var(--GeenClr); }

.linkgo { float:left; width:17%; max-width:250px; margin:2.5vw 0 0 3%; }
.linkgo a { width:100%; display:block; color:#fff; 
	background: var(--GeenClr) url(../img/linkgo.webp) no-repeat 25px center;
	  padding:10px 0; text-indent:10%; text-align:right; border-radius:30px; }
.linkgo a:hover { background-position:7px center }
  

.contbody { clear:both; width:100%; margin:auto; display:block; }

.button { width:50px; position:fixed; top:30%; left:0; z-index:99;  }
.button img { width:100%; }
.button img:hover { width:130%; }


.bestprojct_hp { clear:both; width:100%; padding:200px 0;  background: url(../img/BgProj.png) no-repeat top center; background-size: 100% auto; }
.bestprojct { clear:both; width:100%; padding:200px 0;  background: url(../img/BgProj.png) no-repeat top center; background-size: 100% auto; }

.viewer-download { color: #fff; font-family: FontAwesome, serif; font-size: 0.75rem; line-height: 1.5rem; text-align: center; }
.viewer-download::before { content: "\f019"; }


.onpage1top_mb  { display:none; }

#IcoMobilClick, #title_zone{ display:none; }

@media screen and (max-width: 880px) { 
	
	.onpage1top_mb  { display:block; }
	.onpage1top  { display:none; }
	
	:root { --ResSize:2; }
	.inheadiv { width:100%; }
	.cntleftlogo { clear:both; width:100%; float:none; }
	#IcoMobilClick{ display:block; cursor: pointer;  position:fixed; top:22px; right:10px;  z-index:999; border-radius:5px; }
	.scrollanim.afterscr #IcoMobilClick{ top:10px; }
	#IcoMobilClick img{ padding:8px 7px 5px 7px ; }
	#title_zone { display:block; }
	#menumm{ width:100%; float:none; display:none; background:rgba(245,245,245,0.96); }
	#MgNuvz{ display:none; }
	.linkon { width:50%; margin:7px auto; }
	.linkon * { text-align:center; }
	.mainlogo { float:none; width:60%; max-width:300px; margin:10px auto; }
	footer * { text-align:center !important; }
	
	.txtonimgbx { top:45%; }
	.txtonimgbx * { color:#000; text-align:right; }
	.txtonimgbx h2, .txtonimgbx h3 { font-size:var(--FontSize1p6); }
	.txtonimgbx p { font-size:var(--FontSize1); }


}

@media screen and (max-width: 680px) { :root { --ResSize:4; } }