html, body { position: relative; height: 100%; }




:root {
	--MainColor: #0E96C6;
	--DrkBlue: #0087E1;
	--YellClr: #F9E103;
	
	--ColorType0:#98272D; 
	--ColorType1:#BD1148; 
	--ColorType2:#024272; 
	--ColorType3:#FE9600;
	--ColorType4:#399B22; 
	--ColorType5:#8F1D3E; 
	--ColorType6:#883699; 
	--ColorType7:#634E25;
	--ColorType8:#D9A207; 
	
	
	
--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));
 
}



header.smaller { background-color: rgba(255, 255, 255, 1); } 
header.smaller .mainlogo img { max-width:170px; }
header.smaller #linmmenu {  margin:5px 0 0 0; }
header.smaller { padding:0 0 0 0; }

img { max-width:100%; height:auto; }
header *, .smaller, .cbox_send_dw button, .mlink, .mainlink2, .cbox_send button, .rmore *, .cnt076cid5cn *  { transition: 0.3s ease all; }
header { padding:0 0 3px 0; border-bottom:1px solid #ccc; background-color: rgba(255, 255, 255, .8); position:fixed; width:100%; left:0; right:0; margin:auto; display:table; z-index:99; top:0; }
.linelogo { width:94%; margin:auto; padding:3px 0; }
.mainlogo { float:left; width:22%; margin:10px 0 0 2.6%; text-align:left; }
.mainlogo * { text-align:left; }
.mainlogo img { width:98%; max-width:290px; }
.leftmainlogo {  float:right; width:75%; }
.linfrtopmm { display:none; clear:both; width:96%; height:30px;  margin:8px 2%; } 
.linfrtopmm * { text-align:left; }
.linfrtopmm img { margin:0 15px 0 0; }
.bread_pathlink { clear:both; width:98%; margin:5px auto; }
#linmmenu { clear:both; width:100%; margin:40px 0 0 0; }
.sc_items { clear:both; width:100%; display:block; }
.sc_items_in { clear:both; width:90%; margin:auto; display:block; }
.sc_inpg { width:90%; margin:auto; }
.floatscright { float:right; width:47%; margin:0 3% 0 0; }
.body_fullsm { clear:both; width:100%; display:block;   }
.main_contact { float:right; width:45%; margin:0 0 0 5%; }
.cbox_send{ float:left; width:25%; margin:20px 2% 20px 0; height:50px; } 
.cbox_send button, .cbox_send_dw button{ width:100%; height:100%; color:#fff;  cursor: pointer; font-size:var(--FontSize1p2); background:var(--ColorType0); } 
.cbox_send button:hover, .cbox_send_dw button:hover{ opacity:0.8; background:var(--ColorType0); }
	.lbl_inpt { float:right; width:49%; height:70px; position:relative;  }
	.lbl_inpt select{ width:100%; height:45px; font-size:var(--FontSize1p2); background:none; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-indent:10px; }
	.lbl_inpt textarea{ width:98%; max-width:99%; height:150px; font-size:var(--FontSize1p2); background:none; text-indent:10px; margin:40px 1% 0 0; }
	.lbl_inpt input { text-indent:10px; font-size:var(--FontSize1p2); color:#000; width:100%; height:70%; border:1px solid #ccc; background:#fff; }
	.lbl_inpt_dw input { text-indent:15px; font-size:var(--FontSize1p2); }
.main_contact .lbl_inpt { border-radius:0; clear:both; float:none; width:100%; height:70px; position:relative; margin:5px 0; }
.main_contact .cbox_send {  }
.conax .lbl_inpt  { margin:0 0 5px 0.5%; } 
.conax { width:100%; display:table;  border-top:1px solid #E7E7E7; padding:140px 0;  }
.conax h4 { font-size:var(--FontSize2p5); width:80%; margin:30px auto 0 auto; text-align:center;  }
.lbl_inpt_dw { float:right; background:#fff;  box-sizing: border-box; border-radius:30px; border:1px solid #ccc; width:20%; height:50px; position:relative; margin:5px .1%; }
.xinput_txt {  width: 96%;  height: 100%;  }
.conax .xinput_txt { border-radius:30px; }
.cnx_right{ clear:both; width:94%; display:table; margin:0px auto 70px auto;  }
#success_message_x, #error_message_x { display:none;  }
.cnx_contact { width:80%; margin:50px auto; }
.cnx_contact .xcontact_lbl {  color:#555; font-size:var(--FontSize1p1); top:10px; }
.cbox_send_dw { float:right; width:19%; margin:5px .1%; height:50px;   } 
.cbox_send_dw button  { background:var(--ColorType0); border-radius:30px; } 
.xctnx_ttl *, .xctnx_ttl  { color:#fff;  }
.inpttxtarea { background:#fff; display:table; border:1px solid #ccc; }
textarea:focus, input:focus, select:focus{ outline: none; }
input:focus ~ .xcontact_lbl,select:focus ~ .xcontact_lbl, input:not(:placeholder-shown) ~ .xcontact_lbl,
select:not(:empty) ~ .xcontact_lbl, input:focus ~ .xcontact_lbl, option:focus ~ .xcontact_lbl
{  top: -15px;   right: 0px;  font-size: var(--FontSize0p8);  opacity: 1; border-top:1px solid #ccc;  border-right:1px solid #ccc; background:#fff; border-radius:5px; height:15px; display:table; padding:2px 10px; }
.xcttl { font-size:var(--FontSize2p2); padding:10px 0 20px 0; text-indent:10px;  font-weight:100; }
.xcontact_lbl { position: absolute;  pointer-events: none;  right: 20px;  top: 7px;  transition: 0.2s ease all;  color:#333; font-size:var(--FontSize1p2); }
.msgerr, .msgerr * { color:red;  }
.messagefrm { position:fixed; top:150px; right:0; background:rgba(255,255,255,0.8); display:none; z-index:99; padding:10px; border-left:1px solid #ccc; border-radius:10px; }
.messagefrm_ok { background:rgba(255,255,255,0.9); display:none; width:80%; max-width:650px; padding:10px; margin:auto;  }
.messagefrm_ok *, .messagefrm * { color:#000; }
.messagefrm_ok * { text-align:center; }
.messagefrm_ok h5 { font-size:var(--FontSize1p6); color:#000; }
.messagefrm h5 { font-size:var(--FontSize1p2); color:#000; }  
.bread_pathlink a > span:hover { color: #000; }
.bread_pathlink { text-align:center; width:96%; margin:20px auto 7px auto; }
.bread_pathlink * { display: inline-table; font-size:var(--FontSize0p8); color: #333; text-align:center; }
.bread_arr { margin:0 0 0 7px; }
footer { display:table; width:100%;  clear:both; border-top:1px solid #ccc;   padding:50px 0; } 
.spbunner { clear:both; width:100%; height:140px; }

.conax { width:100%; display:table; padding:70px 0; background: url(../img/cxontax.jpg) no-repeat center center;  }

.cookie-consent-bar {
            position: fixed;
            bottom: 0; left: 0; width: 100%;
            background-color: #333; padding: 15px 0;
            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);            
            z-index: 1000;
        }
		.cookie-consent-bar * { color:#fff; font-size:var(--FontSize1); }
        .cookie-consent-bar a {  text-decoration: underline; }
        .txtcookie_cont { width:90%; max-width:1400px; margin:auto; }
		.txtcookie { float:right; width:70%; }		
        .buttcookie { text-align:left; float:left; width:18%; margin:0 5%; max-width:200px; }
		.buttcookie button {
            background-color: #004C82; 
            color: white; font-weight:bold; width:100%; 
            border: none; padding: 10px 0; cursor: pointer;
            border-radius: 5px; font-size:var(--FontSize1); transition: background-color 0.3s ease;
        }
        .buttcookie button:hover { background-color: #3991CF; }	
.txtinitm { clear:both; width:100%;  padding:15px 0; }
.txtinitm * { text-align:center; }
.ttlh1in1 { clear:both; width:100%; margin:auto; text-align:center;  }  
.ttlh1in1back { float:left; width:30%; text-align:left; margin:0 0 0 2%;  }
.righttxt_itmin { float:right; width:40%; }
.leftimg_itmin { float:right; width:60%;  }
.conitem_in { clear:both; width:100%; margin:auto; display:block; min-height:600px;  }
.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;
}
.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; }
.tscript_onbun { 
padding:20px 0; text-align:right; display:table;  position:absolute; bottom:0; max-width:400px; /*background:rgba(255,255,255,0.7);*/ width:90%; right:5%; z-index:99;  display:table;  
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.tscript_onbun * { color:#fff; max-width:90%; margin:auto;  }
.tscript_onbun p { font-size: var(--FontSize1p2);  }
.tscript_onbun h4 { font-size: var(--FontSize1p8);  }
#clickmenu { display:none; }
.bunnertop {clear:both; width:100%; }

.ngish{ font-size:1px; border-radius: 40px;	width:40px; height:40px; z-index:99999; background:#cccccc; color:#000000; text-align:center; position: fixed;  bottom:10px; right:10px; }
.ngish:hover{ background:#ffffff;  }
.ngish img{ width:100%; }
.righttxt_itmin a { text-decoration: underline; }

.slidertpage { clear:both; width:85%; margin:50px auto;  }
.slidertpage_fl { width:100%; height:400px; background: url(../../img/slidhome.jpg) no-repeat center center; 
-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
clear:both; width:100%; margin:50px auto;  
}
.slidertpage_fl * { color:#fff; }
.slidertpage_fl .cnt006 { max-width:85%; }
.slidertpage_fl .cnt006 * { text-align:right; }
.defcontnt { clear:both; width:100%; margin:auto; }

.swipmaxhe img { max-height:200px; padding:100px 0; }

.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); } 


@media (max-width:600px){
	:root { --ResSize:4; }
	
	
	.slidertpage_fl .cnt006 { max-width:65%; }
	.righttxt_itmin, .leftimg_itmin { float:none; width:100%; clear:both; }
	.linelogo { padding:0; }
	.leftmainlogo {  clear:none; float:none; width:100%; margin:0; } 
	.linfrtopmm img { margin:0 7px 0 0; }
	.mainlogo { float:none; clear:both; width:98%; margin:auto; max-width:150px; }
	#clickmenu { display:block; position:absolute; top:20px; right:20px; width:40px; 	}
	#clickmenu img { width:100%;	}
	#linmmenu { display:none; }
	#linmmenu { position:absolute; top:30px; width:100%; background:#fff; right:0; left:0; border-top:1px solid #ccc; border-bottom:2px solid #ccc; }
	header { padding:10px 0; } 
	header.smaller { padding:10px 0; }
	.bunnertop { padding:70px 0 0 0; }
	.spbunner { height:70px; }
	.lbl_inpt_dw { float:none; border-radius:20px; width:100%; margin:12px 0;  }
	.cnx_right{ width:96%;  margin:0px auto 20px auto;  }
	
	.cbox_send, .cbox_send_dw{ float:none; clear:both; width:100%; margin:20px auto;  } 
	

	.tscript_onbun { right:0; left:0; margin:auto; } 
	.tscript_onbun * { font-size: var(--FontSize1p2);  }

	

	.main_contact { float:none; clear:both; width:96%; margin:auto; }
	.floatscright { float:none; clear:both; width:90%; margin:40px 3% 40px 0; }
}