.image-animation-c:not(.bg-image) > div,.image-animation-c {position: relative !important;overflow: hidden !important;}
.image-animation-c img ,.image-animation-c .gdlr-core-pbf-background{position:relative;transform:scale(1.7)}
.image-animation-c:before {background: #fff;width: 100%;height: 100%;content: "";z-index: 1; position: absolute;  transform-style: preserve-3d;transform: translateY(0) !important;transition: transform .6s cubic-bezier(.22,.61,.36,1) .6s,visibility 0.6s linear .6s;}
.image-animation-c.animshow:before{visibility: visible; transform: translate3d(0,101%,0) !important;} 
.header_para .headline,.header_para p{opacity:0}
.anim-bottom-to-top .heading{opacity:1}
.anim-bottom-to-top .heading{
position: relative;
overflow: hidden;
}
.preloader-js{
	position: fixed;
    top: 0;
	width:100%;
    left: 0;
    bottom: 0;
    background: #00A2E9 !important;
    z-index: 1000000;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.preloader-js img{opacity:0}
.preloader-js .preloader-2{
	position: fixed;
    top: 0;
	width:0%;
    left: 0;
    bottom: 0;
    background: #222;
    z-index: 2000000;
    pointer-events: none;
}
.anim-bottom-to-top .heading .split-childs{
	overflow:hidden;
}
.split-parents,.split-parents div{
	opacity:1 !important;
	overflow:hidden;
	position: relative;
	width: 100% !important;
}
/* background transition 2021 by saiyyed */

/*body:before {
    background-color: #1b1b1b;
    opacity: 0;
    z-index: -1;
}

body:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

body.dark-mode {
    color: #f0f0f0;
}
body.dark-mode:before {
    opacity: 1;
}
body.dark-mode a {
    color: #f0f0f0;
}
.dark-mode .header__main__container a,
.header-white:not(.scrolled) .header__main__container a {
    color: #d5d5d5;
}
.dark-mode .hamburger__line,
.header-white:not(.scrolled) .hamburger__line {
    fill: #1e52d1;
}
.dark-mode .header__side__contacts a,
.header__side__contacts a {
    color: #333;
}

.dark-mode .button {
    background-color: #1b1b1b;
    border: 1px solid #f0f0f0;
}*/

body.dark-mode .infinite-body-wrapper{
    background-color: #222!important;
    transition: 300ms linear;
    color: white;
}
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 {
    color: white !important;
}
body.dark-mode .gdlr-core-button;gdlr-core-button-solid {
	background: #FFF !important;
    color: #222 !important;
}
body.dark-mode .gdlr-core-button-item a:nth-child(1) {
	background: #FFF !important;
    color: #222 !important;
}
body.dark-mode .blue_btn.gdlr-core-button-item a:nth-child(1) {
	background: #00a2e9 !important;
	color: #fff !important;
}
body.dark-mode .gdlr-core-button-item a:nth-child(2) {
	background: transparent !important;
    color: #FFF !important;
}

body:not(.dark-mode) .infinite-body-wrapper{
    background-color: white!important;
    transition: 300ms linear;
}

/* end */
/* menu blend mode on */

.infinite-header-background-transparent{
    position: fixed!important;
    transition: .5s;
}
.infinite-header-background-transparent.blend-mode{
    transform: translate3d(0, -23px, 0);
}
body.dark-mode .sf-menu > li > a {
    color: white;
    opacity: 1;
}
body.dark-mode .infinite-mobile-button-hamburger::before,body.dark-mode .infinite-mobile-button-hamburger::after,body.dark-mode .infinite-mobile-button-hamburger span{
background:white!important;
}
body.dark-mode .st1 {
    fill: white!important;
}
body.dark-mode .st3 {
	fill: white!important;
}
.dark-mode .gdlr-core-testimonial-content p, .dark-mode .gdlr-core-testimonial-title, .dark-mode .gdlr-core-testimonial-position {
	color: #fff !important;
}
.dark-mode .arrow_carrot-right::before, .dark-mode .arrow_carrot-left::before {
    color: #fff;
}
body.dark-mode .image-animation-c:before {
	background: #222;
}
.dark-mode .gdlr-core-counter-item-number span, .dark-mode .gdlr-core-counter-item-bottom-text {
    color: #fff;
}

/* end */