/* created 16-06-2020 for Magic Effects */

/* ANIM.STYLE No.1 */
/* for later USE */
.logo-bombRightOut-0 {
	width: 260px;
	animation-duration: 4s
}
.logo-bombRightOut-0:hover {
  	animation-name: bombRightOut;
}
/* End - for later USE */

/* Basically assigned to 'HR...' page - 21-11-2020 */
.hr-slideLeftReturn-0 {
	border: 1px solid #666666;
	padding: 1px;
	border-radius: 11px;
	animation-duration: 3s;
}
.hr-slideLeftReturn-0:hover {
	border: 1px solid #ffffff;
	border-radius: 3px;
	animation-name: slideLeftReturn;
}
/* End - Basically assigned to 'HR...' page - 21-11-202 */
.slideLeftReturn {
  -webkit-animation-name: slideLeftReturn;
  animation-name: slideLeftReturn; }

@-webkit-keyframes slideLeftReturn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes slideLeftReturn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

/* Basically assigned to 'HR...' page - 21-11-2020 */
.hr-spaceInLeft-0 {
	border: 1px solid #666666;
	padding: 1px;
	border-radius: 11px;
	animation-duration: 3s;
}
.hr-spaceInLeft-0:hover {
	border: 1px solid #ffffff;
	border-radius: 3px;
	animation-name: spaceInLeft;
}
/* End - Basically assigned to 'HR...' page - 21-11-202 */

.spaceInLeft {
  -webkit-animation-name: spaceInLeft;
  animation-name: spaceInLeft; }

@-webkit-keyframes spaceInLeft {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale(0.2) translate(-200%, 0%);
    transform: scale(0.2) translate(-200%, 0%); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale(1) translate(0%, 0%);
    transform: scale(1) translate(0%, 0%); } }

@keyframes spaceInLeft {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale(0.2) translate(-200%, 0%);
    transform: scale(0.2) translate(-200%, 0%); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale(1) translate(0%, 0%);
    transform: scale(1) translate(0%, 0%); } }

/* Basically assigned to 'HR...' page - 21-11-2020 */
.hr-bombRightOut-0 {
	border: 1px solid #666666;
	padding: 1px;
	border-radius: 11px;
	animation-duration: 3s;
}
.hr-bombRightOut-0:hover {
	border: 1px solid #ffffff;
	border-radius: 3px;
	animation-name: bombRightOut;
}
/* End - Basically assigned to 'HR...' page - 21-11-202 */

.bombRightOut {
  -webkit-animation-name: bombRightOut;
  animation-name: bombRightOut;
}
@-webkit-keyframes bombRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }

  50% {
    opacity: 1;
    -webkit-transform-origin: 200% 50%;
    transform-origin: 200% 50%;
    -webkit-transform: rotate(160deg);
    transform: rotate(160deg);
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 50%;
    transform-origin: 200% 50%;
    -webkit-transform: rotate(160deg);
    transform: rotate(160deg);
    -webkit-filter: blur(20px);
    filter: blur(20px);
  }
}
@keyframes bombRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }

  50% {
    opacity: 1;
    -webkit-transform-origin: 200% 50%;
    transform-origin: 200% 50%;
    -webkit-transform: rotate(160deg);
    transform: rotate(160deg);
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 50%;
    transform-origin: 200% 50%;
    -webkit-transform: rotate(160deg);
    transform: rotate(160deg);
    -webkit-filter: blur(20px);
    filter: blur(20px);
  }
}
/* End - ANIM.STYLE No.1 */

/* ANIM.STYLE No.2 */
/* Added to 'GLobePhoto-2.png' as basic style - 17-06-2020 (EXP.!) */
.magic-0 {
  	width: 100px;
	animation-duration: 4s
}
.magic-0:hover {
  	animation-name: magic;
}
/* End - Added to 'GLobePhoto-2.png' as basic style - 17-06-2020 */

.magic {
  -webkit-animation-name: magic;
  animation-name: magic;
}
@-webkit-keyframes magic {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 200%;
    transform-origin: 100% 200%;
    -webkit-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 500%;
    transform-origin: 200% 500%;
    -webkit-transform: scale(0, 0) rotate(270deg);
    transform: scale(0, 0) rotate(270deg);
  }
}
@keyframes magic {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 200%;
    transform-origin: 100% 200%;
    -webkit-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 500%;
    transform-origin: 200% 500%;
    -webkit-transform: scale(0, 0) rotate(270deg);
    transform: scale(0, 0) rotate(270deg);
  }
}
/* End - ANIM.STYLE No.2 */

/* ANIM.STYLE No.3 */
/* Assigned to 'thumbnail pictures' in 'Hungary-Culture-Photography...' derivated fm orig. HQP 'Lp(Pp)' pic in order to eliminate 'th_' files; used also in 'rand_sel_myHQP-thp.js' - i-05-04-2021 */
.th-vanishIn-0-deRiv {
/* TH-Pic size & pos. mod. - def.pos: 50% 50% - only for images*/
	width: 200px;
	height: 115px;
	object-fit: cover;
/*  Ch.N. 10-04-2021 - it was 50% */
	object-position: 50% 30%; 
/*  Ch.N. 10-04-2021 - it was 50% */
/*  End - TH-Pic size & pos. mod. */
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	margin: 0px 3px 5px 15px;
	border: 1px solid #6F767B;
	border-radius: 15px;
	animation-duration: 2.5s;
}
.th-vanishIn-0-deRiv:hover {
/* - i-05-04-2021 - TH-Pic size to see the full pic */
	object-fit: scale-down;
/*  End - i-05-04-2021 - TH-Pic size */
	padding: 6px;
	border: 0px ;
	animation-name: vanishIn;
}
/* End - Assigned to '170x110 thumbnail pictures' in 'Hungary-Culture-Photography.' as basic style - 17-06-2020 */

/* Assigned to '170x110 thumbnail pictures' in 'Hungary-Culture-Photography.' as basic style - 17-06-2020 - old version of that one above */
.th-vanishIn-0 {
	height:auto;	
	text-align: center;
	vertical-align: middle;
	padding: 7px 7px 7px 7px;
	margin: 6px 7px 5px 23px;
	border: 1px solid #6F767B;
	border-radius: 11px;
/* Ch.N. 20.06.2020 */
/* End - Ch.N. 20.06.2020 */
	animation-duration: 2.5s;
}
.th-vanishIn-0:hover {
  	border: 1px solid #ffffff;
	animation-name: vanishIn;
}
/* End - Assigned to '170x110 thumbnail pictures' in 'Hungary-Culture-Photography.' as basic style - 17-06-2020 */

/* i-24-01-2022 - for 'FraXq-HQP' iframes */
.fraxq-2-vanishIn-0 {
	max-width:100%;
	height:auto;	
	text-align: center;
	vertical-align: middle;
/*	border: 1px solid #aaaaaa; */
	padding: 1px;
	border-radius: 13px;
	webkit-transform: rotate(163deg);
    transform: rotate(163deg);
	-webkit-transition: all cubic-bezier(0.35,-4.1,0.5,1) 5s;
  	transition: all cubic-bezier(0.35,-4.1,0.5,1) 5s;
	animation-duration: 3s;
}
.fraxq-2-vanishIn-0:hover {
/*	border: 1px solid #ffffff; */
	border-radius: 5px;
	-webkit-transform: translate(0px, 0px); 
    transform: translate(0px, 0px);
	-webkit-transition: all cubic-bezier(0.5,-3.1,0.5,1) 5s;
  	transition: all cubic-bezier(0.5,-3.1,0.5,1) 5s;
	animation-name: vanishIn;
}
/* End - i-24-01-2022 - for 'FraXq-HQP' iframes */

/* i-24-01-2022 - for 'FraXq-HQP' iframes */
.fraxq-vanishIn-0 {
	max-width:100%;
	height:auto;	
	text-align: center;
	vertical-align: middle;
/*	border: 1px solid #aaaaaa; */
	padding: 1px;
	border-radius: 13px;
	webkit-transform: rotate(-163deg);
    transform: rotate(-163deg);
	-webkit-transition: all cubic-bezier(0.35,-4.1,0.5,1) 5s;
  	transition: all cubic-bezier(0.35,-4.1,0.5,1) 5s;
	animation-duration: 3s;
}
.fraxq-vanishIn-0:hover {
/*	border: 1px solid #ffffff; */
	border-radius: 5px;
	-webkit-transform: translate(0px, 0px); 
    transform: translate(0px, 0px);
	-webkit-transition: all cubic-bezier(0.5,-3.1,0.5,1) 5s;
  	transition: all cubic-bezier(0.5,-3.1,0.5,1) 5s;
	animation-name: vanishIn;
}
/* End - i-24-01-2022 - for 'FraXq-HQP' iframes */

/* Assigned to 'clipped picture' in 'Polygon-X_ifr.htm' as basic style - 18-06-2020 */
.polygon-vanishIn-0 {
	animation-duration: 3s;
}
.polygon-vanishIn-0:hover {
	animation-name: vanishIn;
}
/* End - Assigned to 'clipped picture' in 'Polygon-X_ifr.htm' as basic style - 18-06-2020 */

/* i-23-01-2022 - for displaying HQP's w/ Bang, e.g. GLobePhoto.net and 4ArC.hu - combi of 'hr-vanishIn-0' and 'BestGLobePhoto2400-net2' */
.hr-vanishIn-0-2 {
/* i-03-01-2022 - for displaying HQP's w/ Bang, so that 'P' images shn't stretch  to edge of page */
	max-width:100%;
/* End - i-03-01-2022 - for displaying HQP's w/ Bang, so that 'P' mages shn't stretch  to edge of page */
	height:auto;	
	text-align: center;
	vertical-align: middle;
	border: 1px solid #aaaaaa;
	padding: 1px;
	border-radius: 13px;
	webkit-transform: rotate(0deg);
    transform: rotate(0deg);
	-webkit-transition: all cubic-bezier(0.35,-4.1,0.5,1) 5s;
  	transition: all cubic-bezier(0.35,-4.1,0.5,1) 5s;
	animation-duration: 3s;
}
.hr-vanishIn-0-2:hover {
	border: 1px solid #dddddd;
	border-radius: 5px;
	-webkit-transform: translate(0px, 0px); 
    transform: translate(0px, 0px);
	-webkit-transition: all cubic-bezier(0.5,-3.1,0.5,1) 5s;
  	transition: all cubic-bezier(0.5,-3.1,0.5,1) 5s;
	animation-name: vanishIn;
}
/* End - i-23-01-2022 - for displaying HQP's w/ Bang, e.g. GLobePhoto.net and 4ArC.hu - combi of 'hr-vanishIn-0' and 'BestGLobePhoto2400-net2' */

/* Assigned to some HR PICTURES e.g. in PhotoMaster.hu and other 'SelFULL' pages - 21-06-2020 */
.hr-vanishIn-0 {
	border: 1px solid #666666;
	padding: 1px;
	border-radius: 11px;
	animation-duration: 3s;
}
.hr-vanishIn-0:hover {
	border: 1px solid #ffffff;
	border-radius: 3px;
	animation-name: vanishIn;
}
/* End - Assigned to some HR PICTURES e.g. in PhotoMaster.hu - 21-06-2020 */

/* i-16-05-2021 for growing up Pix e.g. in Aranymetszes.owl.hu' */
.growinguPic-GR-vanishIn-0 {
	width: 24%;
	height: 48%;
	border: 1px solid #666666;
	padding: 1px;
	border-radius: 7px;	
	animation-duration: 3s;
}
.growinguPic-GR-vanishIn-0:hover {
/* i-30-04-2021 */
	border-radius: 15px;
	border: 1px solid #bbbbbb;
/* End - i-30-04-2021 */
	width: auto;
	height: auto;
	animation-name: vanishIn;
}
/* End -  i-16-05-2021 for growing up Pix e.g. in Aranymetszes.owl.hu' */

/* Cr.11-07-2020 for growing up Pix e.g. in 'Geza.Lorincze.hu' and Aranymetszes.owl.hu' */
.growinguPic-GLOWL-vanishIn-0 {
	width: 38%;
	height: 78%;
	border: 1px solid #666666;
	padding: 1px;
	border-radius: 7px;	
	animation-duration: 3s;
}
.growinguPic-GLOWL-vanishIn-0:hover {
/* i-30-04-2021 */
	border-radius: 15px;
	border: 1px solid #bbbbbb;
/* End - i-30-04-2021 */
	width: auto;
	height: auto;
	animation-name: vanishIn;
}
/* End - Cr.11-07-2020 for growing up Pix e.g. in 'Geza.Lorincze.hu' */

/* cr.02-09-2020 for growing up CloseFam pic in 'Geza.Lorincze.hu' */
.growinguPic-closeFam-vanishIn-0 {
	width: 23%;
/* with cell height of 337px */
	height: 61%;
/* End - with cell height of 337px */
	border: 1px solid #666666;
	padding: 1px;
	border-radius: 11px;	
	animation-duration: 3s;
}
.growinguPic-closeFam-vanishIn-0:hover {
/* for original size */
	width: auto;
	height: auto;
	animation-name: vanishIn;
}
/* End - cr.02-09-2020 for growing up CloseFam pic in 'Geza.Lorincze.hu' */

/* for Geza.Lorincze.hu */
.growinguPic-myHistPic-vanishIn-0_A {
	cursor: pointer;
	border: 1px solid #666666;
	padding: 11px;
	margin: 21px;
	border-radius: 20px;	
	animation-duration: 3s;
}
.growinguPic-myHistPic-vanishIn-0_A:active {
	width: auto;
	height: auto;
	animation-name: vanishIn;
}
/* End - for Geza.Lorincze.hu */

/* ch.05-09-2020 for growing up round thumbnails to big Pic in 'Geza.Lorincze.hu */
.growinguPic-myHistPic-vanishIn-0 {
	border: 1px solid #666666;
	padding: 11px;
	margin: 21px;
	border-radius: 20px;	
	animation-duration: 3s;
}
.growinguPic-myHistPic-vanishIn-0:hover {
	width: auto;
	height: auto;
	animation-name: vanishIn;
}
/* End - cr.05-09-2020 for growing up round thumbnails to big Pic in 'Geza.Lorincze.hu' */

/* i-06-02-2022 - for Budapest-Hungary.GLobePhoto.hu (Anim8) */
.growinguPic-myBestPic-vanishIn-0-2 {
	width: 100%;
	padding: 1px;
	margin: 1px;
	animation-duration: 5s;
}
.growinguPic-myBestPic-vanishIn-0-2:hover {
	height: auto;
	animation-name: vanishIn;
}
/* End - i-06-02-2022 - for Budapest-Hungary.GLobePhoto.hu (Anim8) */

/* ch.n.09-09-2020 for growing up small pic in 'GLobePhoto.owl.hu' */
.growinguPic-myBestPic-vanishIn-0 {
	width: 220px;
	padding: 1px;
	margin: 1px;
	border-radius: 20px;	
	animation-duration: 5s;
}
.growinguPic-myBestPic-vanishIn-0:hover {
/* ch.n.09-08-2020 */
	width: 100%;
/* End - ch.n.09-08-2020 */
	height: auto;
	animation-name: vanishIn;
}
/* End - ch.n.09-09-2020 for growing up small pic in 'GLobePhoto.owl.hu' */

.vanishIn {
  animation-name: vanishIn;
}

/* Common Animation Part */
@-webkit-keyframes vanishIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2, 2);
    filter: blur(90px);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
    filter: blur(0px);
  }
}

@keyframes vanishIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2, 2);
    filter: blur(90px);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
    filter: blur(0px);
  }
}
/* End - ANIM.STYLE No.3 */

/* ANIM.STYLE No.4 */
/* !!! Just blinking!!! - Assigned mostly to 'HQ...' pages - 21-11-2020 */
.hr-foolishIn-0 {
	border: 1px solid #666666;
	padding: 1px;
	border-radius: 11px;
	animation-duration: 3s;
}
.hr-foolishIn-0:hover {
	border: 1px solid #ffffff;
	border-radius: 3px;
	animation-name: foolishIn;
}
/* End - Assigned mostly to 'HQ...' pages - 21-11-2020 */

/* !!! Just blinking!!! - Added to '170x110 thumbnail pictures' in 'Hungary-Culture-Photography.' as basic style - 17-06-2020 */
.th-foolishIn-0 {
	height:auto;	
	text-align: center;
	vertical-align: middle;
	padding:7px 7px 7px 7px;
	margin: 5px 5px 5px 5px;
	border: 1px solid #666666;
	border-radius: 11px;
	animation-duration: 3s;
}
.th-foolishIn-0:hover {
  	border: 1px solid #ffffff;
	border-radius: 11px;
	animation-name: foolishIn;
}
/* End - Added to '170x110 thumbnail pictures' in 'Hungary-Culture-Photography.' as basic style - 17-06-2020 */

.foolishIn {
  -webkit-animation-name: foolishIn;
  animation-name: foolishIn;
}
@-webkit-keyframes foolishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(360deg);
    transform: scale(0, 0) rotate(360deg);
  }

  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  60% {
    opacity: 1;
    -webkit-transform-origin: 0%;
    transform-origin: 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg);
  }
}
@keyframes foolishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(360deg);
    transform: scale(0, 0) rotate(360deg);
  }

  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  60% {
    opacity: 1;
    -webkit-transform-origin: 0%;
    transform-origin: 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg);
  }
}
/* End - ANIM.STYLE No.4 */