.tt_modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;z-index: 100;background: rgba(0,0,0,0.5);}
.tt_modal_flex {max-width: 80%;margin: 0 auto;height: 0;position: relative;width: 100%;padding: 0 0 45%;}

.tt_modal_close {background: 0!important;width: 30px;height: 30px;display: block;padding: 5px;position: absolute;right: -30px;top: -30px;z-index: 102;cursor:pointer;}
.tt_modal_close:before,.tt_modal_close:after{transition: all .5s ease-out;content: '';width: 21px;height: 3px;position:absolute;background: #fff;display: block;border-radius: 3px;transform: rotate(-45deg);margin: 8px 0 0;}
.tt_modal_close:after{transform: rotate(45deg);}
.tt_modal_back{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 101;cursor:pointer;}
.tt_modal iframe {width: 100%;position: absolute;height: 100%;z-index: 102;}