body{background-color:#1a1a1a;margin:0}.container{margin:10px;padding:10px;background:#fff;color:#000}.ts_header{position:relative;width:100%;height:50px;background:#fff;padding:0}.ts_logo{position:absolute;height:30px;top:10px;left:10px}.ts_menu{width:30px;cursor:pointer;position:absolute;top:10px;right:10px}.ts_logo img,.ts_menu img{height:30px}.stories{background-color:#fff;overflow-y:scroll;display:flex;padding:12px}.stories__header{background-color:#f1f1f1;display:flex;justify-content:space-between ;padding:10px 18px}.story{flex:0 0 auto;margin-right:24px;text-align:center}.story_image{border-radius:50%;position:relative;z-index:2;border:2px solid red}.story_name{font-weight:700;padding:0;margin:0}.ts_col{float:left;width:42%;height:120px;padding:2%;margin:2%;background-color:#fff;transition:.5s}.ts_col:hover{background-color:#f5bc5f}.ts_row:after{content:"";display:table;clear:both}.ts_col .thumb{width:90%;height:80%;object-fit:cover;background:#fff}.ts_row a{text-decoration:none;color:inherit}.ts_col .title{display:inline-block;width:100%;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;margin:5px 0}.ts_heading{width:80%;max-width:500px;background:#049da2;font-size:16px;margin:10px auto;text-align:center;padding:10px 20px;border:2px solid #000;transition:.5s}.ts_heading:active{padding:5px 10px;margin:15px auto}.ts_nav{transition:.6s;display:none;width:100%;padding:0;margin:0}.ts_nav a{text-decoration:none;color:#000}.ts_nav div{padding:10px;margin:0;color:#000;font-weight:700;font-size:15px;background:#fff;border-bottom:1px solid #f5bc5f}ul.breadcrumb{padding:10px 16px;list-style:none;background-color:#eee}ul.breadcrumb li{display:inline;font-size:18px}ul.breadcrumb li+li:before{padding:8px;color:#000;content:"/\00a0"}ul.breadcrumb li a{color:#0275d8;text-decoration:none}ul.breadcrumb li a:hover{color:#01447e;text-decoration:underline}.topleft_close{position:absolute;top:10px;right:10px;cursor:pointer;background:red;color:#fff;padding:2px 5px;border-radius:4px}.ts_iframebox{position:relative;width:100%;overflow:hidden;padding-top:56.25%}.ts_iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border:none}.ts_more{width:70%;max-width:400px;margin:10px auto;font-size:17px;font-weight:600;text-align:center;background:#fad698;padding:10px 0;border:2px solid #000;border-radius:10px;-webkit-box-shadow:3px 8px 15px -4px #000;box-shadow:3px 8px 15px -4px #000}.ts_more a{color:#000;text-decoration:none}@media only screen and (min-width:768px){.ts_col{width:21%;height:200px;padding:1%;margin:1%}}.video_desc{position:fixed;top:120%;background:#fff;color:#000;font-weight:400;width:96%;height:0;padding:2%;border-radius:10px 10px 0 0}.video_description{position:fixed;z-index:10;top:2%;background:#fff;color:#000;font-weight:400;width:96%;height:100%;padding:2%;border-radius:10px 10px 0 0;overflow-y:scroll;-webkit-box-shadow:0 15px 13px -7px #000,0 -7px 28px -7px rgba(0,0,0,.51);box-shadow:0 15px 13px -7px #000,0 -7px 28px -7px rgba(0,0,0,.51);transition:.8s}.spaceb{width:100%;height:100px}.video_info{width:94%;padding:0 3%;background-color:#fff;overflow:auto;-webkit-box-shadow:0 10px 15px -9px #000;box-shadow:0 10px 15px -9px #000}.video_info i{float:right;width:10%;cursor:pointer;text-align:right;padding:12px 0;transition:all .3s ease;color:#000;font-size:20px}.video_info .video_title{float:left;width:90%;text-align:left;padding:12px 0;transition:all .3s ease;color:#000;font-size:20px}.share{padding:5px 0;background:#fff;margin:20px auto;border:2% solid grey;border-radius:10px;width:96%;max-width:600px}@media only screen and (min-width:768px){.video_description{width:350px;top:50px;right:30px;padding:20px}.ts_button{width:350%;max-width:500px;background:#167b08;font-size:16px;margin:10px auto;text-align:center;padding:10px 20px;border:2px solid #000;transition:.5s}.ts_button:active{padding:5px 10px;margin:15px auto}}