.modal{position:fixed;z-index:200;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal.hide{display:none}.modal-content{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;margin:30% auto;width:300px}.modal-content,.modal-content .closeBtn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-js-display:flex;display:flex;-webkit-box-direction:normal}.modal-content .closeBtn{z-index:20;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;width:100%;font-size:28px;font-weight:700}.modal-content .home-container{position:centre;top:60px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-js-display:flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.modal-content .home-container img{width:100%;max-width:200px}.modal-content .home-container .home-info-container{position:fixed;top:310px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-js-display:flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:200px;text-align:center;margin-left:12px}.modal-content .home-container .home-info-container .the-text{color:#363433;padding:0 12px;font-size:12px}.modal-content .home-container .home-info-container .the-controls{position:fixed;top:350px;width:200px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.modal-content .home-container .home-info-container .the-controls,.modal-content .home-container .home-info-container .the-controls .dots-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-js-display:flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.modal-content .home-container .home-info-container .the-controls .dots-container{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.modal-content .home-container .home-info-container .the-controls .dots-container .dots{width:8px;height:8px;border-radius:50%;background-color:#d3d3d3;margin:0 3px}.modal-content .home-container .home-info-container .the-controls .dots-container .dots.active{background-color:red}.modal-content .home-container .home-info-container .the-controls .direction-icon{font-size:20px;color:red}