@font-face {font-family: Vazir;src: url('../fonts/Vazir-FD.eot');src: url('../fonts/Vazir-FD.eot?#iefix') format('embedded-opentype'),url('../fonts/Vazir-FD.woff2') format('woff2'),url('../fonts/Vazir-FD.woff') format('woff'),url('../fonts/Vazir-FD.ttf') format('truetype');font-weight: normal;font-display: swap;}
body{margin: 0;padding: 0;background-color: #FFF;direction: rtl;font-family: Vazir;}
.clear{clear: both;display: block;}
.modalFade{width: 100%;height: 100%;background: rgba(255, 255, 255, 0.9);position: fixed;top: 0;left: 0;z-index: 99;}
.modal-box{width: 70%;margin: 0 auto;height: 100vh;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-flex-flow: column nowrap;-ms-flex-flow: column nowrap;flex-flow: column nowrap;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);will-change: transform;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: all 1.9s cubic-bezier(0.22,0.44,0,1);transition: all 1.9s cubic-bezier(0.22,0.44,0,1);}
.modal-row{border: 2px solid #DDD;border-radius: 10px;box-shadow: 0 8px 50px rgba(52,72,107,.1);-moz-box-shadow: 0 8px 50px rgba(52,72,107,.1);-webkit-box-shadow: 0 8px 50px rgba(52,72,107,.1);overflow: hidden;background-color: #FFF;min-height: 350px;}
.modal-image{width: 33%;float: right;margin-left: 1%;height: 100%;}
.modal-banner{background: linear-gradient(-45deg,#827870 0,#f09042 100%);transform: skewX(8deg);transform-origin: right top;border-radius: 50px 0 0 15px;height: 100%;position: relative;}
.modal-icon{width: 70px;height: 100px;background: url('../images/gap.svg') no-repeat right center/70px;font-size: 35px;color: #FFF;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 2;}
.modal-cnt{width: 66%;height: 100%;float: right;position: relative;}
#modal-close{width: 25px;height: 25px;overflow: hidden;position: absolute;top: 30px;left: 30px;cursor: pointer;}
#modal-close img{width: 100%;display: block;}
.modal-txt{width: 90%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 2;}
.modal-txt > p {font-size: 24px;color: #f07a7a;text-align: center;font-weight: 700;margin: 0 0 5px;}
.modal-txt > span {font-size: 16px;color: #777;text-align: center;display: block;}
#okiax{width: 100%;padding: 5px 0;background-color: #EDEDED;text-align: center;position: fixed;left: 0;bottom: 0;z-index: 999;direction: ltr;}
.copyright{font-size: 13px;text-align: center;}
.copyright a{text-decoration: none;color: red;}
@media only screen and (max-width:600px){
    .modal-box{width: 90%;}
}