@media screen and (min-width:770px) and (max-width:1920px){
.winSf {transition:all 1s; opacity:0; transform:scale(0); position:relative; z-index:99;}
.active .winSf {transform:scale(1); opacity: 1; transition-delay:0.2s;}

@keyframes bsf{ 0%{opacity:0; transform:scale(0);} 10%{opacity:1; transform:scale(1);} 95%{opacity:1; transform:scale(1);} 100%{opacity:0; transform:scale(0);}} @-webkit-keyframes bsf{0%{opacity:0; transform:scale(0);} 5%{opacity:1; transform:scale(1);} 95%{opacity:1; transform:scale(1);} 100%{opacity:0; transform:scale(0);}}
.winSfb {opacity:0; transform:scale(0);}
.active .winSfb{animation:bsf 11s ease-in-out 0s 1 alternate forwards;}	

.inda_title{transition:all 0.8s; transform:scale(0);}
.active .inda_title {transform:scale(1); transition-delay:0.2s;}

.inda_fl{ bottom:-100%; opacity:0; transition:all 0.5s;}
.active .inda_fl{ bottom:0; opacity:1; transition:all 0.8s 0.5s;}

.inda_r{margin-right:-100%; opacity:0; transition:all 0.5s;}
.active .inda_r{ margin-right:0; opacity:1; transition:all 0.8s 0.8s;}

.index .section-2:after{top:-100%; left:-100%; opacity:0; transition:all 0.5s 0.5s;}
.index .section-2.active:after{top:0; left:0; opacity:1; transition:all 0.8s;}

.indb_nr{transition:0.5s; opacity:0; transform:scale(0);}
.active .indb_nr{ opacity:1; transform:scale(1); transition:all 0.8s 0.8s;}

.indc_nr{ padding-top:100%; transition:0.5s;}
.active .indc_nr{ padding-top:235px; transition:all 0.8s 0.5s;}

.indd_title{transition:all 0.8s; transform:scale(0);}
.active .indd_title {transform:scale(1); transition-delay:0.2s;}

.indd_fl{ padding-top:300px; opacity:0; transition:all 0.5s;}
.active .indd_fl{ padding-top:105px; opacity:1; transition:all 0.8s 0.8s;}

.indd_r{ right:-100%; opacity:0; transition:all 0.5s;}
.active .indd_r{ right:0; opacity:1; transition:all 0.8s 1s;}

.inde_fl{ padding-top:300px; opacity:0; transition:all 0.5s;}
.active .inde_fl{ padding-top:105px; opacity:1; transition:all 0.8s 0.8s;}

.indf_nr li:nth-child(1){ right:-100%; opacity:0; transition:all 0.5s;}
.active .indf_nr li:nth-child(1){ right:0%; opacity:1; transition:all 0.8s 0.5s;}
.indf_nr li:nth-child(2){ right:-100%; opacity:0; transition:all 0.5s;}
.active .indf_nr li:nth-child(2){ right:0%; opacity:1; transition:all 0.8s 0.7s;}
.indf_nr li:nth-child(3){ right:-100%; opacity:0; transition:all 0.5s;}
.active .indf_nr li:nth-child(3){ right:0%; opacity:1; transition:all 0.8s 0.9s;}

.indg_title{transition:all 0.8s; transform:scale(0);}
.active .indg_title {transform:scale(1); transition-delay:0.2s;}

.indg_r{transition:all 0.5s; transform:scale(0);}
.active .indg_r {transform:scale(1);transition:all 0.8s 0.5s;}
}