.aux-sticky-demo-buttons{
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 9999;
	transform: translate(20px, -50%);
}

@keyframes AuxLightUpStickyBtns{
    0%{
        background-position: 0 0;
	}
	80%{
        background-position: 0 0;
    }
    100% {
        background-position: 100% 0;
	}
}

.aux-sticky-button{
	border-radius: 8px 0px 0px 8px;
	opacity: 1;
	margin-bottom: 6px;
	height: 40px;
    width:152px;
	line-height: 40px;
	text-transform: capitalize;
	font-size: 13px;
	font-family: 'Raleway', sans-serif;
	overflow: hidden;
	min-width:145px;
	transition: all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96);
	background-color:rgba(0,0,0,0.45);
    background-image: linear-gradient(90deg, rgba(255,255,255,0) 40%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 60%);
    background-size: 300%;
	animation-duration: 5000ms;
	animation-delay: 2000ms;
	animation-name: AuxLightUpStickyBtns;
	animation-iteration-count: infinite;
	will-change: backgroud-position;
}

.aux-sticky-button:hover,
.aux-sticky-button.aux-enabled{
	background-color:#0062FF;
	transform: translateX(-20px);
	background-image: none;
	animation-iteration-count:0;
}

.beacon-is-open .aux-sticky-button{
	transform: translateX(67%);
}

.aux-sticky-button:last-child{
	border-bottom: none;
}

.aux-preview-button{
	transition-delay: 50ms;
}

.aux-buy-button{
	transition-delay: 30ms;
	animation-delay: 2050ms;
}

.aux-enable-export-section{
	transition-delay: 0ms;
	animation-delay: 2100ms;
}

/* Squeeze or remve redundant elements on mobile  */
@media screen and (max-width:767px){
	.aux-preview-button,
	.aux-enable-export-section{
		display:none;
	}
	.aux-buy-button{
		transform: translate(23%,0);
	}
	.aux-sticky-demo-buttons{
		top:30%;
	}
}

.aux-sticky-button > a{
	width: 100%;
	position: relative;
	display: block;
	font-size: 12px;
	color: #fff;
	padding-left: 36px;
	display: flex;
    align-items: center;
}


.aux-sticky-button img {
	position: absolute;
    left: 15px;
}

.aux-preview-button img{

}

.aux-target-pro-button  img {
	top: 9px;
}

.aux-sticky-button.aux-slide-out{
	border: none;
}

.aux-sticky-button.aux-slide-out > a{
	color: #fff;
}


.export-button {
    position: absolute;
    left: 0;
    top: -1px;
    padding: 5px 7px;
    background-color: #0062ff;
    display: flex;
    z-index: 999999;
    box-shadow: 0px 0px 9px 3px #00000020;
	cursor: pointer;
	backdrop-filter: blur(10px);
	font-family: 'Raleway', sans-serif;
	opacity: 0;
}

.export-button:hover{
	background-color: #4285f4;
}

.export-button a {
    font-size: 12px;
    color: white;
}

.aux-show-export-button {

}

.aux-show-export-button:hover {
	box-shadow: 0 0 0 2px #71d7f7;
}

.aux-show-export-button:hover .export-button{
	opacity: 1;
}

.aux-elementor-header .elementor-section > .export-button{
	top: auto;
	bottom:0;
}

header.aux-overlay-header + .aux-main .elementor-section-wrap > .elementor-section:first-child .export-button{
	top : 50%;
	transform: translateY(-50%);
}

.aux-export-button .aux-export-help-button {
	padding: 0;
	border: none;
	background-color: transparent;
	margin-bottom: 0;
	margin-left: 7px;
	opacity: 0;
	transition: all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96);
}

.aux-export-button:hover .aux-export-help-button,
.aux-sticky-button.aux-enabled .aux-export-help-button{
	opacity: 1;
}

.aux-export-button .aux-export-help-button img {
	position: static;
}

@media screen and (max-width:768px){
	.aux-export-button{
		display:none !important;
	}
}

.aux-demo-tools-modal {
	position: fixed;
	left: 0;
	top: 0;
	display: flex;
    align-items: center;
    justify-content: center;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	opacity: 0;
	visibility: hidden;
	transform: scale(1.1);
	transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
	z-index: 999999;
}

.aux-demo-tools-modal.is-active {
	opacity: 1;
	visibility: visible;
	transform: scale(1.0);
	transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

.aux-demo-tools-modal .aux-modal-content {
	position: relative;
	flex: 1;
	background-color: rgba(0, 0, 0, 0.9);
	border-radius: 10px;
	padding: 20px;
	max-width: 790px;
	margin: 35px;
}

.aux-demo-tools-modal .aux-modal-close {
	position: absolute;
	top: 22px;
	right: 20px;
	display: flex;
	align-items: center;
	font-size: 12px;
	line-height: 14px;
	font-weight: 600;
	color: #FFF;
	padding: 0;
	border: none;
	background-color: transparent;
	margin-bottom: 0;
}

.aux-demo-tools-modal .aux-modal-close img {
	margin-left: 6px;
}

.aux-export-modal-content {
	font-family: sans-serif;
	padding: 50px 45px 20px 45px;
}

.aux-export-modal-content > h2 {
	font-size: 28px;
    font-weight: 600;
	line-height: 31px;
	color: #FFF;
}

.aux-export-modal-content > p {
	font-size: 18px;
    font-weight: 400;
	line-height: 20px;
	color: #FFF;
	margin: 30px 0;
}

.aux-export-modal-content iframe {
	background-color: #222222;
}

.aux-export-modal-content .aux-export-modal-buttons {
	display: flex;
	justify-content: center;
	margin-top: 35px;
}

.aux-export-modal-content .aux-export-modal-buttons button {
	font-size: 12px;
    font-weight: bold;
	line-height: 14px;
	min-width: 160px;
	padding: 14px 23px;
	margin-bottom: 0;
    border-radius: 30px;
    text-transform: uppercase;
	color: #FFF;
}

.aux-export-modal-content .aux-export-modal-buttons .aux-export-active-button {
	background: #4B22FF;
	margin-right: 11px;
}
.aux-export-modal-content .aux-export-modal-buttons .aux-export-cancel-button {
	background-color: transparent;
	box-shadow: 0 0 0 2px #939393;
}

.aux-export-modal-content .aux-export-modal-buttons .aux-export-active-button:hover {
	background-color: transparent;
	box-shadow: 0 0 0 2px #939393;
}

.aux-export-modal-content .aux-export-modal-buttons .aux-export-cancel-button:hover {
	background: #4B22FF;
	box-shadow: none;
}

.aux-export-checkbox {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: center;
	margin-top: 24px;
	margin-bottom: 0;
	font-size: 12px;
    font-weight: bold;
	line-height: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	color: #FFFFFF;
}

.aux-export-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.aux-export-checkbox span {
	position: relative;
	height: 14px;
	width: 14px;
	background-color: transparent;
	box-shadow: 0 0 0 2px #939393;
	border-radius: 3px;
	margin-right: 6px;
}

.aux-export-checkbox span:after {
	content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    background-color: #4B22FF;
	opacity: 0;
	transition: opacity 150ms ease-out;
}

.aux-export-checkbox input:checked ~ span:after {
	opacity: 1;
}