@media (min-width:1024px) {
	
.animate-on-load .f1-banner-item {
    opacity: 0;
    transition: all 500ms ease;
}

.animate-on-load.active .f1-banner-item {
    opacity: 1;
    transition: all 1s ease;
}


.animate .content-foldc-content-header-title {
    transform: translatex(-300px);
    opacity: 0;
    transition: all 500ms ease;
}

.animate.animate-complete .content-foldc-content-header-title{
    transform: translatex(0px);
    opacity: 1;
    transition: all 500ms ease 250ms;
}

.animate .content-foldc-content-inner{
    transform: translatex(-300px);
    opacity: 0;
    transition: all 500ms ease;
}

.animate.animate-complete .content-foldc-content-inner{
    transform: translatex(0px);
    opacity: 1;
    transition: all 500ms ease 500ms;
}

.animate .content-foldc-content-block-container .content-foldc-content-block {
    transform: scale(0);
    opacity: 0;
    transition: all 500ms ease;
}

.animate.animate-complete .content-foldc-content-block-container .content-foldc-content-block:nth-of-type(1) {
    transform: scale(1);
    opacity: 1;
    transition: all 500ms ease 750ms;
}

.animate.animate-complete .content-foldc-content-block-container .content-foldc-content-block:nth-of-type(2) {
    transform: scale(1);
    opacity: 1;
    transition: all 500ms ease 1s;
}

.animate.animate-complete .content-foldc-content-block-container .content-foldc-content-block:nth-of-type(3) {
    transform: scale(1);
    opacity: 1;
    transition: all 500ms ease 1.25s;
}

.animate.animate-complete .content-foldc-content-block-container .content-foldc-content-block:nth-of-type(4) {
    transform: scale(1);
    opacity: 1;
    transition: all 500ms ease 1.5s;
}

.animate .content-foldc-img {
    transform: translatex(400px);
    opacity: 0;
    transition: all 500ms ease;
}

.animate.animate-complete .content-foldc-img {
    transform: translatex(0px);
    opacity: 1;
    transition: all 1s ease 1s;
}

	
.animate .content-fold-b-img {
    transition: all 750ms ease;
    transform-origin: bottom left;
    transform: scale(0.1);
    opacity: 0;
}

.animate.animate-complete .content-fold-b-img {
    transition: all 1000ms ease;
    transform-origin: bottom left;
    transform: scale(1);
    opacity: 1;
}

	.animate .fold1-item-content-inner-header-subtext.black {
    transform: translatex(700px);
    opacity: 0;
    transition: all 500ms ease;
}

.animate.animate-complete .fold1-item-content-inner-header-subtext.black {
    transform: translatex(0px);
    opacity: 1;
    transition: all 500ms ease;
}

.animate .fold1-item-content-inner-header-title {
    transform: translatex(700px);
    opacity: 0;
    transition: all 500ms ease;
}

.animate.animate-complete .fold1-item-content-inner-header-title {
    transform: translatex(0px);
    opacity: 1;
    transition: all 500ms ease 250ms;
}

.animate .content-fold-b-content-inner-text {
    transform: translatex(700px);
    opacity: 0;
    transition: all 500ms ease;
}

.animate.animate-complete .content-fold-b-content-inner-text {
    transform: translatex(0px);
    opacity: 1;
    transition: all 500ms ease 500ms;
}

.animate .content-fold-b-content-inner-readmore {
    transform: translatex(700px);
    opacity: 0;
    transition: all 500ms ease;
}

.animate.animate-complete .content-fold-b-content-inner-readmore {
    transform: translatex(0px);
    opacity: 1;
    transition: all 500ms ease 750ms;
}

.animate .content-fold-header-title {
    transform: translatex(-700px);
    opacity: 0;
    transition: all 500ms ease;
}

.content-foldc.animate .fold1-item-content-inner-header-subtext {
    transform: translatex(-300px);
    opacity: 0;
    transition: all 500ms ease;
}

.content-foldc.animate.animate-complete .fold1-item-content-inner-header-subtext {
    transform: translatex(0px);
    opacity: 1;
    transition: all 500ms ease;
}
    
}