.about_fpk_body{
    background: #14191D
    url(../images/about/texture-white.png);
}
.about_fpk_header{
    background: url(../images/about/about_main.jpg)no-repeat center ;
     background-size:cover; 
    height:350px;
    margin-top:103px;
    overflow: hidden;
    position: relative;
}
@media screen and (max-width: 500px) {
    .about_content h1{
        font-size:65px !important;
}
    .about_content p{
    line-height:30px !important;
    letter-spacing:2px !important;
}
}
/*------------article---------------*/
.about_fpk_content{
    margin: 0 auto;
}
.fpk_title_pic{
    display: block;
    margin: 0 auto;
    padding-top: 30px;
    animation-name:fpk_title_pic;
    animation-duration:1.5s;
    animation-delay: .5s;
    animation-iteration-count:infinite; 
}
@keyframes fpk_title_pic{
    0%{
        transform: translatey(0%);
    }
    50%{
        transform: translatey(-20%);
    }
    100%{
        transform: translatey(0%); 
    }
  }
.about_fpk_column{
    display: flex;
    justify-content: space-between;
}
.about_fpk_text{
    width: 50%;
    margin: 10px;
    position: relative;
    opacity: 0;
}

.about_fpk_text1.active{
    animation-name:about_content;
    animation-duration:2s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}
.about_fpk_text2.active{
    animation-name:about_content;
    animation-duration:2s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}
.about_fpk_text3.active{
    animation-name:about_content;
    animation-duration:2s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}

.fpk_text_ph p{
    position: static;
}
.about_fpk_text p{
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    line-height: 35px;
    letter-spacing: 3px;
    color:#fff;
} 
.about_fpk_content_pic{
    width: 50%;
    margin: 10px;
    opacity: 0;
}
.about_fpk_content_pic1.active{
    animation-name:about_fpk_content_pic;
    animation-duration:2s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
}
.about_fpk_content_pic2.active{
    animation-name:about_fpk_content_pic;
    animation-duration:2s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
}
.about_fpk_content_pic3.active{
    animation-name:about_fpk_content_pic;
    animation-duration:2s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
}
@keyframes about_fpk_content_pic{
    0%{
        transform: translatex(-20%);
        opacity: 0;
    }
    50%{
        opacity: 50%; 
    }
    100%{
        opacity: 100%; 
        transform: translatex(0%); 
    }
  }
.about_fpk_content_pic img{
    width: 90%;
}
.about_fpk_content_pic h3 strong{
font-size: 30px;
font-weight: 400;
}
.about_fpk_content_pic h3 {
    font-weight: 400;
    color: #B9916A;
    /* display: flex; */
    /* white-space:nowrap; */
}
.fpk_text_ph{
    display:none;
}
/*--------center--------------*/
.about_fpk_column_center{
    background: #14191D;
    /* border:1px solid #fff; */
    margin: 100px auto;
    max-width:1000px;
    position: relative;
    opacity: 0;
}
.about_fpk_column_center.active{
    animation-name:about_fpk_column_center;
    animation-duration:1s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
}
.about_fpk_column_center::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    /* animation-name:about_fpk_column_center_border;
    animation-duration:2s;
    animation-delay: .8s;
    animation-fill-mode: forwards; */
}
.about_fpk_column_center.active::after{
    animation-name:about_fpk_column_center_border;
    animation-duration:2s;
    animation-delay: .8s;
    animation-fill-mode: forwards;
}
.about_fpk_column_center.active::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    animation-name:about_fpk_column_center_border;
    animation-duration:2s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
}
@keyframes about_fpk_column_center_border{
    0%{
        width: 0;
    height: 0;
        opacity: 0;
    }
    50%{
        opacity: 50%; 
    }
    100%{
        opacity: 100%; 
        width: 100%;
        height: 100%;
    }
  }
.about_fpk_column_center_title{
    font-size: 20px;
    color: #fff;
  text-align: center;
  line-height: 40px;
  letter-spacing: 3px;
  opacity: 0;

}
.about_fpk_column_center_title.active{
    animation-name:about_fpk_column_center;
    animation-duration:2s;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
}
@keyframes about_fpk_column_center{
    0%{
        opacity: 0;
    }
 
    100%{
        opacity: 100%; 
    }
  }
.about_fpk_column_center_text{
    display: flex;
    justify-content: space-evenly;
}
.about_fpk_column_center_text p{
    color: #B9916A;
    line-height: 40px;
    opacity: 0;

}
.about_fpk_column_center_text p.active{
    animation-name:about_fpk_column_center;
      animation-duration:2s;
      animation-delay: 2s;
      animation-fill-mode: forwards;
}

@media screen and (max-width: 1100px) {
    .about_fpk_text p{
        line-height: 30px;
    } 
}
@media screen and (max-width: 960px) {
    .about_fpk_text p{
        line-height:28px;
    } 
    .about_fpk_column_center{
        margin:20px;
    }
}
@media screen and (max-width:860px) {
    .about_fpk_text p{
        line-height:22px;
    } 
}
@media screen and (max-width:767px) {
    .about_fpk_text {
        display: none;  
    } 
    .about_fpk_column{
       display: block;
       /* width: 50%; */
    }
    .about_fpk_content_pic{
        margin: 0 auto;
    }
    .fpk_text_ph{
        display: block;
        width: 90%;
    margin:10px auto;
    }
    .fpk_text_ph{
        line-height: 35px;
    letter-spacing: 3px;
    color:#fff;
    opacity: 0;
    }
    .about_fpk_content_pic img{
        width: 100%;
    }
    .about_fpk_content_pic h3{
        text-align:center;
        /* font-size: 20px; */
    }
    .about_fpk_content_pic h3{
line-height: 40px;
    }
    .about_fpk_content_pic h3 strong{
    letter-spacing:15px;
    }
    .content_pic_title{
        letter-spacing:31px !important;
    }
}