/*service animation*/
#pg_service .section .ser_intr1>div{transition: all 1s ease-in-out; left: 0%; transition-delay: 0s;}
#pg_service .section.active .ser_intr1>div{transition: all 1s ease-in-out; left: 50%; transition-delay: .5s;}
.ser_intr2>div,.ser_intr3>div,.ser_intr4>div.ser_intr5>div.ser_intr6>div.ser_intr7>div{position: relative;}
.ser_intr2>div>div,.ser_intr4>div>div,.ser_intr6>div>div{position: absolute;right: -50%;transition: all 1s ease-in-out;transition-delay: 0s;}
.ser_intr3 .intr_img,.ser_intr5 .intr_img,.ser_intr7 .intr_img{position: absolute;left: -50%;transition: all 1s ease-in-out;transition-delay: 0s;}
.ser_intr2 .intr_con,.ser_intr4 .intr_con,.ser_intr6 .intr_con{left: -50%;transition: all 1s ease-in-out;transition-delay: 0s;}
.ser_intr3 .intr_con,.ser_intr5 .intr_con,.ser_intr7 .intr_con{position: absolute;right: -50%;transition: all 1s ease-in-out;transition-delay: 0s;}
.ser_intr2.active>div>div,.ser_intr4.active>div>div,.ser_intr6.active>div>div{transition: all 1s ease-in-out; right: 0; transition-delay: 0s;}
.ser_intr2.active .intr_con,.ser_intr4.active .intr_con,.ser_intr6.active .intr_con{left: 0;transition: all 1s ease-in-out;  transition-delay: .5s;}
.ser_intr3.active .intr_con,.ser_intr5.active .intr_con,.ser_intr7.active .intr_con{right: 0;transition: all 1s ease-in-out;  transition-delay: .5s;}
.ser_intr3.active .intr_img,.ser_intr5.active .intr_img,.ser_intr7.active .intr_img{left: 0;transition: all 1s ease-in-out;  transition-delay: .5s;}