/* _comp */

._set1 .d-none {
    display: none;
}


.ui-hr.divider {
    width: 100%;
    height: 1px;
    background-color: transparent;
    background-image: linear-gradient(90deg, rgba(206, 211, 246, 0) 0, #bbb 38%, #bbb 64%, rgba(206, 211, 246, 0) 99%);
    opacity: .4;
    border: none;
    margin: 0;
}


.dark-hero-overlay:after {
    content: "";
    position: absolute;
    top: 0;
}

.dark-hero-overlay:after {
    /* background: linear-gradient(180deg, hsla(0, 0%, 88%, 0) 29.9%, #f3f4f4); */
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 8;
}


.dark-hero-overlay::after {
    background: linear-gradient(180deg, hsla(0, 0%, 5%, 0) 29.9%, #0e0e0e);
}

.ui-icon-ring:before {
    background-color: transparent;
    border: 1px solid currentColor;
    border-radius: inherit;
    content: "";
    flex-shrink: 0;
    justify-content: center;
    /* transition: all .15s ease-in-out; */
    position: absolute;
    width: 126%;
    height: 126%;
}



.ui-media-alt2[class*="ui-media-h"]>* {
    position: absolute;
    width: 100%;
    height: 100%;
}

.ui-media2:not(.ui-media-h\=auto) img,
.ui-media2:not(.ui-media-h\=auto) video,
.ui-media2:not(.ui-media-h\=auto) .the-media {
    display: block;
    margin: auto;
    /* width: 0; */
    /* height: 0; */
    visibility: visible;
    border: 0;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    /* max-height: 100%; */
    position: absolute;
    top: 0;
    left: 0;
}

.fit-object>* {
    object-fit: cover;
    object-position: center top;
}


.backDrop::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    border-color: currentColor;
    border-width: inherit;
    border-style: inherit;
    left: auto;
    left: -8%;
    top: -8%;
    border-radius: inherit;
}


.text-circle__element {
    /* animation: spinZ 20s linear infinite; */
    border-radius: 50%;
    color: currentColor;
    font-size: 10px;
    height: 100%;
    text-align: center;
    width: 100%;
}

.text-circle__element>span {
    bottom: 0;
    display: inline-block;
    font-size: 9px;
    left: 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    transition: all .5s cubic-bezier(0, 0, 0, 1);
}



.dot-bg2 {
    --dot-bg: var(--color12);
    /* --dot-color: rgb(0, 0, 0); */
    /* --dot-color: var(--color12); */
    --dot-color: rgb(219 220 228);
    --dot-size: 2px;
    --dot-space: 32px;
    background: linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), var(--dot-color);
}


.global-loader__spinner {
    transform-origin: center;
    /* animation: gl-spinner 1s infinite linear; */
}

@keyframes gl-spinner {
    100% {
        transform: rotate(360deg);
    }
}


















.ui-transform-els .trans-el {
	opacity: 0;
	z-index: 1;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: opacity, transform;
	-o-transition-property: opacity, transform;
	transition-property: opacity, transform;
	will-change: transform;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	-o-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	-webkit-transition-duration: 0.45s;
	-o-transition-duration: 0.45s;
	transition-duration: 0.45s;
	transition: transform 0.35s ease, opacity 0.25s ease;
	width: 100%;
}

.ui-transform-els .trans-1 {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	z-index: 10;
}

.ui-transform-els .trans-el:not(:first-child) {
	margin-left: -100%;
}

.ui-transform-els .trans-2,
.ui-transform-els .trans-3,
.ui-transform-els .trans-4 {
	opacity: 0;
	-webkit-transform: translate3d(16px, 0, 0);
	-ms-transform: translate3d(16px, 0, 0);
	transform: translate3d(16px, 0, 0);
}

.ui-transform-els.switch-trans-2 .trans-1 {
	opacity: 0;
	-webkit-transform: translate3d(-16px, 0, 0);
	-ms-transform: translate3d(-16px, 0, 0);
	transform: translate3d(-16px, 0, 0);
	z-index:  1;
	pointer-events: none;
}

.ui-transform-els.switch-trans-2 .trans-2 {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 5;
}

.ui-transform-els.switch-trans-2 .trans-3 {
	z-index: 3;
	pointer-events: none;
}

.ui-transform-els.switch-trans-3 .trans-1,
.ui-transform-els.switch-trans-3 .trans-2 {
	opacity: 0;
}

.ui-transform-els.switch-trans-3 .trans-2 {
	opacity: 0;
	-webkit-transform: translate3d(-16px, 0, 0);
	-ms-transform: translate3d(-16px, 0, 0);
	transform: translate3d(-16px, 0, 0);
}

.ui-transform-els.switch-trans-3 .trans-3 {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 13;
}

.ui-transform-els.switch-trans-4 .trans-1,
.ui-transform-els.switch-trans-4 .trans-2 {
	opacity: 0;
}

.ui-transform-els.switch-trans-4 .trans-3 {
	opacity: 0;
	-webkit-transform: translate3d(-16px, 0, 0);
	-ms-transform: translate3d(-16px, 0, 0);
	transform: translate3d(-16px, 0, 0);
}

.ui-transform-els.switch-trans-4 .trans-4 {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 13;
}

.xx-step-els>*:not(:first-child) {
	margin-left: -100%;
}


.xx-step-els>* {
	opacity: 0;
	z-index: 1;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: opacity, transform;
	-o-transition-property: opacity, transform;
	transition-property: opacity, transform;
	will-change: transform;

	-webkit-transform: translate3d(10px, 0, 0);
	-ms-transform: translate3d(10px, 0, 0);
	transform: translate3d(10px, 0, 0);

	-webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	-o-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	-webkit-transition-duration: 0.25s;
	-o-transition-duration: 0.25s;
	transition-duration: 0.25s;
	transition: transform 0.25s ease, opacity 0.15s ease;
	width: 100%;

	/* pointer-events: none; */
}

.xx-step-els[data-current-step="1"]>*:last-child {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);

	z-index: 1;
}

.xx-step-els[data-current-step="1"]>*:first-child {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}

.xx-step-els[data-current-step="2"]>*:nth-child(1) {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.xx-step-els[data-current-step="2"]>*:nth-child(2) {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}



.xx-step-els[data-current-step="3"]>*:nth-child(2) {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.xx-step-els[data-current-step="3"]>*:nth-child(3) {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}


.xx-step-els[data-current-step="4"]>*:nth-child(3) {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.xx-step-els[data-current-step="4"]>*:nth-child(4) {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}




.xx-step-els[data-current-step="5"]>*:nth-child(4) {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.xx-step-els[data-current-step="5"]>*:nth-child(5) {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}



.xx-step-els[data-current-step="6"]>*:nth-child(5) {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.xx-step-els[data-current-step="6"]>*:nth-child(6) {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}


.xx-step-els[data-current-step="7"]>*:nth-child(6) {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.xx-step-els[data-current-step="7"]>*:nth-child(7) {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}

.xx-step-els[data-current-step="8"]>*:nth-child(7) {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.xx-step-els[data-current-step="8"]>*:nth-child(8) {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}


.xx-step-els[data-current-step="9"]>*:nth-child(8) {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.xx-step-els[data-current-step="9"]>*:nth-child(9) {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}


.xx-step-els[data-current-step="10"]>*:nth-child(9) {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.xx-step-els[data-current-step="10"]>*:nth-child(10) {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}

.xx-step-els[data-current-step="11"]>*:nth-child(10) {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.xx-step-els[data-current-step="11"]>*:nth-child(11) {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}


.xx-step-els[data-current-step="12"]>*:nth-child(11) {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.xx-step-els[data-current-step="12"]>*:nth-child(12) {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}


.xx-step-els[data-current-step="13"]>*:nth-child(12) {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.xx-step-els[data-current-step="13"]>*:nth-child(13) {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}





















/* modalx.css */

#xx-modal {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    visibility: hidden;
    display: none;
}

#xx-modal.ready-modal {
    display: block;
    visibility: visible;
    z-index: 5000;
}

#xx-modal .xx-modal-window,
#xx-modal .xx-modal-window+.modal-window {
    /* display: block; */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 20;

}

#pageModal .ready-modal-window.modal-window {
    visibility: visible;
}

#pageModal .modal-window {
    visibility: hidden;
}

.xx-modal-window .xx-modal-overlay {
    position: absolute;
    z-index: 1;
    background: rgba(55, 58, 71, 0.9);
    background: rgba(55, 58, 71, 0.5);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-backface-visibility: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.modal--open .xx-modal-overlay {
    opacity: 1;
    pointer-events: auto;
}


/* // @@ style  */
.modal-overlay {
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.xx-modal-content {
    position: relative;
    z-index: 10;
	overflow: hidden;
    will-change: transform, opacity;
}

.xx-modal-window.from-up--center--down.modal--open .xx-modal-content,
.xx-modal-window.from-up--center--down.modal--close .xx-modal-content {
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.xx-modal-window.from-up--center--down.modal--open .xx-modal-content {
	-webkit-animation-name: anim-open;
	animation-name: anim-open;
	-webkit-animation-timing-function: cubic-bezier(0.7,0,0.3,1);
	animation-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.xx-modal-window.from-up--center--down.modal--close .xx-modal-content {
	-webkit-animation-name: anim-close;
	animation-name: anim-close;
}

/* .xx-modal-window.modal--open h2,
.xx-modal-window.modal--open button {
	-webkit-animation: anim-elem 0.4s both;
	animation: anim-elem 0.4s both;
}

.xx-modal-window.modal--open h2 {
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
}

.xx-modal-window.modal--open button {
	-webkit-animation-delay: 0.15s;
	animation-delay: 0.15s;
} */

@-webkit-keyframes anim-open {
	0% { opacity: 0; -webkit-transform: translate3d(0, -400px, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
}

@keyframes anim-open {
	0% { opacity: 0; -webkit-transform: translate3d(0, -400px, 0); transform: translate3d(0, -400px, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes anim-close {
	0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
	100% { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); }
}

@keyframes anim-close {
	0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
	100% { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); }
}

/* Inner elements animations */

/* @-webkit-keyframes anim-elem {
	0% { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
}

@keyframes anim-elem {
	0% { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
} */


.xx-modal-window.from-bottom--up--back-down .xx-modal-overlay {
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.xx-modal-window.from-bottom--up--back-down.modal--open .xx-modal-content,
.xx-modal-window.from-bottom--up--back-down.modal--close .xx-modal-content {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;

	-webkit-animation-timing-function: cubic-bezier(0.7,0,0.3,1);
	animation-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.xx-modal-window.from-bottom--up--back-down.modal--close .xx-modal-content {
	-webkit-animation-duration: 0.28s;
	animation-duration: 0.28s;
}

.xx-modal-window.from-bottom--up--back-down.modal--open .xx-modal-content {
	-webkit-animation-name: bottom-up-anim-open;
	animation-name: bottom-up-anim-open;
}

.xx-modal-window.from-bottom--up--back-down.modal--close .xx-modal-content {
	-webkit-animation-name: bottom-up-anim-close;
	animation-name: bottom-up-anim-close;
}

@-webkit-keyframes bottom-up-anim-open {
	0% { opacity: 1; -webkit-transform: translate3d(0, 100%, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
}

@keyframes bottom-up-anim-open {
	0% { opacity: 1; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes bottom-up-anim-close {
	0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 100%, 0); }
}

@keyframes bottom-up-anim-close {
	0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 110%, 0); }
}

/* Inner elements animations */

@-webkit-keyframes anim-elem {
	0% { opacity: 0; -webkit-transform: translate3d(0, 25px, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
}

@keyframes anim-elem {
	0% { opacity: 0; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}