@charset "utf-8";
:root {
  --mtMaxWith: 1440px;
}

html, body, fieldset{width:100%; height:100%; margin:0px; padding:0; font-family: Georgia, Garamond, serif; font-style: normal; font-variant: normal; font-size:17px; font-weight:400; color:#415299;
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;
background-image: linear-gradient(to right, #AAD5DC, #F3F9FA 3%, #F3F9FA 97%, #AAD5DC);
}

div{margin:0; padding:0px;}
h1{font-size:130%;}
h2{font-size:110%;}
a{padding:0; text-decoration:none; color:#0000FF; word-spacing:normal;}
img{float:left; margin:0; border:0px;}
.dClear{position:relative; clear:both; height:0px;}

/* geodi Carousel Flat*/
.geodiFlCarousel{width:100%; margin:0; margin-top:0; padding:0px; overflow:hidden; z-index:1; display:block; clear:both;}/*margin-top:142px;*/
.iGeodiCarousel{position:absolute; height:100%; margin:0;}
.bleft{position:absolute; right:90px; top:1%; z-index:2; width:16px; opacity:0.7; cursor:pointer;}
.bplay{position:absolute; right:57px; top:1%; z-index:2; width:16px; opacity:0.7; cursor:pointer;}
.bright{position:absolute; right:30px; top:1%; z-index:2; width:16px; opacity:0.7; cursor:pointer;}
.alttext{position:absolute; margin:10%; color:#fff; width:33%; font-size:170%; line-height:140%; z-index:2; text-shadow: 2px 2px #000; display:none;}
@media only screen and (max-width: 820px) {.alttext{width:39%; margin:5%; font-size:130%;}}
@media only screen and (max-width: 480px) {.alttext{width:39%; margin:5%; font-size:90%;}}
/* geodi Carousel Flat*/

.aCat,.dButt,.dRecord,.imgPart{
-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;}

.imgPart{
-webkit-transition: width 2s ease-out;
-moz-transition: width 2s ease-out;
-o-transition: width 2s ease-out;
transition: width 2s ease-out;}


.masterTab{position:relative; width:100%; min-width:320px; max-width:var(--mtMaxWith); margin:0 auto; padding:0; display:block;}

/* HEADER */
.dImglogo{position:relative; width:100%; height:auto; margin:0; padding:1% 0; background:#F3F9FA; display:block;}
.imglogo{position:relative; float:none; margin:0 1%; width:98%; max-width:640px; animation:mymove 4s; animation-delay: 0; display:block; cursor:pointer;}
	@keyframes mymove {
		from {left:-300px;}
		to {left: 50px;}
	}
	
.imgScr{position:relative; position:-webkit-sticky; position:sticky; top:0; left:auto; float:none; width:100%; display:block;}
.dCatTop{position:relative; position:-webkit-sticky; position:sticky; top:0; left:auto; width:100%; height:auto; text-align:right; background:#fff; border-bottom:1px solid #415299; z-index:3;} /* box - links to part */
.dCat{width:100%; padding:5px 0;}
.dCatl{position:relative; width:auto; margin:0 2px 0 16px; padding:0 2px; border-bottom:2px solid transparent; display:inline-block;}
.dCatl:hover{border-bottom:2px solid red;}
	.sCat{height:100%; margin:0; display:inline-block;}
		.aCat{height:100%; margin:0; padding:5% 0; display:inline-block;} /* a to part */
		.dCatl:hover .aCat{color:red;}	
	.sCatAct{height:100%; margin:0; padding:0; color:red; border-bottom:2px solid red; display:inline-block;}
		.aCatAct{height:100%; margin:0; padding:5% 0; color:red; display:inline-block;}
		.dCatl:hover .aCatAct{color:red;}
		
		.sOpl{margin:0 0 0 12px; color:#0000FF; display:inline-block;}
			.dCatl:hover .sOpl{color:red; cursor:pointer;}
		.sOplAct{margin:0 0 0 12px; color:red; display:inline-block;}
			.dCatl:hover .sOplAct{color:red; cursor:pointer;}
	.dContentMenu{position:absolute; top:100%; left:0; padding:3% 1%; width:98%; min-width:200px; background:#fff; opacity:0.9; text-align:left; display:none; z-index:110;}
	.dContentMenu:hover{opacity:0.9;}
/* menu sub links to article.php */
.sClose{margin:1%; color:red; text-align:right; cursor:pointer; display:block;}
.aSMenu, .aSOldNew{margin:0; padding:5% 2%; width:96%; font-size:90%; display:inline-block; border-top:1px solid #2E0099} /*  */
.aSMenu:hover, .aSOldNew:hover{color:red;}


/* contents */
.tdContent{position:relative; margin:0; padding:1% 0%; min-height:400px; background:#F3F9FA;} /* #F9FCFD EFF7F8 F3F9FA */
.dContent{position:relative; width:98%; margin:1% auto;} /* for all files max-width:var(--mtMaxWith); */
.dRight{float:right; width:50%; text-align:center;}
.dleft{float:left; width:50%;}
.dContentCat{width:100%; margin:0; padding:0; text-align:center;}
.hContent{margin:2% 0; width:auto; font-size:200%; text-align:left;}/* title in part */
	.imghPart{float:none; display:inline; width:120px; height:110px;}
.dPageTop{margin:2%; text-align:left;} /* box for page-numbers top */
.aPage{display:inline-block; margin-right:2%;} /* link to page (content.php) */
.divPage{margin:2%; padding:2%; min-height:10px; text-align:center; text-shadow:1px 1px #fff; clear:both;} /* box for prev/next page bottom */
.aNextPr{} /* links for prev/next page bottom */

.dNews{position:relative; width:320px; width:calc(var(--mtMaxWith)/3.3); height:320px; height:calc(var(--mtMaxWith)/3.3); margin:1% 0; padding:0; cursor:pointer;
font-size:120%; text-align:center; display:inline-block; overflow:hidden;
-webkit-transition: transform 2s; transition: transform 2s;}/* border:2px solid #2E0099; border-radius:50%; */
.dNews1{transform: rotate(-17deg);}
.dNews2{transform: rotate(7deg);}
.dNews3{transform: rotate(-24deg);}
.dNews4{transform: rotate(9deg);}
.dNews5{transform: rotate(-15deg);}
.dNews6{transform: rotate(11deg);}
.dNews7{transform: rotate(-10deg);}
.dNews8{transform: rotate(22deg);}
.dNews9{transform: rotate(-37deg);}
.dNews10{transform: rotate(17deg);}
.dNews11{transform: rotate(-17deg);}
.dNews12{transform: rotate(10deg);}
.dNews:hover{transform: rotate(0); z-index:10; border:1px solid #415299;}
.dImgNews{display:block; width:100%; height:100%; overflow:hidden;}
	.imgNews{float:none; width:100%; height:100%; object-fit:scale-down;}
.dNewsCont{position:absolute; top:5%; bottom:25%; left:5%; right:5%; vertical-align:middle; overflow:hidden;
background-image: linear-gradient(to bottom, #fff, transparent 32%, transparent); opacity:0.62;}
.hNews{position:relative; width:94%; padding:2%;}
.sNRead{display:inline;}/* for news */
.dNewsCont:hover{font-size:110%; background:#fff; opacity:0.77;}

.dRecord{position:relative; width:31%; height:220px; height:calc(var(--mtMaxWith)/5); min-height:100px; margin:5% 1%; padding:0; cursor:pointer;
font-size:120%; text-align:center; display:inline-block;
border-bottom:2px solid #2E0099; overflow:hidden;}
.dImgPart{position:absolute; top:0; left:0; display:block; width:62%; height:100%; margin:0; padding:0; overflow:hidden; text-align:center;}/*div small img */
	.imgPart{float:none; width:95%; height:95%; margin:2.5% auto; object-fit:scale-down; transition: width 2s, height 2s, margin 2s;} /* small img in part */
	.imgPart:hover{width:100%; height:100%; margin:0 auto;}
.dRecordCont{position:absolute; top:0; right:0; display:block; width:62%; height:98%; margin:0; padding:1%; z-index:2; text-align:right; overflow:hidden;
background-image: linear-gradient(to left, #fff, transparent);}
.dRecord:hover .dRecordCont{font-size:110%; background:#fff; opacity:0.9;}
.hRead{position:relative; margin:1% 0; padding:1% 0;}
.sRRead{display:inline;}

/* permanent buttons */
.dPerButt{width:98%; max-width:var(--mtMaxWith); margin:7% auto 0 auto; padding:0; font-size:120%; text-align:center; display:block;}
.dPrBtt{width:100%; margin:2% 0; text-align:left;}
.dPrBttImg{float:none; width:100%; max-width:320px; border-bottom:1px solid #54D5FB;}
.dButt{position:relative; display:inline-block; margin:1% 2px; padding:0; width:20%; width:calc(100%/5 - 10px); cursor:pointer; text-align:center; height:100px;  vertical-align:middle; border-bottom:2px solid transparent;} 
.dButt:hover{border-bottom:2px solid #415299;}
.dImgButt{position:relative; float:left; height:98%; width:auto; max-width:30%; margin:0px; overflow:hidden; z-index:1;}
.imgButt{position:relative; float:none; margin:auto; width:auto; height:100%;}
.dButtDescr{position:relative; float:right; overflow:hidden; width:70%; height:98%;}
.hButt{position:relative; margin:4% 1%; font-size:110%; text-align:center;}
.yTttl{position:absolute; bottom:0; left:0; right:0; color:#fff; background-color:#2E0099; overflow:hidden; width:96%; height:0; padding:2%; transition: .5s ease; z-index:2; opacity:0.8}
.dButt:hover .yTttl{height:95%;}



/* onli for article.php */
.dContentArt{float:left; width:60%; margin:2% 2%; padding:2%; border:2px solid #2E0099; border-radius:7px;} /* inside dive for dContent if it need */
.hCatArt{margin:0.5% 2%;} /* part title */
.hArt{margin:1% 2%; text-align:right;} /* article title */
.dImgArt{float:left; width:38%; height:auto; margin:3% 2%; overflow:hidden;}/* box inside small img  */
.imgTrArt{width:100%;} /* inside small img */
/* .dArtTxt{float:right; width:70%; margin:0; padding:0;} */
.dDescr{margin:2%; font-style:italic; text-align:right;}
/* only for article.php and photo.php*/
.dhistory{position:relative; margin:5% 2%; text-align:right; clear:both;} /* box for a history */
.ahistory{} /* a history */
/* menu article */
.dMenuArt{float:right; width:25%; margin:0 2%; padding:0; overflow:hidden; display:block;} /* box for links/buttons/images... only for article.php */
	.aOldNew{margin:0; padding:5% 2%; width:96%; font-size:90%; display:inline-block; border-top:1px solid #2E0099} /* links "older/newest" to article.php */
		.aOldNew:hover{color:red;}
	.aMenu{margin:0 0 0 0; padding:5% 2%; width:96%; font-size:90%; display:inline-block; border-top:1px solid #2E0099} /* links to article.php */
		.aMenu:hover{color:red;}
	.dImgMenu{position:relative; width:98%; padding:0; margin:1% 0 4% 0; cursor:pointer; display:block; height:162px; height:calc(98vw/9.4); min-height:162px; max-height:205px; border:1px solid #2E0099;} /* calc(98vw/9.5) calc(var(--mtMaxWith)/7) */
	.imgMenu{float:none; width:100%; height:100%; margin:0; cursor:pointer; object-fit:scale-down; display:block;}
	.sImgMenu{position:absolute; bottom:0; left:0; width:96%; padding:2%; background:#fff; opacity:0.7; z-index:2; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.dDiaf{} /* box for advertisement scripts/diafimisiMenu.php */

/* only for photo.php color */
.dPhoto{width:95%; margin:2%;}/* box for caption */
.divPhoto{width:95%; min-height:50%; margin:5% 2%; display:block; overflow:hidden;}/* img box */
.imgFull{float:none; width:100%; margin-left:auto; margin-right:auto; display:block;} /* img */

/* only for contact.php */
.divContact{padding:0% 2%; margin-bottom:100px;} /* main box */
	.dContact{margin:5% 0%; padding:1%; text-align:right; line-height:150%;} /* address box */
.dForm{position:relative; margin:5% 0%; background:transparent;} /* form box */
	.fContact{margin:0%; padding:0%;} /* form for mess */
		.inContact{width:45%; margin:1%; padding:1%;} /* input el */
		.textContact{width:97%; height:145px; margin:1% auto; display:block;} /* textarea */
		.bContact{width:47%; margin:1% 0 1% 2%; padding:1% 0; cursor:pointer;} /* submit and reset but */
		.sCForm{line-height:29px;} /* span for answer 'mess save' */
		.sCFormA{line-height:29px;} /* span for answer 'mess not save' */
	.dmap{margin:5% 0;} /* box for map */
.fSecKo{width:95%; margin:1% auto; padding:0 1%; border:1px #136982 solid;}
.lSecKo{margin:0 2%; padding:1% 2%}
.itContr{width:45px; margin:1%; padding:1%;}

/* FOOTER */
.tdFooter{position:relative; width:100%; margin:0; padding:0%; clear:both;}
.dSNwrk{margin:0; padding:0; border-bottom:1px solid #415299;} /* soc. network */
	.iSNwrk{float:right; margin:7px  2%; height:32px; border:0; border-radius:2px;}
.dFoRow{margin:0;}
.dfoCol{position:relative; float:left; width:45%; min-width:220px; line-height:120%; padding:2%;} /* text-shadow:1px 1px #000; */
	.imgflogo{float:none; width:98%; max-width:480px; margin:0; display:block;}
	.sFoAddr{width:auto; margin:1% 0; font-size:110%; display:block;}
.dfoCollinks{position:relative; float:left; width:45%; max-width:100px; line-height:120%; padding:2%;}
	.aFooter{display:inline-block; width:100px; padding:4px 2px;} /* links to part 58585A */
	.aFooter:hover{color:red;} /* links to part */
.dFooter{color:#ccc; text-align:center; font-size:70%; border-top:1px solid #ccc;} /* box for s text */
.dGeodi{margin:2% 0;padding:2% 3% 2% 0; text-align:right;}
	.aGeodi{font-size:110%;}
#dgrf{margin:0;padding:2% 0;vertical-align:middle;}
	#dgrf > img{float:none;width:24px;margin:4px;cursor:pointer;display:inline-block;border:1px solid red; border-radius:4px;}

/* gformatter */
.dfull{position:relative; width:92%; margin:0; height:auto; min-height:0px; border: 0px solid #ccc; clear:both; display:block;}
.dflLeft{float:left; margin:0; width:47%; min-height:0; border:0;}
.dflRight{float:right; margin:0; width:47%; min-height:0; border:0;}
.pleft{text-align: left;}
.pcenter{text-align: center;}
.pright{text-align: right;}
.pjustify{text-align: justify;}
@media only screen and (max-width:640px) {
.dflLeft{float:left; margin:0; width:95%;}
.dflRight{float:left; margin:0; width:95%;}	
}
.dVideo{width:100%; height:400px; margin-left:auto; margin-right:auto; clear:both;}
.iVideo{float:none; width:100%; height:auto; margin:2% 0; display:inline-block;} /* if need set max-width!!! */
.iAudio{width:100%;} /* if need set max-width!!! */
.imgArtEx{float:left; margin:0 2% 0 0;  width:46%; height:auto;}/*outside sm img cover object-fit:scale-down; */
.imgArtEx2{float:none; width:100%; margin:2% 0; display:inline;}/*outside big img*/
.iFrm{width:100%; height: 100%; border-width: 0px;}
.ilink{display:inline;}
.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;}
/* gformatter */


/* MY MENU PLUS 2020-06-27 ------------------------------ */
.dMMplus{position:absolute; top:1%; right:1%; width:auto; width:calc(98vw); height:auto; min-height:40px; padding:2px; margin-top:35px; text-align:right; background:#fff; opacity:0.9; display:none; z-index:110; border:0px solid red;}
.sMMPlM{position:relative; width:auto; min-width:170px; padding:2px; margin:0; margin-left:10px; color:blue; text-align:left; border:0px solid blue; display:inline-block;}
.sMMPlM:hover{background:#E0E0FF}
	.aMMpl{width:88%; padding:2%; margin-right:8%; display:inline-block;} /* линк */
	.sMMPlOp{position:absolute; top:2px; right: 2px; z-index:3; width:auto; padding:0 2px; cursor:pointer} /* бутон за отваряне */
	.sMMPlCl{width:96%; padding:2%; margin:2% 0; color:red; text-align:right; cursor:pointer; display:inline-block;} /* бутон за затваряне на подменюто */
		.sMMPlMcl:hover{color:yellow; font-weight:900;}
	.sMMPlYpo{position:absolute; top:100%; left:0; width:98%; padding:1%; padding-bottom:3%; text-align:left; background:#fff; color:green; opacity:0.9; display:none; z-index:2; overflow-y: visible;}
.dCatlMp{position:relative; width:40px; padding:0; display:inline-block; text-align:center;}
	.sOplMp{height:100%; padding:3% 0; color:blue; font-size:110%; font-weight:900; cursor:pointer; display:inline-block;}
/* ------------------------------ MY MENU PLUS */

@media only screen and (max-width:1440px) {
.masterTab{max-width:none;}
.dNews{width:calc(100vw/3.3); height:calc(100vw/3.3);}
.dRecord{height:calc(100vw/5);}
.dGeodi{padding:2% 4% 2% 0;}
}

@media only screen and (max-width:1024px) {
.tdHead{font-size:100%;}
.hButt{font-size:100%;}
.sNRead{font-size:75%;}
.sRRead{font-size:75%;}
/* MY MENU PLUS */
.dMMplus{}
.dCatlMp{width:100%; text-align:right;}
.sOplMp{width:97%; color:#FFF; text-align:right; display:block;}
/* MY MENU PLUS */
.dGeodi{padding:2% 5% 2% 0;}
}

@media only screen and (max-width:820px) {
.dNews{width:45vw; height:45vw;}/* calc(100vw*.95); */
.dNewsCont{background-image: linear-gradient(to bottom, #fff, #fff 62%, transparent); opacity:0.7;}
.dButt{width:calc(95vw/2 - 10px); margin:2% 2px;} /*  height:calc(98vw/4); min-height:100px; .dNews:hover{transform: rotate(0); */
.yTttl{height:34%; font-size:90%; opacity:0.7;}
.hButt{margin:1% 1%; font-size:100%;}

.dRecord{width:45%; margin:5% 0; height:calc(100vw/3.4);}
/* article */
.dContentArt{width:92%; margin:5% 1%;}
.dMenuArt{float:left; width:98%; margin:5% 1%;}
.imgArtEx{width:95%; height:auto; margin:5% 1%;}
.dGeodi{padding:2% 8% 2% 0;}
}

@media only screen and (max-width:640px) {
.dRecord{width:95%; margin:5% 0; height:calc(100vw/1.67);}
.dNews{width:95vw; height:95vw; transform: rotate(0); border:1px solid #415299;}
.dButt{width:95vw; margin:2% 0;}
.aSMenu, .aSOldNew{padding-top:12px; padding-bottom:12px;}
.dfoCollinks{line-height:100%;}
.aFooter{margin-bottom:10px;}
.dGeodi{padding:2% 10% 2% 0;}
}

@media only screen and (max-width:480px) {
.imenu {float:none; height:24px; margin:2px; display:inline-block; transition: none !important;}
.imenu:hover{height:24px; margin:2px;}
.aExl{display:block;}
.dImgArt{float:none; width:95%;}
.dArtTxt{float:none; width:100%;}
.dfoCollinks{font-size:90%;}
/* MY MENU PLUS */
.sMMPlM{width:95%;}
.dGeodi{padding:2% 11% 2% 0;font-size:13px;}
}

@media only screen and (max-width:360px) {
.dCat{font-size:80%;}
.dGeodi{padding:2% 11% 2% 0;font-size:11px;}
}