/*
	* LayerSlider Add-On: Popup Slider Styles
	*
	* (c) 2011-2024 George Krupa, John Gera & Kreatura Media
	*
	* LayerSlider home:		https://layerslider.com/
	* Licensing:			https://layerslider.com/licensing/
*/

.popup {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
  }
  .popup .popup__content {
	width: 80%;
	overflow: auto;
	padding: 50px;
	background: white;
	color: black;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-sizing: border-box;
  }
  .popup .popup__content .close {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 20px;
	display: block;
  }
  .popup .popup__content .close span {
	cursor: pointer;
	position: fixed;
	width: 20px;
	height: 3px;
	background: #099ccc;
  }
  .popup .popup__content .close span:nth-child(1) {
	transform: rotate(45deg);
  }
  .popup .popup__content .close span:nth-child(2) {
	transform: rotate(135deg);
  }
  
  button {
	background: #099ccc;
	color: white;
	margin: 30px;
	padding: 5px 30px;
	cursor: pointer;
	border: none;
  }

.ls-popup-overlay {
	position: fixed !important;
	z-index: 999999 !important;
	left: 0;
	top: 0;
	width: 100% !important;
	height: 100% !important;
	display: none;
}

.ls-popup {
	position: fixed !important;
	width: auto !important;
	height: auto !important;
	z-index: 9999999 !important;
	display: block !important;
	overflow: visible !important;
	visibility: visible !important;
}

.ls-popup:not(.ls-popup-visible) {
	transform: translate(-10000px,-10000px);
}

.ls-popup:not(.ls-popup-visible),
.ls-popup:not(.ls-popup-visible) .ls-popup-inner .ls-container {
	pointer-events: none !important;
	visibility: hidden !important;
}

.ls-popup.ls-popup-scrollable {
	position: absolute !important;
}

.ls-popup .ls-popup-inner {
	width: 100% !important;
	height: 100% !important;
}

.ls-popup,
.ls-popup-inner {
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	pointer-events: none !important;
	background: none !important;
}

.ls-popup .ls-popup-inner .ls-container {
	position: absolute !important;
	pointer-events: auto !important;
}

.ls-popup-close-button {
	position: absolute;
	width: 28px;
	height: 28px;
	border-radius: 100%;
	border: 2px solid white;
	z-index: 1000;
	left: 10px;
	top: 10px;
	cursor: pointer;
	opacity: .75;
	transition: opacity .3s ease-in-out;
	background: rgba(0,0,0,.25);
	box-sizing: content-box !important;
}

.ls-popup-close-button:before,
.ls-popup-close-button:after {
	content: '';
	width: 20px;
	height: 2px;
	position: absolute;
	top: 13px;
	left: 4px;
	background: white;
	border-radius: 10px;
	transition: transform .2s ease-in-out;
}

.ls-popup-close-button:before {
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.ls-popup-close-button:after {
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.ls-popup-close-button:hover {
	opacity: 1;
}

.ls-popup-close-button:hover:before {
	transform: rotate(135deg);
}

.ls-popup-close-button:hover:after {
	transform: rotate(45deg);
}