.flipping{width:400px;height:600px;background-image:url("../img/about/cblank.png");position:relative;-webkit-animation-name:fliper;-webkit-animation-duration:4s;animation-name:fliper;animation-duration:0.6s;animation-timing-function:linear;transform:translate(-50%, 0);background-repeat:no-repeat;z-index:11;}
@keyframes fade{0%{background-color:rgba(0, 0, 0, 0);}
100%{background-color:rgba(0, 0, 0, 0.82);}
}
.backfl{width:100%;height:100%;display:none;z-index:100;position:fixed;padding-top:100px;padding-left:50%;overflow:auto;top:0px;left:0px;animation-name:fade;animation-duration:0.6s;background-color:rgba(0, 0, 0, 0.82);}
@keyframes fliper{0%{background-image:url("../img/about/cfront.png");transform:rotateY(0deg) scale(0.25) translateX(-50%);}
25%{background-image:url("../img/about/cback.png");transform:rotateY(90deg) scale(0.5) translateX(0);}
75%{background-image:url("../img/about/cback.png");transform:rotateY(270deg) scale(0.75) translateX(0);}
100%{background-image:url("../img/about/cblank.png");transform:rotateY(360deg) scale(1) translateX(-50%);}
}
@keyframes topDiv{0%{opacity:0;transform:translateY(-50px) translateX(-50%);}
75%{opacity:0;transform:translateY(-50px) translateX(-50%);}
100%{opacity:1;transform:translateY(0) translateX(-50%);}
}
@keyframes cDiv{0%{opacity:0;transform:translateY(100px) translateX(-50%);}
75%{opacity:0;transform:translateY(100px) translateX(-50%);}
100%{opacity:1;transform:translateY(0) translateX(-50%);}
}
.cancle{padding:0;position:relative;z-index:12;transform:translateX(-50%);}
.show{padding:6px 12px;background-color:#e84700;border:1px solid #e84711;color:#fff;font-family:"VazirMedium";font-size:16px;}
.close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:0.3s;}
.topContainer{position:absolute;top:19%;width:75%;left:50%;transform:translateX(-50%);display:none;text-align:center;animation-name:topDiv;animation-duration:2s;}
.contentDiv{direction:rtl;margin-top:-20px;position:absolute;text-align:right;width:100%;left:50%;transform:translateX(-50%);top:120px;overflow:auto;overflow-x:unset;height:500%;animation-name:cDiv;animation-duration:2s;padding-left:1px;}
.contentDiv > p{font-size:13px;margin-top:1px;margin-right:0px;}
.contentDiv > ul{margin-right:20px;}
.iconDiv{float:left !important;position:relative !important;left:50% !important;padding-right:0 !important;transform:translateX(-50%) !important;}
.titleDiv{position:absolute;width:100%;top:60px;left:50%;transform:translateX(-50%);}
.close:hover,
.close:focus{color:#bbb;text-decoration:none;cursor:pointer;}
.left-column > .media > .media-body > h3{direction:rtl;float:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:px;width:12em;}
.left-column > .media > .media-body > div{direction:rtl;margin-top:15px;font-size:12px;}
.right-column > .media > .media-body > h3{direction:rtl;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:1px;width:12em;}
.right-column > .media > .media-body > div{font-size:12px;}
.aboutList{list-style-type:square;font-size:12px;margin-top:7px;margin-right:7px;direction:rtl;}