/*
			* General Styles
			*/
            * {margin: 0;padding: 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
            header, footer, article, section, figure, nav, aside {display: block;}
            body {color: #000;font-family: 'Open Sans', Arial, Helvetica,sans-serif;font-size: 62.5%;height: 100%;background: #f5f5f5;}
            html, body {width: 100%;}
            a {text-decoration: none;outline: none;color: #0066cc;}
            a:hover {text-decoration: none;}
            img {border: 0 none;max-width: 100%;}
            ul, li {margin: 0;padding: 0;list-style-type: none;}
            
            
            /*
             * Clearfix to clear floated Elements
             */
            .clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
            .clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
            .clearfix {display: inline-block;}
            * html .clearfix {height: 1%;}
            .clearfix {display: block;}
            
            
            
            /*
             * Story App Styles
             */
             .story-app-wrapper {background: #fafafa;box-sizing: border-box;margin: 0 auto;overflow: hidden;position: relative;}		   
            .story-app-header {background: #fff;height: 60px;box-shadow: 0 0px 5px 1px #dedede;}
            .story-app-nav {padding: 10px;float: left;}
            a.menu-icon {float: left;width: 30px;height: 22px;background: #fff;text-align: center;color: #fff;font-size: 20px;margin: 8px 10px 0 0;position: relative;}
            .open i {position: absolute;-webkit-transition: 0 .5s cubic-bezier(.4, .01, .165, .99);transition: transform .5s cubic-bezier(.4, .01, .165, .99);transform: rotate(0);-webkit-transform: rotate(0);-moz-transform: rotate(0);-o-transform: rotate(0);height: 2px;background: #324396;display: block;width: 60%;left: 0;right: 0;margin: auto;}
            .open-top {top: 5px;}
            .open-middle {top: 10px;}
            .open-bottom {top: 15px;}
            .story-app-logo {float: left;width: 130px;margin: 10px 0px;}
            .story-app-logo img {display: block;max-width: 100%;}
            
            
            
            .story-app-getapp {float: right;border-radius: 4px;width: 90px;margin-right: 20px;margin-top: 15px;}
            .story-app-getapp span {display: block;background: #000;font-size: 11px;text-transform: uppercase;color: #fff;font-weight: 600;text-align: center;padding: 5px 10px;border-radius: 4px;font-family: arial;}
            .story-app-getapp span img {display: inline-block;vertical-align: middle;width: 16px;}
            
            .story-app-container {padding-bottom: 60px;}
            .story-app-ads {margin: 20px auto;}
            
            .story-app-content {margin: 20px 0 0 0;background: #fff;border-radius: 8px;border: 1px solid #dbdbdb;}
            .story-article-title {font-size: 12px;color: #000;padding: 5px;overflow: hidden;position: relative;}
            
            .story-article-header {padding: 5px;}
            .story-vertical-logo {float: left;width: 40px;height: 40px;background: #fff;border-radius: 50%;vertical-align: middle;overflow: hidden;}
            .story-vertical-name {float: left;margin: 10px;font-size: 14px;color: #000;font-weight: 600;}
            .story-vertical-follow {font-size: 14px;color: #ff0000;float: left;margin: 10px 0;font-weight: 600;}
            .story-vertical-following {font-size: 12px; color: #1478ea; float: left;  margin: 10px 0; font-weight: bold;}
            .story-article-image {position: relative;}
            .story-article-footer {padding: 5px;}
            .story-article-social-links {float: left;}
            .story-article-social-links ul li {list-style-type: none;float: left;margin: 0 10px;text-align: center;}
            
            .story-visits-icon {width: 24px;height: 24px;display: block;margin: 5px auto;background: url(/trends/media/flashcard/view-icon.svg) no-repeat 0 0;background-size: contain;}
             .story-like-icon {width: 24px;height: 24px;display: block;margin: 5px auto;background: url(/trends/media/flashcard/heart-icon.svg) no-repeat 0 0;background-size: contain;}
             .story-comment-icon {width: 24px;height: 24px;display: block;margin: 5px auto;background: url(/trends/media/flashcard/comments-icon.svg) no-repeat 0 0;background-size: contain;}
             .story-download-icon {width: 24px;height: 24px;display: block;margin: 5px auto;background: url(/trends/media/flashcard/download-icon.svg) no-repeat 0 0;background-size: contain;}
             .story-whatsapp-icon {width: 24px;height: 24px;display: block;margin: 5px auto;background: url(/trends/media/flashcard/whatsapp-icon.svg) no-repeat 0 0;background-size: contain;}
             
             .story-article-social-links ul li a {display: block;}
             .story-article-social-links ul li a:hover .story-visits-icon, .story-article-social-links ul li a.viewed .story-visits-icon {background: url(/trends/media/flashcard/view-icon-hover.svg) no-repeat 0 0;background-size: contain;}
             .story-article-social-links ul li a:hover .story-like-icon, .story-article-social-links ul li a.liked .story-like-icon {background: url(/trends/media/flashcard/heart-icon-hover.svg) no-repeat 0 0;background-size: contain;}
             .story-article-social-links ul li a:hover .story-comment-icon, .story-article-social-links ul li a.commented .story-comment-icon {background: url(/trends/media/flashcard/comments-icon-hover.svg) no-repeat 0 0;background-size: contain;}
             .story-article-social-links ul li a:hover .story-download-icon, .story-article-social-links ul li a.downloaded .story-download-icon {background: url(/trends/media/flashcard/download-icon-hover.svg) no-repeat 0 0;background-size: contain;}
            .story-article-share-links {float: right;}
            .story-article-share-links ul li {list-style-type: none;float: left;margin: 0 10px;}
            .story-share-counts {font-size: 12px;color: #000; text-align: center;display: block;}
            
            
            
            
            .story-app-recentshorts-block {background: #fff;border-radius: 5px;padding: 10px;}
            .story-app-heading {font-size: 16px;color: #000;padding: 0 0 5px 0;font-weight: bold;}
            .story-app-heading1 {font-size: 14px;color: #000;padding: 5px;font-weight: normal;}
            .story-app-recentshorts-content {height: 170px;overflow: hidden;}
            .story-app-recentshorts-content ul {white-space: nowrap;overflow-x: auto;padding-bottom: 20px;}
            .story-app-recentshorts-content ul li {white-space: normal;vertical-align: top;display: inline-block;width: 120px;margin-right: 10px;}
            .story-app-recentshorts-content ul li a {display: block;}
            .story-app-recentshorts-content ul li img {border-radius: 5px;display: block;}
            .story-app-recentshorts-viewmore {font-size: 14px;color: #000;padding: 5px;text-align: right;}
            .story-app-recentshorts-viewmore a {color: #000;}
            .watch-shorts-icon {display: inline-block;width: 10px;height: 14px;background: url(/trends/media/flashcard/watch-video.png) no-repeat 0 0;vertical-align: middle;margin-right: 5px;background-size: contain;}
            
            
            .story-app-stories-block {background: #fff;border-radius: 5px;padding: 10px;}
            .story-app-stories-content {height: 115px;overflow: hidden;}
            .story-app-stories-content ul {white-space: nowrap;overflow-x: auto;padding-bottom: 20px;}
            .story-app-stories-content ul li {white-space: normal;vertical-align: top;display: inline-block;width: 90px;margin-right: 5px;}
            .story-app-stories-content ul li a {display: block;}
            .story-app-stories-content ul li img {border-radius: 5px;display: block;}
            
            .story-talks-image img, .story-article-image img {display: block;width: 100%; height: auto;}
            .story-talks-listing {background: #01e1e1;padding: 10px 5px;}
            .story-talks-listing ul li {float: left;width: 25%;}
            .story-talks-listing ul li a {display: block;padding: 5px;text-align: center;font-size: 10px;color: #000;font-weight: bold;background: #fff;margin-right: 2px;margin-bottom: 2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: 30px;}
            .story-talks-header {background: #fedf22;padding: 10px 5px;}
            .story-talks-title {font-size: 12px;color: #000;padding: 10px;height: 60px;overflow: hidden;position: relative;}
            
            .story-article-playvideo {background: url(/trends/media/flashcard/video-play.png) no-repeat 0 0;width: 50px;height: 50px;background-size: contain;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;z-index: 10000;}
            
            .story-article-comments-wrap {padding: 10px;}
            .story-article-viewall-comments {font-size: 14px;color: #666;padding: 10px;}
            .story-article-viewall-comments a {color: #666;}
            .story-article-user {border: 2px solid #1478ea;border-radius: 50%;width: 40px;height: 40px;display: inline-block;margin-right: 10px;vertical-align: middle;overflow: hidden;}
            .story-article-user img {width: 100%;height: 100%;}
            .story-app-datetime {font-size: 12px;color: #8c8282;font-weight: normal;padding: 10px;float: right;}
            
            .story-app-footer {background: #fff;height: 50px;position: fixed;left: 0;right: 0;bottom: 0;z-index: 100000000;}
            .story-app-footerlinks {}
            .story-app-footerlinks ul li {list-style-type: none;float: left;width: 20%;margin: 10px 0 0 0;}
            .story-app-footerlinks ul li a {display: block;text-align: center;}
            .story-app-footer-icons {width: 30px;height: 30px;margin: auto;display: inline-block;}
             
             .story-app-footer-icons.home {background: url(/trends/media/flashcard/home-icon.svg) no-repeat 0 0;background-size: contain;}
             .story-app-footer-icons.cards {background: url(/trends/media/flashcard/cards-icon.svg) no-repeat 0 0;background-size: contain;}
             .story-app-footer-icons.video {background: url(/trends/media/flashcard/play-icon.svg) no-repeat 0 0;background-size: contain;}
             .story-app-footer-icons.news {background: url(/trends/media/flashcard/news-icon.svg) no-repeat 0 0;background-size: contain;width: 26px;height: 26px;}
             .story-app-footer-icons.user {border-radius: 50%;overflow: hidden;}
             .story-app-footer-icons.user img {width: 100%;height: 100%;}
                        
            
            
            /*
             * Comments Styles
             */
             .story-comments-midscroll {height: calc(100% - 240px);;margin: auto;overflow-y: auto;position: fixed;left: 5px;right: 5px;top: 53px;bottom: 190px;}
             .story-comments-bottomsticky {position: fixed;left: 0;right: 0;bottom: 50px;background: #fff;z-index: 10000;}
            .story-app-backbtn {border: solid black;border-width: 0 3px 3px 0;padding: 6px;transform: rotate(135deg);-webkit-transform: rotate(135deg);display: inline-block;vertical-align: middle;}
            .story-comments-container {background: #fff;padding: 0 10px;position: relative;}
            .story-app-comment-header {padding: 10px;font-size: 24px;color: #000;font-weight: bold;position: fixed;left: 0;top: 0;right: 0;background: #fff;z-index: 1000;}
            .story-comments-user {float: left;width: 50px;}
            .story-comments-content {margin: 10px 0;}
            .story-comments-details {margin-left: 50px;}
            .story-comments-username {font-size: 14px;color: #000;font-weight: bold;padding: 0 0 5px 0;}
            .story-comment-datetime {font-size: 12px;color: #333;font-weight: normal; padding-left: 5px;}
            .story-comments-text {font-size: 12px;color: #000;padding: 0 30px 10px 0;position: relative;}
            
            .story-comments-links {font-size: 12px;color: #666;}
            .story-comments-links a {color: #666;}
            
            .story-comments-emojis {padding: 10px;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}
            
            .story-comments-replyblock {margin-left: 50px;}
            .story-comments-likes {position: absolute;right: 0;top: 5px;width: 30px;}
            .story-comments-likesicon {background: url(/trends/media/flashcard/Like.png) no-repeat 0 0;background-size: contain;width: 20px;height: 20px;display: block;margin: 0 auto;}
            .story-comments-likesicon.liked {background: url(/trends/media/flashcard/Like-hover.png) no-repeat 0 0;background-size: contain;}
            .story-comments-likesicon:hover {background: url(/trends/media/flashcard/Like-hover.png) no-repeat 0 0;background-size: contain;}
            .story-comments-likescount {display: block;text-align: center;font-size: 10px;color: #333;}
            
            .story-comments-add {padding: 10px;}
            .story-comments-addblock {margin-left: 60px;position: relative;padding-right: 40px;}
            
            .addcomment-btn {width: 30px;height: 40px;}
            .addcomments {font-size: 14px;color: #333;font-weight: normal;padding: 5px;width: 100%;}
            .emotion-area {height: 75px;overflow: hidden;margin-left:-50px;}
            .emotion-area ul {white-space: nowrap;overflow-x: auto;padding-bottom: 0px;}
            .emotion-area ul li {width: 40px;margin: 5px;display: inline-block;white-space: normal;vertical-align: top;cursor: pointer;}
            .emotion-area ul li a {}
 
           /* Works on Firefox */
             * {
             scrollbar-width: thin;
             scrollbar-color: #0066cc;
             }
 
             /* Works on Chrome, Edge, and Safari */
             *::-webkit-scrollbar {
             width: 5px;
             height:7px;
             }
 
             *::-webkit-scrollbar-track {
             background: transparent;
             }
 
             *::-webkit-scrollbar-thumb {
             background-color: #0066cc;
             /*border-radius: 20px;*/
             /*border: 3px solid orange;*/
             }
 
             .close-btn-reply{
             float: right;
             font-size: 12px;
             }
            
            .addcomment-btn {width: 30px;height: 35px;background: url(/trends/media/flashcard/send-btn.png) no-repeat 0 0;background-size: contain;position: absolute;right: -0px;top: 0px;cursor:pointer}
            .story-nocomments-wrap {text-align: center;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;height: 110px;}
            .story-nocomments-text {color: #666;font-size: 20px;text-align: center;padding: 5px;font-weight: bold;}
            .story-nocomments-icon {display: inline-block;text-align: center;margin: 0 auto;width: 78px;height: 66px;background: url(/trends/media/flashcard/add-comments-icon.png) no-repeat 0 0;}
            
 
             .emoji-arrow-left {border: solid #404040;border-width: 0 3px 3px 0;display: inline-block;padding: 5px;transform: rotate(135deg);-webkit-transform: rotate(135deg);margin: 0 3px;position: absolute;left: 0;top: 15px;cursor: pointer;z-index: 10000;}
             .emoji-arrow-right {border: solid #404040;border-width: 0 3px 3px 0;display: inline-block;padding: 5px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);margin: 0 3px;position: absolute;right: 0;top: 15px;cursor: pointer;z-index: 10000;}
            .emoji, .emoji-reply{font-size: 35px;}
            .story-comments-links-textfield {margin: 5px;display: none;}
             .story-comments-links-textfield.active {display: block;}
             .story-comments-textbox {border: 1px solid #999;padding: 3px;font-size: 12px;color: #666;display: inline-block;margin-right: 10px;border-radius: 3px;}
             .submit-reply {background: url(/trends/media/flashcard/reply-btn3.png) no-repeat 0 0;cursor: pointer;display: inline-block;vertical-align: middle;width: 16px;height: 16px;background-size: contain;}
  
             .star-icon {    background: url(/trends/media/flashcard/Intrested-in-topics.png) no-repeat 0 0;  width: 20px; height: 20px; display: inline-block;  background-size: contain; vertical-align: middle;}
             .emoji {font-size: 35px;}
             .emoji-icon {display: inline-block;width: 24px;height: 24px;vertical-align: middle;margin-right: 0px;cursor: pointer;font-size: 18px;}
             .emoji-icon img {filter: grayscale(100%);}
             .show-emojis {display: none;}
             .story-comments-links-textfield.show .show-emojis {display: block;}
             .show-emojis ul {white-space: nowrap;overflow-x: auto;padding-bottom: 20px;}
             .show-emojis ul li {width: 30px;margin: 5px;display: inline-block;white-space: normal;vertical-align: top;cursor: pointer;}
             
             .story-app-prodetails {margin: 0 10px 50px 10px;}
             .story-app-proheading {background: #4285f4;font-size: 24px;text-align: center;padding: 10px;color: #fff;font-weight: bold;}
             .story-app-procontent {margin-bottom: 30px;}
             .story-app-protitle {font-size: 24px;text-align: center;padding: 20px 0 5px 0px;color: #000;font-weight: bold;}
             .story-app-prosubtitle {font-size: 14px;text-align: center;color: #000;}
             .story-app-prothumb {margin: 0 auto 0 auto;width: 120px;height: 120px;border-radius: 50%;overflow: hidden;background: #fff;position: relative;padding: 10px;}
             .story-app-prothumb img {width: 100%;height: 100%;border-radius: 50%;}
             
             .story-app-profieldset {margin: 15px 0;}
             .story-app-prolabel {font-size: 16px;color: #000;padding: 0 0 5px 0;}
             .story-app-protextfield {font-size: 14px;color: #666;padding: 0 0 5px 0;border-bottom: 1px solid #4285f4;position: relative;}
             
             .story-app-proselbox, .story-app-protextbox {padding: 5px 0;font-size: 14px;color: #666;border: 0 none;width: 100%;box-sizing: border-box;background: transparent;outline: none;-moz-appearance: none;-webkit-appearance: none;appearance: none;position: relative;}
             
             .story-app-probtnwrap {float: left;padding: 20px 0;width: 50%;text-align: center;}
             .story-app-btn {background: #4285f4;border-radius: 5px;width: 100px;font-size: 16px;color: #fff;cursor: pointer;text-align: center;margin: 0 auto;padding: 5px 10px;border: 0 none;}
             
             .story-app-fields {width: 28%;float: left;margin-right: 25px;}
             .story-app-proradiofield {float: left;margin-right: 10px;}
             .story-app-fields:last-child, .story-app-proradiofield:last-child {margin-right: 0;}
             
             .story-app-proradiolabel {float: left;width: 70px;color: #000;font-size: 16px;}
             .story-app-proradiolist {margin-left: 80px;}
             .story-app-proradiofield .container {font-size: 13px;}
             .story-app-camicon {background: #fff;position: absolute;width: 30px;height: 30px;border-radius: 50%;bottom: 20px;right: 10px;text-align: center;line-height: 35px;}
             .story-app-camicon img {width: 20px;height: auto;border-radius: 0;} 			
             .container {display: block; position: relative; padding-left: 25px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
             
             /* Hide the browser's default radio button */
             .container input { position: absolute; opacity: 0; cursor: pointer;}
             
             /* Create a custom radio button */
             .checkmark {position: absolute;top: 0; left: 0; height: 20px;width: 20px;  background-color: #fff;border: 1px solid #000; border-radius: 50%;}
             
             /* On mouse-over, add a grey background color */
             .container:hover input ~ .checkmark { background-color: #ccc;}
             
             /* When the radio button is checked, add a blue background */
             .container input:checked ~ .checkmark {background-color: #fff;}
             
             /* Create the indicator (the dot/circle - hidden when not checked) */
             .checkmark:after { content: ""; position: absolute; display: none;}
             
             /* Show the indicator (dot/circle) when checked */
             .container input:checked ~ .checkmark:after { display: block;}
             
             /* Style the indicator (dot/circle) */
             .container .checkmark:after {top: 6px;left: 6px;width: 6px;	height: 6px;border-radius: 50%;	background: #4285f4;}
             .story-app-prowrapper {background: #fff;box-sizing: border-box;margin: 0 auto 70px auto;}
             .story-app-profile-wrap {padding: 10px;position: relative;box-shadow: 0 0 2px 4px #dedede;margin-bottom: 20px;}
             
             .story-app-proright {position: absolute;top: 5px;right: 5px;}
             .story-app-settings-icon {float: right;width: 20px;height: 20px;background: url(/trends/media/flashcard/settings.png) no-repeat 0 0;display: block;background-size: contain;}
             .story-app-editprofile {float: left;padding: 3px 10px;font-size: 12px;color: #000;font-weight: bold;display: inline-block;margin-right: 10px;border-radius: 5px;background: #ddd;}
             .story-app-profile-img {float: left;width: 80px;border-radius: 50%;height: 80px;border: 5px solid #c20e3b;overflow: hidden;}
             .story-app-profile-img img {width: 100%;height: 100%;}
             .story-app-profile-details {margin-left: 90px;padding-top: 20px;}
             .story-app-profile-name {font-size: 18px;font-weight: 600;text-transform: uppercase;color: #000;}
             .story-app-profile-email {font-size: 12px;color: #666;padding: 1px 0;}
             .story-app-profile-active {font-size: 12px;color: #666;}
             .story-app-profile-active span {color: #06c;}
             
             .story-app-profile-lists {margin: 20px 0 10px 0;}
             .story-app-profile-lists ul li {list-style-type: none;float: left;width: 23.5%;margin-right: 2%;}
             .story-app-profile-lists ul li:last-child {margin-right: 0;}
             .story-app-profile-listwrap {border-radius: 5px;height: 70px;padding: 5px;text-align: center;}
             .story-app-profile-listwrap.intrests {background: #03045e;}
             .story-app-profile-listwrap.saved {background: #0078b7;}
             .story-app-profile-listwrap.likedpost {background: #00b4d7;}
             .story-app-profile-listwrap.sharedpost {background: #247789;}
             
             .story-app-profile-num {font-size: 20px;color: #fff;font-weight: bold;text-transform: uppercase;padding: 5px 0;}
             .story-app-profile-title {font-size: 8px;color: #fff;font-weight: bold;text-transform: uppercase;}
             
             .story-app-procontainer {margin: 0 10px;}
             
             .story-app-protitle {font-size: 14px;color: #000;font-weight: normal;padding: 0 0 5px 0;}
             
             .story-app-intopics-listing ul li {float: left;margin-right: 10px;margin-bottom: 10px;}
             .story-app-intopics-listing ul li a {color: #000;display: block;padding: 5px 10px;border-radius: 5px;border: 1px solid #ccc;}
             
             .story-app-procontainer .story-app-content {box-shadow: 0 1px 5px 3px #dedede;margin: 20px 0 20px 0;}
             
             .star-icon {background: url(/trends/media/flashcard/Intrested-in-topics.png) no-repeat 0 0;width: 20px;height: 20px;display: inline-block;background-size: contain;vertical-align: middle;}
             .story-app-profile-title i {display: inline-block;vertical-align: middle;margin-left: 2px;width: 16px;height: 16px;background-size: contain;}
             .story-app-prointrest-icon {background: url(/trends/media/flashcard/intrests.png) no-repeat 0 0;}
             .story-app-prosave-icon {background: url(/trends/media/flashcard/Downloads-white.png) no-repeat 0 0;}
             .story-app-prolike-icon {background: url(/trends/media/flashcard/Likes-white.png) no-repeat 0 0;}
             .story-app-proshare-icon {background: url(/trends/media/flashcard/shared-white.png) no-repeat 0 0;}
             
             
             .story-comments-links-textfield {margin: 5px;display: none;}
             .story-comments-links-textfield.active {display: block;}
             .story-comments-textbox {border: 1px solid #999;padding: 5px;font-size: 12px;color: #333;}
             .star-icon {    background: url(/trends/media/flashcard/Intrested-in-topics.png) no-repeat 0 0;  width: 20px; height: 20px; display: inline-block;  background-size: contain; vertical-align: middle;}
             .max-width {position: fixed;left: 50%;transform: translateX(-50%);top: 0;bottom: 0;width: 360px;border: 1px solid #ccc;}
             .dynamicInarticleAd {margin: 20px auto;min-height: 250px}
             .oiad-txt {color: #646978; display: inline-block; font-size: 11px; width: 100%; text-align: center; font-family: arial; line-height: 11px;}
             
             .loginbg {background: #e6e6e6;}
            .story-app-loginwrap {background: #e6e6e6;box-sizing: border-box;max-width: 560px;margin: 0 auto;}
            .story-app-loginlogo {margin: 0px auto;max-width: 200px;padding: 10px;}
            
            .story-app-logincontent {background: #fff;padding: 50px;margin: 20px 0;}
            
            .story-app-logintitle {padding: 10px;text-align: center;font-size: 30px;color: #333;font-weight: bold;text-transform: uppercase;}
            .story-app-loginsubtitle {padding: 10px;text-align: center;font-size: 14px;color: #000;}
            
            
            .story-app-loginsignin {margin: 50px auto;text-align: center;}
            
            .story-app-loginterms {font-size: 14px;color: #000;font-style: italic;padding: 10px 0;text-align: center;}
            .story-app-loginsignin {max-width: 300px;}
            .story-app-loginsignin a {border: 1px solid #4385f5;border-radius: 10px;height: 70px;display: block;background: #4385f5;}
            .story-app-googlelogo {vertical-align: middle;width: 70px;height: 68px;background: #fff;float: left;border-radius: 10px 0 0 10px;padding: 0 10px;line-height: 68px;}
            .story-app-signin {font-size: 16px;color: #fff;line-height: 70px;}
            .story-app-googlelogo img {vertical-align: middle;}
            .story-app-rem {font-size: 12px;color: #666;padding: 5px;text-align: left;}
            
             .story-app-nav-wrapper {background: #fff;box-shadow: 0 0 10px rgb(0 0 0 / 60%);height: 100%;overflow-y: auto;top: 0;left: -2000px;width: 100%;position: absolute;z-index: 99999999;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);-webkit-transition: all .4s cubic-bezier(.37, .15, .32, .94);-moz-transition: all .4s cubic-bezier(.37, .15, .32, .94);-ms-transition: all .4s cubic-bezier(.37, .15, .32, .94);transition: all .4s cubic-bezier(.37, .15, .32, .94);}			.story-app-nav-wrapinner {position: relative;height: 100%;}
             .story-app-nav-wrapper.nav-open {right: 0;-webkit-transform: translateX(2000px);-moz-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px);}
             .story-app-primary-nav {padding-top: 30px;}
             .story-app-primary-nav ul {box-sizing: border-box;overflow-x: hidden;}
             .story-app-primary-nav ul li {padding: 0 8px;margin: 0 0;box-sizing: border-box;display: block;width: auto!important;border-bottom: thin solid #fff;position: relative}
             .story-app-primary-nav ul li a {color: #333;font-size: 1.0rem;display: block;line-height: 38px;height: auto;font-family: 'Open Sans', Arial, Helvetica, sans-serif;padding: 0 5px;text-transform: uppercase;border-bottom: 1px solid #ccc;}
             .story-app-nav-close {position: absolute;left: 10px;top: 10px;width: 24px;height: 24px;opacity: 1;}
             .story-app-nav-close:before, .story-app-nav-close:after {position: absolute;left: 15px;content: ' ';height: 22px;width: 2px;background-color: #000;}
             .story-app-nav-close:before {transform: rotate(45deg);}
             .story-app-nav-close:after {transform: rotate(-45deg);}
             .story-app-container h1 {line-height: 0; padding: 15px 0 0 0; font-size: 12px; text-align: center; margin: 0;}
             .zoom {animation-name: zoomicon; animation-duration: 1.4s; animation-iteration-count: infinite; animation-timing-function: linear;}
             .loading-overlay {position: fixed;background: rgba(0,0,0,0.2);z-index: 10000;left: 0;right: 0;top: 0;bottom: 0;display: none;}
             
             .story-app-proselbox {cursor: pointer;}
             .story-app-proselbox-content {position: absolute;bottom: 35px;left: 0;right: 0;display: none;border: 1px solid #4285f4; background: #fff;z-index: 1000;}			.story-app-proselbox-content ul {height: 200px;overflow-y: auto;}
             .story-app-proselbox-content ul li {list-style-type: none;padding: 5px;font-weight: 600;color: #000;font-size: 14px;cursor: pointer;}
             .story-app-proselbox-content ul li:hover {color: #666;}
             .story-app-searchbox {padding: 5px;}
             .story-app-searchtextbox {border: 1px solid #ccc;font-size: 14px;color: #333;width: 100%;box-sizing: border-box;padding: 5px;}
             .story-app-protextfield.show .story-app-proselbox-content {display: block;}
             .hidden {overflow: hidden;}
             .story-app-adswrap {background: #f5f5f5;text-align: center;padding: 10px;}
             .story-app-ads {margin: 0 auto;}
             .story-app-adtext {font-size: 10px;color: #666;font-weight: 600;padding: 5px;}
             .story-app-adcontent {max-width: 300px;margin: 0 auto;}
             .loading {
               border: 8px solid #f3f3f3;
               border-radius: 50%;
               border-top: 8px solid #3498db;
               width: 100px;
               height: 100px;
               -webkit-animation: spin 2s linear infinite; /* Safari */
               animation: spin 2s linear infinite;
               position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 1000000;display: none;
             }
              .story-article-header {position: relative;} 
             .story-article-head-logo {float: left;}
             .story-article-nav {float: right;margin: 10px 5px 0 5px;position: relative;}
             .story-article-nav span {color: #999;vertical-align: middle;display: inline-block;cursor: pointer;}
             .story-article-navigation {position: absolute;top: 25px;width: 100px;box-shadow: 0 1px 3px 1px #cdcdcd;right: 0px;z-index: 10000;background: #fff;display: none;}
             .story-article-navigation ul li {list-style-type: none;}
             .story-article-navigation ul li a {display: block;padding: 5px;font-size: 12px;color: #000;text-align: center;}
             .story-article-nav.nav-open .story-article-navigation {display: block;}
             .story-article-head-logo > div {float: left;}
             
             .story-app-logo {width: 100px;}
            a.menu-icon {margin-right: 0;}
            .story-app-mainheading {margin-left: 160px;}
            .story-app-mainheading h1 {padding: 15px 0 0 0;font-size: 12px;text-align: center;margin: 0;}
             @keyframes zoomicon {
                 0% {transform: scale(0.8);-webkit-transform: scale(0.8);}
                 50% {transform: scale(1.1);-webkit-transform: scale(1.1);}
                 100% {transform: scale(0.8);-webkit-transform: scale(0.8);}
               }
            @media only screen and (max-width: 320px) {
            }
            @media only screen and (max-width: 1024px) {
                .story-app-logintitle {font-size: 24px;}
                .story-app-loginwrap  {max-width: 360px;margin: 0 auto;}
                .story-app-logincontent {padding: 20px;}
                .story-app-loginterms {font-size: 12px;}
            }
            @media only screen and (min-width: 1024px) {
                 .story-app-content {margin: 20px 0 0 0;background: #fff;border-radius: 8px;border: 1px solid #dbdbdb;}
                 .story-app-recentshorts-block {border-radius: 8px;border: 1px solid #dbdbdb;}
                 .story-app-container {margin: 0 10px 50px 10px;}
                 .story-app-wrapper {background: #f5f5f5;box-sizing: border-box;max-width: 480px;margin: 0 auto;}
                 .max-width {position: fixed;left: 50%;transform: translateX(-50%);top: 0;bottom: 0;width: 480px;overflow-x: hidden;overflow-y: auto;height: 100%;}
                 .story-app-prowrapper {max-width: 480px;background: #fafafa;}
                 .hidden {overflow: hidden;padding-right: 8px;}
             }
            @media only screen and (max-width: 320px) {
            }
            @media only screen and (min-width: 768px) {
            }
 
          .loaderComments {			
             border: 20px solid #f3f3f3;
             position: absolute;
             left: 26%;
             border-radius: 50%;
             border-top: 20px solid #0066cc;
             width: 150px;
             height: 150px;
             animation: spin 2s linear infinite;
             top: 36%;
         }
 
         @keyframes spin {
             0% { transform: rotate(0deg); }
             100% { transform: rotate(360deg); }
         }