/*!
	By André Rinas, www.andrerinas.de
	Documentation, www.simplelightbox.de
	Available for use under the MIT License
	Version 2.11.0
*/

body.hidden-scroll {  overflow: hidden;  }
.sl-overlay {  position: fixed;  left: 0;  right: 0;  top: 0;  bottom: 0;  background: #999999; /*  nagykép háttérszíne */  display: none;  z-index: 1035; } 
.sl-wrapper {  z-index: 1040;  width: 100%;  height: 100%;  left: 0;  top: 0;  position: fixed;  }
  .sl-wrapper * {    box-sizing: border-box; }


  .sl-wrapper button {    border: 0 none;    background: transparent;    font-size: 28px;    padding: 0;    cursor: pointer;  border-radius: 7px;  }   /* Close, Prev, Next buttonok  */   
 .sl-wrapper button:hover {       opacity: 0.7;   /* background-color: lightblue;   */   }                                                                                           /* Close, Prev, Next buttonok hover  */   


  .sl-wrapper .sl-close {    display: none;    position: fixed;    right: 30px;    top: 30px;    z-index: 10060;    margin-top: -14px;   /* Close X button */
                                         margin-right: -14px;    height: 44px;    width: 44px;    line-height: 44px;    font-family: Arial, Baskerville, monospace;    color: #000;    font-size: 3rem; }
  .sl-wrapper .sl-counter {    display: none;    position: fixed;    top: 30px;    left: 30px;    z-index: 10060;    color: #000;    font-size: 1rem; }


  .sl-wrapper .sl-navigation {    width: 100%;    display: none; }   
   .sl-wrapper .sl-navigation button {  
/*  height: 40px;  width:22px; */    height: 160px;    width: 40px;   /*     <-------  PREV  NEXT ------->  BUTTONOK MÉRETE  */     
    position: fixed;      top: 50%;      z-index: 10070;                        /*     <-------  PREV  NEXT ------->  BUTTONOK ELHELYEZKEDÉSE */     
      /*   margin-top: -22px;   */    margin-top: -82px;   line-height: 44px;   text-align: center;   display: block;   font-family: Arial, Baskerville, monospace;   color: #000; }

   .sl-wrapper .sl-navigation button.sl-next {        right: 5px;        font-size: 2rem; }
   .sl-wrapper .sl-navigation button.sl-prev {        left: 5px;        font-size: 2rem; }

@media (min-width: 35.5em) {        
		  .sl-wrapper .sl-navigation button {          width: 44px; }
          .sl-wrapper .sl-navigation button.sl-next {            right: 10px;            font-size: 3rem; }
          .sl-wrapper .sl-navigation button.sl-prev {            left: 10px;            font-size: 3rem; } }

 

@media (min-width: 50em) { /* 500 px-nél nagyobb */
          .sl-wrapper .sl-navigation button {          width: 44px; }
          .sl-wrapper .sl-navigation button.sl-next {    right: 20px;            font-size: 3rem; }
          .sl-wrapper .sl-navigation button.sl-prev {    left: 20px;            font-size: 3rem; } }
  .sl-wrapper.sl-dir-rtl .sl-navigation {    direction: ltr; }










  .sl-wrapper .sl-image {    position: fixed;    -ms-touch-action: none;    touch-action: none;    z-index: 10000; 
	                         padding: 5px;  background: white;  border: 1px solid #444;      /* N A G Y K É P   B O R D E R */ } 

.sl-wrapper .sl-image img {      margin: 0;       padding: 0;   display: block;    border: 0 none;  width: 100%;      height: auto;	  }

@media (min-width: 35.5em) {        .sl-wrapper .sl-image img {          border: 0 none; } }

@media (min-width: 50em) {        .sl-wrapper .sl-image img {          border: 0 none; } } 

.sl-wrapper .sl-image iframe {      background: #000;     border: 0 none;   }

@media (min-width: 35.5em) {        .sl-wrapper .sl-image iframe {          border: 0 none; } }


@media (min-width: 50em) {        .sl-wrapper .sl-image iframe {          border: 0 none; } }
    .sl-wrapper .sl-image .sl-caption {  		display: none;      padding: 10px; 		color: black;  text-align: center; /* N A G Y K É P   K É P A L Á Í R Á S A */     
		/* background: rgba(0, 0, 0, 0.8);     */  font-size: 1rem;                                                            font-style:italic;    
		/* position: absolute;      bottom: 0;      left: 0;      right: 0;*/  }


      .sl-wrapper .sl-image .sl-caption.pos-top {        bottom: auto;        top: 0; }
      .sl-wrapper .sl-image .sl-caption.pos-outside {        bottom: auto; }
    .sl-wrapper .sl-image .sl-download {      display: none;      position: absolute;      bottom: 5px;      right: 5px;      color: #000;      z-index: 1060; }

.sl-spinner {  display: none;  border: 5px solid #333;  border-radius: 40px;  height: 40px;  left: 50%;  margin: -20px 0 0 -20px;  opacity: 0;
	position: fixed;  top: 50%;  width: 40px;  z-index: 1007;
  -webkit-animation: pulsate 1s ease-out infinite;
  -moz-animation: pulsate 1s ease-out infinite;
  -ms-animation: pulsate 1s ease-out infinite;
  -o-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite; }

.sl-scrollbar-measure {  position: absolute;  top: -9999px;  width: 50px;  height: 50px;  overflow: scroll; }

.sl-transition {  transition: -moz-transform ease 200ms;  transition: -ms-transform ease 200ms;  transition: -o-transform ease 200ms;  transition: -webkit-transform ease 200ms;
  transition: transform ease 200ms; }

@-webkit-keyframes pulsate {  0% {    transform: scale(0.1);    opacity: 0.0; }  50% {    opacity: 1; }  100% {    transform: scale(1.2);    opacity: 0; } }
@keyframes pulsate {  0% {    transform: scale(0.1);    opacity: 0.0; }  50% {    opacity: 1; }  100% {    transform: scale(1.2);    opacity: 0; } }
@-moz-keyframes pulsate {  0% {    transform: scale(0.1);    opacity: 0.0; }  50% {    opacity: 1; }  100% {    transform: scale(1.2);    opacity: 0; } }
@-o-keyframes pulsate {  0% {    transform: scale(0.1);    opacity: 0.0; }  50% {    opacity: 1; }  100% {    transform: scale(1.2);    opacity: 0; } }
@-ms-keyframes pulsate {  0% {    transform: scale(0.1);    opacity: 0.0; }  50% {    opacity: 1; }
  100% {    transform: scale(1.2);    opacity: 0; } }