@charset "utf-8";
*{margin:0;padding:0;outline:0;margin-inline-start:0;margin-inline-end:0;margin-block-start:0;margin-block-end:0;padding-block-start:0;padding-block-end:0;padding-inline-start:0;padding-inline-end:0;min-inline-size:0; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box;}
*:root{--maxW1728: 1728px;}
body{position:relative; font-family: Arial, Helvetica, sans-serif; font-size:17px;}
/* html, body{margin:0px; width:100%; font-family: Verdana, Geneva, sans-serif; font-size:15px; line-height:normal;} */
table{padding:0px; border:0px; border-spacing:0px; border-collapse:collapse;}
td{padding:0px; vertical-align:top;}
img{margin:0; border:0px;}
h1,h2,h3,h4,p{margin:0; padding:0;}
.pStd{padding-top:2%;}
a{text-decoration:none; color:blue; word-spacing:0px; display:inline;}
a:link{}
a:visited{}
a:hover{text-decoration:none; color:blue;}
a:active{}
span{display:inline;}
pre{clear:both}
ul{display:block; margin:0; padding:2% 0; margin-left:7%;}
li{list-style-position: inside;}/* list-style-type:circle; */

.aStd{text-decoration:none; color:#000040; word-spacing:0px; display:inline-block;}

.slink{color:blue; cursor:pointer; word-spacing:0px;}
.aMenu{}

.dRecord, .dNews, .ahButt, .imenu, .dSide, .aMenuFo {
-webkit-transition: background-color 2s ease-out;
-moz-transition: background-color 2s ease-out;
-o-transition: background-color 2s ease-out;
transition: background-color 2s ease-out;}

/* formating by adArt.php, adComent.php and more max*/
.dClear, .clear{height:0px; clear:both;}
.pUserArt{text-align:right; margin:0px; margin-bottom:10px;} /* article autor */
.sArtDate{font-size:10px;} /* article date */
.pUserCom{text-align:left; margin:0px; margin-bottom:10px;} /* comment autor */
.sCommDate{font-size:10px;} /* comment date */

/* HEADER */
.header{position:relative; position:-webkit-sticky; position:sticky; top:-35px; right:0; margin-bottom:3px; width:100%; height:65px; background:#fff; border-bottom:1px solid #1C1A1A; display:block; z-index:20;}
	.imenu{position:absolute; bottom:4px; right:2px; padding:0 3px; height:24px; background:#1C1A1A; z-index:11; display:inline-block;}
	.imenu:hover {background-color: orange; cursor:pointer;}
		.aMenuTop{color:#1C1A1A; word-spacing:0px; margin:2px 5px;}
	.sTop{position:absolute; bottom:2px; right:77px; width:auto; text-align:right; display:inline-block; z-index:2;}
		.sWelcome{margin:0; margin-right:5px; word-spacing:0px; font-weight:700; display:inline-block;} /* welcome user */
	.dImglogo{position:absolute; bottom:2px; left:2px; width:auto; display:inline-block;}
		.imglogo{height:60px; display:inline; cursor:pointer;}/* height: calc(100vw*0.31); */

/* MENU dSide */
/* position-menu-side - open from imenu top:101%; right:0;*/
.dSide{position:fixed; top:2px; right:2px; width:98%; max-width:320px; height:98vh; margin:0; padding:1px; padding-bottom:3%; background:#FFF4FF; opacity:0.9; display:none; overflow:hidden; z-index:21;}
	.dSide:hover{background-color:#fff;}/* menu part #E5F2E5 #DBF1DA*/
	.sClose{padding:1% 2%; text-align:right; color:red; cursor:pointer; display:block;}
	.slegend{margin-bottom:1%; color:#B8B8B8; display:block; border-top:1px solid #B8B8B8;}
.sMenuSub{margin-top:2%; font-weight:500; display:block;}
.aMPart{font-size:120%; font-weight:500; color:#1C1A1A;}/* link to part */
.aMPart:hover{text-decoration:underline;}
.aMPartAct{font-size:100%; font-weight:600; color:orange;}/* link to part */
.dMSubCat{margin:0; margin-left:20px; color:orange;} /* link cont. to cat */
	.aMCat{margin:8px 0 0 10px; font-size:100%; font-weight:500; color:orange; display:block;}/* link to cat */
	.aMCat:hover{text-decoration:underline;}
	.aMSubCat{margin:8px 0; font-size:100%; font-weight:500; color:orange; display:block;} /* = aMCat active */
	.aMSubCat:hover{text-decoration:underline;}
.aMSubSub{margin-top:8px; font-size:80%; font-weight:500; color:orange; display:block;}
.aMSubSub:hover{text-decoration:underline;}
/* main-menu-side */
.dButMPart{margin-top:10px;}
.sBContCat{width:100%; margin-bottom:8px; display:block;}
	.aBPart{color:#1C1A1A;}
	.aBPart:hover{color:orange;}
	.aBPartAct{color:orange;}
	.sBCCtMore{color:#1C1A1A; cursor:pointer;}
		.sBCat{width:90%; margin-left:10%; display:none;}
		.aBSCat{color:#1C1A1A; font-size:90%; margin-bottom:10px; display:block;}
			.aBSCatSub{color:#1C1A1A; font-size:70%; margin-bottom:10px; margin-left:5%; display:block;}
		.aBSCat:hover,.aBSCatSub:hover{color:orange}
/* scripts/menuCaArticle.php menu article.php */
.dMenu{text-align:left; padding:1%; width:97%; height:95%; overflow:hidden; overflow-Y:auto;} /* menu last article from */
.aSSubC{margin:8px 0 0 10px; padding:0; font-size:90%; font-weight:400; color:orange; display:block;}/*subSubCat only article*/
.aArtlink{margin:8px 0 0 10px; font-size:90%; font-weight:500; color:#1C1A1A; display:block;} /* link to art */
	/* .aArtlink:hover{color:#1C1A1A;} */
.imgMenuSub{float:left; border:0; width:50px; height:50px;} /* img in likk... */
.asSub{margin:8px 0 0 10px; color:#808080; cursor:pointer; word-spacing:0px; display:block;}/*prev and next - only article*/
	/* .asSub:hover{color:#000;} */

.imgHead{width:100%; animation:opac 2.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
		
.dHead{position:relative; width:100%;}
/* STANDARD menu --------- */
.dMPart{position:relative; position:-webkit-sticky; position:sticky; top:0; right:0; background:#FFF; width:100%; margin:0; padding:2px 0 3px 0; text-align:right; z-index:20; display:block; border:0; border-bottom:1px solid #1C1A1A;}
/* part links */
.sContCat{position:relative; width:16.66%; width:calc(100%/10); min-width:160px; margin:0; padding:0; text-align:center; display:inline-block;} 
.sContCat:hover{background:#1C1A1A;}
	.aPart{font-size:100%; width:100%; margin:0; padding:10px 0px; color:#1C1A1A; display:inline-block; z-index:30;} /* .aPart:link{color:#1C1A1A} .aPart:visited{color:#1C1A1A} */
	.aPart:hover{color:#FFFFFF; background:#1C1A1A; border-top:0px solid #1C1A1A;}
	.sContCat:hover .aPart{color:#FFFFFF;} /* .aPart:active{color:#fff;} */
	.aPartAct{font-size:100%; width:100%; margin:0; padding:10px 0px; background:#1C1A1A; color:#fff; display:inline-block; z-index:30;}
	.aPartAct:hover{color:#fff;}
/* category links */
	.sCat{position:absolute; top:100%; left:0; width:98%; padding:1%; padding-bottom:3%; text-align:left; background:#fff; color:#1C1A1A; opacity:0.9; display:none; z-index:20; overflow-y: visible;} /* .sCat:hover{color:orange;} */
		.aSCat{width:90%; font-size:90%; color:#1C1A1A; margin-top:10px; display:inline-block;}
		.aSCat:hover{color:orange;}
			.aScatYpol{cursor:pointer;}
/* sub category links */
	.sSubCat{margin-left:2%; display:block;}
	.aSubCat{font-size:80%; color:#1C1A1A; margin:8px 0; display:block;}
		.aSubCat:hover{color:orange;}

/* menuYpo */
		.sCatYpo{margin:0; padding:0; padding-top:5%; width:inherit; color:#000; display:inline-block;}
		.dMenuYpo{width:100%; height:55px; margin:2% 0; font-size:70%; overflow:hidden; cursor:pointer; display:block;}
			.dImgMYpo{float:left; width:33%; height:70px; margin:0; margin-right:1%; overflow:hidden;}
				.imgMYpo{float:none;  width:100%; height:100%; object-fit: cover; margin:0px;}
			.hYpo{margin:0; padding:0; font-size:110%; color:#1C1A1A; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
			.yAuthor{font-size:90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:600; display:block;}
/* --------- STANDARD menu */

/* html/*.html ----------------- */
.dHtm{display:block; margin:5% 0 10% 0; padding:1% 1% 1% 0; border:0px solid red; border-width:0px 0;}
.dImgHtm{float:left; width:34%; margin:0; padding:0;}
	.h2Htm{margin:0 0 10% 0; padding:0; color:#1C1A1A;}
	.imgHtm{float:none; width:100%; max-width:640px; margin:0; display:block;}
.dTxtHtm{float:right; width:64%; text-align:justify; margin:0; padding:0;}
	.dTxtHtm a{color:blue;}
@media only screen and (max-width:800px) {
.dHtm{}
.dImgHtm{float:none; width:95%;}
.dTxtHtm{float:none; width:95%;}
}
/* html/*.html ----------------- */

/*CONTENT */
/* .masterTab{position:relative; width:100%; min-height:320px; background:#FFF;} */ /* opacity:0.9; */
.masterTab{position:relative; margin:0 auto; width:98%; max-width:1920px; height:100%;} /* =.dBody gshop */
.dPTop{position:relative; width:100%;  max-height:240px; max-height:calc(100vw/8); overflow:hidden; padding:1% 0; z-index:1;}/* =dPageTop for shop */
.dPTop:hover{transition: 4s ease; max-height:480px; max-height:calc(100vw/4);}
.dline{position:relative; width:100%; height:1px; margin:10px 0 0 0; border-bottom:1px solid #ccc; clear:both;}/* from shop */

/* divContent */
/* .divContent{position:relative; width:80%; min-width:320px; min-height:320px; margin-left:auto; margin-right:auto; margin-top:1%; margin-bottom:7%; border-right:2px solid orange;} */
.divContent{margin:1% auto; padding:0; width:90vw; max-width:var(--maxW1728); clear:both;} /* =.dSecrNews from gshop */
.divContentArt{position:relative; width:80%; min-width:320px; min-height:320px; margin-left:auto; margin-right:auto; margin-top:1%; margin-bottom:7%;}
.divMess{margin:2%; padding:1%; background:#EBECEC; clear:both;}
.spanMess{font-weight:500;} /* system mess */
.aPage{font-weight:100;} /* counter link color:#003E62; */
.aPageNext{font-weight:400;} /* next page */
.aPagePr{font-weight:400;} /* pr page */
.aPagePro{font-weight:400;} /* first page */
.aPageCom{font-weight:400; color:blue; text-decoration: underline;} /* link to comments */
.aPageLast{font-weight:400;} /* last page */
.pHistory{width:auto; margin:1% 2%; text-align:right;}
.aHistory{font-weight:500;}
.aNextPr{} /* next/pr page */

/* content.php ... */
.hContentCat{position:relative; margin:1%; padding:1%; font-size:140%; font-weight:500; text-align:right;
color:#1C1A1A;}/*cat #1B3055 */
.hContentSub{margin:1%; padding:1%; font-size:140%; font-weight:300; text-align:right;} /* sub-cat */
.hContSubSub{margin:-1% 1% 1% 1%; padding:1%; font-size:140%; font-weight:700; text-align:right;} /* sub-sub-cat */
.dPageTop{margin:1%; padding:1%;}/* counter top */
.aTop{display:inline-block; margin:0 5px;}/* counter link */
.aTopAct{display:inline-block; margin:0 5px; color:red}
.divPage{clear:both; text-align:center; margin:3% 0;}

.dRecord{position:relative; width:32%; width:calc(90vw/3 - 20px); max-width:556px; height:300px; height:calc(90vw/4); max-height:432px; margin:10px 10px; padding:0; cursor:pointer; overflow:hidden; border-top:1px solid #2B3136; display:inline-block;} 
	.dImgPart{width:100%; height:100%; margin:0; padding:1% 0; overflow:hidden;}
	.imgPart{width:100%; height:100%; object-fit: scale-down; margin:0px;}
	.dRTxt{position:absolute; bottom:0; left:0; width:100%; height:20%; padding:2%; background:#2B3136; color:#fff; opacity:0.9; overflow:hidden; display:block; z-index:2; transition:.5s ease;}
	.hContArt{margin:1% 0; font-size:120%; color:#fff; display:block;}
	.hAutor{margin:1% 0; font-size:100%;}
	.txRec{display:block;}
	.aArticle{font-size:100%; font-weight:100; color:#41525A;}
	.dRecord:hover .dRTxt{height:90%;}

/* news 80% 255*/
.dNews{position:relative; float:left; width:48%; height:160px; height:calc(100vw/7.55); max-height:255px; margin:1% 1% 1% 0; padding:0; cursor:pointer; overflow:hidden;}
.dNews:hover{box-shadow: 5px 5px 5px #C2C3C4; overflow:visible;}
	.dImgNews{float:left; width:37%; height:98%; margin:0; padding:1% 0; overflow:hidden;} /* height:calc(100vw*0.067); */
		.imgNews{float:none;  width:100%; height:100%; object-fit: cover; margin:0px;}
	.dNTxt{position:relative; float:right; width:60%; height:90%; margin:0 0 2% 0; padding:1% 1% 3% 1%; background:#fff; overflow:hidden; display:block;}
	.dNTxt:hover{height:auto; overflow-y:visible; border-radius:7px; box-shadow: 5px 5px 5px #C2C3C4; z-index:2;}
		.hNews{font-size:100%; color:#1C1A1A;}
		.nAutor{margin:2% 0; color:#404040; display:block;}
		.txNews{font-size:90%; padding:2% 0; display:block;}/*white-space:nowrap; text-overflow:ellipsis;*/
/* buttons */
.dButPanel{position:relative; margin:2% auto; padding:0; width:90vw; max-width:var(--maxW1728); text-align:center;}/*  = .dSecrBut gshop */
	.hSecrButt{padding:3% 0 0; color:#2B3136; text-align:left;}
	.dButt{position:relative; display:inline-block; width:150px; height:240px; margin:1px 5px; padding:0; background:#fff; color:#fff; overflow:hidden; cursor:pointer;
	 border-top:1px solid #2B3136;}
	.dImgButt{position:absolute; top:0; right:0; bottom:0; left:0; margin:0; padding:0; overflow:hidden; z-index:1;}
	.imgButt{width:100%;height:100%; object-fit:scale-down;}
	.dButtDescr{position:absolute; bottom:0; left:0; width:100%; height:55px; background:#2B3136; overflow:hidden; transition:.5s ease; text-align:center; z-index:2; opacity:0.8;}
	.dButt:hover .dButtDescr{height:100%;}
	.hButt{position:relative; width:98%; margin:auto; padding:1%; font-size:110%; text-align:center; vertical-align:middle; display:block;}
	.yTttl{width:98%; padding:1%; display:block;}/* ypo-title */
/* for permanent buttons goLeftRight function ------------------------------------------------------------- */
.dExButt{position:relative; width:auto; max-width:100%; height:242px; margin:0 auto; overflow:hidden; display:block;}
.dPerButt{position:relative; left:0; top:0; padding:0 22px; min-width:100%; height:100%; display:block; box-sizing:content-box;}/*  background:#FAFAFA; */
.sGoRight{position:absolute; top:54%;right:0; padding:10px 7px; background:#2B3136; color:#fff; opacity:0.7; display:inline-block; z-index:2; cursor:pointer;}
.sGoLeft{position:absolute; top:54%;left:0; padding:10px 7px; background:#2B3136; color:#fff; opacity:0.7; display:inline-block; z-index:2; cursor:pointer;}
/* --------------------------------------------------------------------------------------------------------- */
/* article.php */
.hArtCont{margin:3% 3% 0 3%; padding:0; height:auto; font-size:110%; font-weight:100;} /* part */
.hArtContCat{margin:0 3%; padding:0; font-size:115%; font-weight:300;} /* sub-cat */
.hArtContSub{margin:0 3%; padding:0; font-size:120%; font-weight:300;} /* sub-cat */
.divArticle{margin:0 2%; padding:0 1%; text-align:justify; border-left:0px solid #1C1A1A;}
	.divArticleItalic{float:left; width:65%; text-align:left; margin:2% 0; padding:0; font-style:italic;}/* width:47%; */
	.pDate{margin:0; font-size:100%;}
	.hArticle{margin:0; padding:0; font-size:170%; font-weight:400; color:#1C1A1A;}
	.hArtAutor{margin:0 0 3% 0; font-size:100%; font-weight:700;}
		.aAuthHead{color:#1C1A1A;}
.dImgArt{float:right; width:32%; margin:2% 0 2% 2%; padding:0;}/* width:47%; */
		.imgTrArt{float:none; width:100%; margin:0; display:block;} /* img */
	.imgArtEx{float:left; width:48%; width:calc(50% - 5px); margin:0 5px 2px 0; display:inline-block;}
	.imgArtEx2{float:none; width:100%; margin:0; display:block;}
.divMessArt{margin:2%; padding:1%; width:auto; background:#EBECEC; clear:both;}
.dComments{margin:2%; padding:0; width:auto; border:0px solid #EBECEC; clear:both;}
.divMessCom{margin:0; padding:1%; width:98%; background:#EBECEC; clear:both;} /* only comments.php */
	.divRecArt{width:auto; margin:3% 0; padding:1%; background:#F8F8F9;} /* commment box */
	.dRecCom{margin:7px 0px 0px; padding:2px; background:#FFF;} /* commment text */
.menuArticle{position:fixed; top:10%; right:5%; right:calc(); width:90%; max-width:270px; height:60vh; padding:5% 3%; background:#fff; border:1px solid #000; border-radius:5%; border-width:1px 0; opacity:0.9; z-index:22; display:none;}
/* article.php */
.dASide{position:relative; float:right; width:0; max-width:25%; padding-top:110px; text-align:center; display:none; overflow:hidden;}
.iDia{position:relative; width:95%; max-width:350px; margin-top:75px;}
.aDia{}
.pleft{margin:0; padding:0; text-align:left; clear:both;} /* paragra... */
.pcenter{margin:0; padding:0; text-align:center; clear:both;}
.pright{margin:0; padding:0; text-align:right; clear:both;}
.pjustify{margin:0; padding:0; text-align:justify; clear:both;}
.dVideo{width:100%; height:400px; margin-left:auto; margin-right:auto; clear:both;}
.dflLeft{float:left; width:49%; margin:0; padding:0;}
.dflRight{float:right; width:49%; margin:0 0 0 2%; padding:0;}
/* photo.php */
.hPhoto{margin:2% 0; padding:2%; font-size:150%; font-weight:500; color:#fff; text-align:right; background:#1C1A1A;}
/* .dPhoto{margin:2% 0; padding:0; width:100%; height:auto; min-height:100px; max-height:100vh; display:block; overflow:hidden;}
.imgPhoto{width:100%; height:auto; object-fit:scale-down; object-position:center 2px;} *//* object-position:50%  1%; */
.dPhoto{margin:2% 0; text-align:center; display:block; overflow:hidden;}
.imgPhoto{width:100%; height:auto; margin:1% auto;}
/*adArt.php,contact.php,gallery.php,user.php*/
.hContent{margin:2% 3%; padding:0; font-size:140%; font-weight:700; text-align:right;} 
/* footer */
.dfoot{position:relative; width:100%; margin:0; padding:0; text-align:center; clear:both;}
	/* .aMenuFo{width:14.28%; width:calc(100%/10); min-width:115px; margin:0; padding:7px 0; color:#1C1A1A; display:inline-block;} */
	.aMenuFo{width:auto; min-width:115px; margin:5px 2px; padding:10px; display:inline-block;}
	.aMenuFo:hover{background:#1C1A1A; color:#fff;} /* #1C1A1A */
.tdFootK{margin:0; padding:0 1% 1% 1%; font-size:70%; background:#2B3136; color:#D3D3D3; border-top:1px solid #8B8B8B;}
.divGeodi{font-size:90%; margin:0; padding:1%; background:#2B3136; color:#D3D3D3;}
.aGeodi{font-size:110%; color:#D3D3D3;} .aGeodi:hover{color:#fff;}
#dgrf{margin:0;padding:1% 0;vertical-align:middle;}
	#dgrf > img{float:none;width:24px;margin:4px;cursor:pointer;display:inline-block;border:1px solid transparent;border-radius:4px;}
	#dgrf > img:hover{border-bottom:1px solid red;}
/* from gshop gsinclMix/footer.php ----------------------------------------- */
.gsfooter{position:relative; line-height:140%; border:0;}
.tdfCat{clear:both;}
.dFMenu{text-align:center; margin:2% 0}
.dImgBr{position:relative; width:160px; height:48px; margin:30px 40px; display:inline-block;}
	.imgBrlogo{width:100%; height:100%; object-fit:scale-down; filter:grayscale(77%); cursor:zoom-in;}
	.imgBrlogol{width:100%; height:100%; object-fit:scale-down; cursor:pointer;}
	.imgBrTitle{visibility:hidden; width:260px; background-color:black; color:#fff; text-align:center; font-size:70%; line-height:100%; border-radius:6px; padding:10px 3px; position:absolute; bottom:48px; left:-40px; z-index:1;}
	.dImgBr:hover .imgBrlogo{filter:none;}
	.dImgBr:hover .imgBrTitle{visibility:visible;}
.dfootlr{position:relative; background:#2B3136; color:#fff;}
.dfootl{float:left; width:70%; width:calc(100% - 320px); display:block;} /* menuPlus */
.sMMPlM{display:inline-block; width:135px; margin:10px; vertical-align:top;} /* group menuPlus */
	.tMMpl{display:inline-block; width:100%; padding:5px 0; font-weight:900; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /* title menuPlus */
	.aMMpl{display:inline-block; width:100%; padding:5px 0; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /* link menuPlus */
.dfootr{float:right; width:310px; display:block;}/* newsletter */
	.scNlet{display:inline-block; vertical-align:top; padding:10px; font-size:120%;}
	.icNlet{width:32px;height:32px; margin:6px; vertical-align:sub; float:none; display:inline;}
	.ifrNlet{width:310px; margin:0 auto; padding:0; border:0; height:auto;}
.imglogoft{display:inline-block; margin:9px 0 0 0;}	
.dShMenu{margin:0; padding:1%; display:block;width:100%; background:#2B3136; color:#D3D3D3;}
.aShCat{color:#D3D3D3;} .aShCat:hover{color:#fff;}
/* ----------------------------------------- from gshop cart */
/* cart */
/* .dCart{position:relative; width:100%; max-height:77vh; margin:2vh 0; padding:2px 0; text-align:right; vertical-align:top; border:1px solid #ccc;background:#fff;overflow:auto;}
.divCart2{width:100%; height:62px; margin-top:10px; text-align:right; border-top:1px solid #ccc; overflow:hidden; clear:both;}
.imgPrCart{float:left; width:62%; height:100%; object-fit: scale-down;}
.imgDelCrt{float:right; margin:4px; cursor:pointer; z-index:2;}
.buttCrt{width:100%; width:calc(100% - 2px); border:0; margin:4% 1px 0 1px; padding:4% 2%; white-space:pre-wrap; cursor:pointer;}
.buttCrt:hover{background:orange; color:white;} */
/* ----------------------------------------- from gshop gsinclMix/footer.php */

/* geodiScroll */
.gScroll{position:fixed; right:1%; bottom:1%; z-index:3;}
.dScrl{position:absolute; bottom:0; right:0; padding:1px; width:75px; text-align:center; background:#091935; opacity:0.5; display:block;}
.iScrl{display:inline; margin:1px; width:32px; cursor:pointer;}

/* other */
.userfile{width:197px; margin:3px;}
.divMap{float:left; margin:5% 2%; width:95%; }/* map */

	.dStRight{float:right; margin:0%; width:27%; min-width:300px; text-align:center; background:#FFFFFF;}
	.aStatic{margin:5%; padding:9% 3%; font-size:270%; color:#fff; background:#2760A7; display:inline-block;}/* CCECFF */
	.dGree{margin:5% 1%; padding:1%; background:#D9D9D9;}
	
	.dStleft{float:left; margin:0% 1%; width:96%; min-width:300px; background:#FFFFFF;}
	.dRose{margin:0%; margin-top:2%; padding:2%; font-size:150%; color:#fff; background:#2760A7;}
	.dWhite{margin:0%; margin-bottom:5%; padding:2%; text-align:justify;}

/* social network */
.dSNWrk{position:fixed; top:25%; right:4px; width:24px; text-align:center; z-index:21;}
.aSNWrk{display:inline-block; width:100%; margin:16px 0 0 0; }
.imgSNWrk{width:100%; border:1px solid transparent; display:block;}
	.imgSNWrk:hover{border:1px solid blue; border-radius:4px; cursor:pointer;}

/* cookieEU */
.dCookView{position:fixed; right:1%; bottom:1%; width:50%; max-width:320px; min-width:300px; height:auto; min-height:70px; padding:7px 15px; font-size:90%; text-align:left; border:2px solid #DC0000; border-style: none solid solid none; border-radius:10px; color:#fff; background:#404B4A; z-index:10; display:none;}
.dCookText{width:100%; height:auto; min-height:25px; margin:5px 0px; padding:0px; border-bottom:1px solid #D0D0D0;}
.dCookRight{float:right; right:0px; bottom:0px; width:40%; height:auto; min-height:25px; padding:0px; text-align:right; font-weight: bold; cursor:pointer;}
.dCookLeft{float:left; left:0px; bottom:0px; width:40%; height:auto; min-height:25px; padding:0px;}
.aCook{color:#FFF;text-decoration:underline;}
.aCook:hover{color:#FFF}

/* gformatter */
.iFrm{width:100%; height: 100%; border-width: 0px;}
.ilink{display:inline;}
.dfull{width:100%; margin:1% 0%; height:auto; min-height:0px; border: 0px solid #ccc; clear:both;}
.tblEmb{width:100%;} /* table */
.tblClh0,.tblClh1,.tblClh2,.tblClh3,.tblClh4,.tblClh5,.tblClh6{font-size:110%; border: 1px solid #808080; border-collapse: collapse;}
.tbClls0,.tbClls1,.tbClls2,.tbClls3,.tbClls4,.tbClls5,.tbClls5{font-size:90%; border: 1px solid #808080; border-collapse: collapse;}
.iVideo{float:none; width:100%; height:auto; margin:0; display:inline-block;} /* if need set max-width!!! */
.iAudio{width:100%;} /* if need set max-width!!! */
/* gformatter */



/* from gshop gsinclMix/header.php ----------------------------------------- */
/* .sSysMess{position:relative; top:0; left:0; width:auto; padding:0px; color:red; word-spacing:0;} */
.sSysMess{position:relative; top:0; left:0; width:auto; max-width:calc(100% - 445px); min-width:300px; min-height:34px; margin:0; padding:4px; color:red; word-spacing:0; display:inline-block;}
	.sSysMessIn{color:#2B3136; font-size:90%;}
	.aPhone{color:blue; font-size:90%; display:inline-block;  white-space:nowrap;}
	.icPhone16{width:16px;height:16px; margin:0 2px; vertical-align:sub; float:none; display:inline;}
.dWCvr{position:fixed; top:0; right:0; width:100vw; height:100vh; z-index:2; display:none; background:#000; opacity:0.3}/* cover window */
.dGshdr{position:fixed; top:0; right:1%; height:37px; padding:2px; text-align:right; background:#2B3136; z-index:9; display:block;}/* main menu */
.igslogo{height:32px; margin:0 2px 2px 2px; cursor:pointer;} 
.igshdr{height:32px; margin:0 2px 2px 16px; border:1px solid #ccc; padding:3px; border-radius:3px; cursor:pointer;}
.igslogo:hover, .igshdr:hover{background:#000;} /* div_height:37/29px, img_height:32/24px; img_margin_left:16/10 */
.gscartEx{width:100%; height:7%; height:calc(100% - 30px); border:0;}/* for shop gscartEx.php */
.mCart{position:fixed;top:0;right:1%;width:425px;height:100vh;padding:0 2%; background:#fff; opacity:0.9;border-left:1px solid #ccc;display:none;z-index:1000;}
.iCart{float:left; margin:2px; width:50%; max-width:73px;}
.gsheader{position:fixed;top:0;right:1%;width:100%;max-width:425px;height:100vh;padding:0 2%; background:#fff; opacity:0.9; border-left:1px solid #ccc; display:none; z-index:10; overflow-y:auto;}/* 425/320 */
	.sClose{width:100%; color:red; text-align:right; font-size:150%; display:inline-block; cursor:pointer;}
	.aMgsCat{display:block; width:100%; margin:14px 0 2px 0; color:#2B3136;}
	.aMgsSCat{display:block; margin:4px 0 4px 25px; color:#2B3136; font-size:90%; text-decoration:none;}
@media only screen and (min-width:1921px){
.dGshdr, .mCart, .gsheader, .fWorkDesk{right:calc((100vw - 1921px)/2);}
.dPTop{max-height:240px; max-height:calc(100vw/4);}
}
/* menu top */
.aMnMenu{display:block; width:100%; margin:14px 0 2px 0; color:#2B3136; cursor:pointer}/* MenuTop/secretary */
.sMenuShop{display:block; width:100%; margin:14px 0 2px 0; color:#2B3136; cursor:pointer}
.sEnterShop{}
.hfsearch{float:left; width:100%; padding:1% 2%; display:block;}/* for searc, enter forget pass */
/* ----------------------------------------- from gshop gsinclMix/header.php */
/* search form shop */
.fsearch{width:25%; padding:1% 2%; display:block;}
.itext{width:100%; padding:1.5%; margin:4px 0 0 0;}/* and one el. in gscart.php */
.stext{width:100%; padding:1.5%; margin:4px 0 0 0;}
.iSeSub{width:100%; padding:3% 1%; margin:4px 0 0 0; background:#2B3136; border:1px solid green; color:#FFF; cursor:pointer;}
/* ----------------------------------------- from gshop gsinclMix/header.php */


@media only screen and (min-width:1920px){
	.dSide{right:calc((100vw - 1940px)/2 - 20px);}
	.dSNWrk{right:calc((100vw - 1920px)/2);}
	.menuArticle{right:calc((100vw - 1920px)/2 + 20px);}
	}


@media only screen and (max-width:1023px){
.dPTop{max-height:384px; max-height:calc(100vw/5);}
.masterTab{width:100%;}
.sSysMess{width:100%; max-width:100%; min-height:25px;}	
.dGshdr{position:sticky; top:0; right:1%;}
/* .divContent{width:95%;} */
.divContentArt{width:90%;}
}

@media only screen and (max-width:800px) {
.gsheader{width:310px;}
.dImglogo{position:absolute; top:2px; left:2px;}
.imglogo{height:25px;}
.sContCat{min-width:115px;}
.divContentArt{width:95%;}
.dflLeft{float:none; width:95%; margin:0;} /* margin-right:auto; */
.dflRight{float:none; width:95%; margin:0;} /* margin-right:auto; */
.hArticle{width:95%; padding:1% 0; font-size:120%;}
.divArticleItalic{float:none; width:95%;}
.dImgArt{float:none; width:95%; margin:1% 0;}
.aPhone{padding:4px 2px;}
.dGshdr{height:33px; padding:4px 2px;}/* main menu */
.igslogo{height:24px;} 
.igshdr{height:24px; margin:0 2px 2px 8px;}
.dRecord{width:48%; width:calc(90vw/2 - 20px); height:calc(90vw/2.65);}
.dExButt{height:202px;}/* width:90vw; */
.dButt{width:125px; height:200px;}
.dfootl{float:none; width:100%;} 
.dfootr{float:none; margin:0px auto; border-top:1px solid white;}
}
@media only screen and (max-width:640px) {
.sSysMess{max-width:100%;}
.divContentArt{width:99%;}
.dMPart{display:none;}
.aTop{margin-left:12px;}
.aTopAct{margin-left:12px;}
.hContArt{font-size:100%;}
.aMenuFo{min-width:0;}
}
@media only screen and (max-width: 480px) {
.dPTop{max-height:480px; max-height:calc(100vw/4);}
.txRec{display:none;}
.dNews{font-size:90%;}
.hNews{font-size:100%;}
.hArticle{font-size:110%;}
/* .aMenuFo{width:95%;} */
.aMenuFo{margin:5px 2px; padding:10px 1px;}
.dRecord{width:90%; width:90vw; height:calc(90vw/1.29); margin:7px auto;}
}