body.hidden-scroll {
  overflow: hidden; }

.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 1;
  display: none;
  z-index: 1035; }

.sl-wrapper {
  z-index: 1040; 
}

  
.sl-wrapper button 
{
    border: 0 none;
    background: transparent;
    font-size: 28px;
    padding: 0;
    cursor: pointer; 
}
    
.sl-wrapper button:hover 
{
      opacity: 1; 
}
  

/*CLOSE BUTTON*/
.sl-wrapper .sl-close {
    display: none;
    position: fixed;
    right: 40px;
    top: 30px;
    z-index: 10060;
    margin-top: -14px;
    margin-right: -14px;
    height: 40px;
    width: 40px;
    line-height: 40px;
	 opacity: .8; 
   /* font-family: Arial, Baskerville, monospace;
    color: #222222;
    font-size: 3rem; */
	color: #b19842;

	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 18px;
}
    
.sl-close:before {
	content: "\f00d";
}

.sl-wrapper .sl-close:focus {
      outline: none; }
  

.sl-wrapper .sl-counter {
    display: none;
    position: fixed;
    top: 30px;
    left: 30px;
    z-index: 1060;
    color: #000;
    font-size: 1rem; }
  


.sl-wrapper .sl-navigation {
    width: 100%;
    display: none; }
    

.sl-wrapper .sl-navigation button 
{  
	position: fixed;
    top: 50%;
    margin-top: -22px;
   /* height: 44px;
    width: 22px;
    line-height: 44px;*/
	 height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    display: block;
    z-index: 10060;
     /* font-family: Arial, Baskerville, monospace;*/
     

	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	
	background-color: rgba(238, 238, 238, 0.4);
	
	
	color: #b19842;
	opacity: .8;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

.sl-wrapper .sl-navigation button:hover
{ 
	background-color: rgba(238, 238, 238, 0.8);
	opacity: 1;
}


.sl-wrapper .sl-navigation button.sl-next 
{
  right: 5px;
        /*font-size: 16px;*/
background-color: rgba(238, 238, 238, 0.7);
}

.sl-next:before {
	content: "\f061";
}





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

.sl-prev:before {
	content: "\f060";
}


.sl-wrapper .sl-navigation button:focus 
{
        outline: none; 
}



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


      
@media (min-width: 50em) 	  
{    
	.sl-wrapper .sl-navigation button 
	{
         
		width: 50px; 
		height: 50px; 
	}
          
	.sl-wrapper .sl-navigation button.sl-next 
	{
            
		right: 10px;
            
		font-size: 20px;
	}
          
	
	.sl-wrapper .sl-navigation button.sl-prev 
	{
            
		left: 10px;
            
		font-size:20px; 
	} 
}

  
.sl-wrapper .sl-image 
{
    position: fixed;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 10000; 
}

    
.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: #fff;
      background: rgba(0, 0, 0, 0.8);
      font-size: 1rem;
      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; } 
}