.modal{background-color:rgba(0,0,0,.4);display:none;height:100%;left:0;overflow:auto;padding-top:100px;position:fixed;top:0;width:100%;z-index:9999!important}.modal-content{background-color:#fff;border:1px solid #888;margin:auto;max-width:500px;padding:30px 20px 20px;position:relative;text-align:center;width:80%}.modal-close{color:#555;cursor:pointer;font-size:24px;font-weight:700;line-height:1;position:absolute;right:16px;top:12px;transition:color .2s ease}.modal-close:hover{color:#000}.book-side.col-sm li,.book-side.col-sm p{font-size:16px;margin-bottom:10px!important}.book-side.col-sm ol{margin-left:30px}.ty-cont{margin:auto;max-height:392px;overflow-y:auto;text-align:center}.ty-cont-bokk{background:hsla(0,0%,100%,.8);display:flex;flex-wrap:wrap}.ty-cont-bokk .col-sm{box-sizing:border-box;flex:0 0 100%;max-width:100%;width:100%}.book-side{padding-left:20px;text-align:left}.book-side h4{color:#009ca5;font-size:26px;line-height:1.3em;margin:0 0 15px}.book-side a{color:#000;font-size:16px;line-height:1.3em}@media (max-width:767px){.modal-content{width:60%}.ty-cont-bokk .col-sm{max-width:100%;padding-left:0;padding-right:10px}.book-side h4{font-size:22px;margin:20px 0 15px}}