.jk-relative{position:relative;}
	.jk-relative1{position:relative;}
	
	.jk-absolute{position:absolute;width:100%;z-index:5; }
	
	.jk-absolute1{position:absolute;width:100%;z-index:5; }
	
	.animation-left-to-right{
		animation: left-to-right 1.7s forwards;height:100%;margin-right:0px;
		animation-delay: .5s;
		
	}
	/*.animation-left-to-right img{
		animation: img-fade 1.7s ease-in forwards 1;
		animation-delay: .5s;
	}
	*/
	
.animation-right-to-left{
		animation: right-to-left 1.7s forwards;height:100%;margin-left:15px;
		animation-delay: .5s;
		visibility: visible;
	}
	.animation-right-to-left2{
		animation: right-to-left 1.7s forwards;height:100%;margin-left:0px;
		animation-delay: .5s;
		visibility: visible;
	}
	
	.animation-bottom-to-top {
    animation: bottom-to-top 1.7s forwards;
    width: 100%;
    animation-delay: .5s;
    margin-bottom: auto;
}

@keyframes bottom-to-top {
    0% {
        height: 100%;
        top: 0;
    }
    100% {
        height: 50%;
        top: 0;
		
    }
}
	
	
	.home-anim{animation: quote-box 1.8s forwards;visibility:hidden;z-index:10;animation-delay: .7s;overflow-x:hidden; background: #6D37C4;}
	
	.agent-bottom-strip, .agent-bottom-strip1{
		background: #506691 !important;
	}
	
	.banners-bottom{animation: testimonials-box 1.7s forwards;visibility:hidden;z-index:10;background:#fff;
	margin-left:auto;
	animation-delay: .5277s;
	}
	.agent-banners-bottom{animation: testimonials-box 1.7s forwards;visibility:hidden;z-index:10;
	margin-left:auto;
	animation-delay: .5277s;
	}
	
	
	.questions-bottom{/*animation: testimonials-box 1.7s forwards;visibility:hidden;z-index:10;*//*background:transparent;*/
	margin-left:auto;
	/*animation-delay: .5s;*/
	}
	
	.animation-center-to-left{
		animation: center-to-left 1.2s forwards;height:100%; margin-left:0px;
		animation-delay: .5s;
	}
	
	@keyframes center-to-left {
	0% {width:100%;background:#fff;left:50%;opacity:1;top:0px; }
	100% {width:40%;background:transparent;left:17%;opacity:1;top:21px;}
	}
	
	@keyframes left-to-right {
	0% {width:100%;right:0;}
	100% {width:50%;right:0;}
	}
	
	@keyframes img-fade {
	0%	{filter:grayscale(100%);}
	100% {filter:grayscale(20%);}
	}
	
		@keyframes quote-box {
	0% {left:-10%; opacity: 0;visibility:hidden;}
	
	100% {left:0%; opacity: 1;visibility: visible;}
	}
	
	
	/* fixed button dropdown */
	
 @keyframes fadeInUpDrop {
            0% {
                opacity: 0;
                transform: translate3d(-159px, -122px, -10px);
            }
            100% {
                opacity: 1;
                transform: translate3d(-159px, -152px, 0px);
            }
        }

        @keyframes fadeOutDownDrop {
            0% {
                opacity: 1;
                transform: translate3d(-159px, -152px, 0px);
				
            }
            100% {
                opacity: 0;
                transform: translate3d(-159px, -92px, -10px);
				
            }
        }

        .floating-animate div.multi-column {
			animation: fadeInUpDrop 1.2s forwards;
        }
		.floating-animate-reverse div.multi-column {
    animation: fadeOutDownDrop 1.2s forwards;
}
/****/
.floating-animate-reverse .dropdown-menu.multi-column{transform: translate3d(-159px, -92px, -10px);}
@keyframes slideInLeft {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(8px, 12px, 0px);
    }
}

.m-acnt-slide {
    animation: slideInLeft 2s forwards; /* Adjust the duration as needed */
}


	
	@keyframes right-to-left {
	0% {width:100%;left:0;}
	100% {width:50%;left:0;}
	}
	@keyframes testimonials-box {
	0% {right:-50%; opacity: 0;visibility:hidden;}
	100% {right:0%; opacity: 1;visibility: visible;}
	}

/* my account collapse and expand animation */
.myAccnt.myaccount-animate {
   background: #506691;
  animation: my-ac-rhs 1.2s forwards;
}

@keyframes my-ac-rhs {
	0% {width:45px; opacity:0.9;overflow:hidden;}
	100% {width:98.5%;opacity:1;}
	}
@keyframes my-ac-lhs {
	0% {width:98.5%;opacity:1;background: #506691;}
	100% {width:45px;opacity:1;background:#aeb2ca;overflow:hidden;}
	}
	
.myAccnt.myaccount-animate-reverse{
	animation: my-ac-lhs 1.2s forwards;	
	opacity:1;
}
.myaccount-animate-reverse ul.slide-menu{
	animation: my-ac-drop 1.2s backwards;
	top:0px !important;
}
.fa-user::before {
  top: 5px;
  position: absolute;
  left: 7px;
}
.fa-user.close::before {
  top: 4px;
  left: 8px;
}
ul.myAccnt li a.dropdown-toggle{
right:9px;
line-height:15px;
position: absolute;}
ul.myaccount-animate li a.dropdown-toggle{background:#506691;}
ul.myaccount-animate-reverse li a.dropdown-toggle{background:none;opacity:1;}