*{padding: 0px;margin: 0px;box-sizing: border-box;}
ul, li {margin: 0px;padding: 0px;list-style-type: none;}
a{text-decoration: none;}
img {border: 0 none;max-width: 100%;display: block;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
body {font-family: 'Open Sans', Arial, Helvetica, sans-serif;}

/*
 * index page Styles
 */
.pwa-home-wrapper {position: absolute;width: 100%;height: 100%;background: #324396;}
.pwa-home-content {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 240px;height: 240px;}
.pwa-one-logo {background: #fff;width: 160px;height: 160px;border-radius: 50%;line-height: 160px;text-align: center;margin: 0 auto;}
.pwa-one-logo img {width: 140px;height: 42px;display: inline-block;vertical-align: middle;}
.pwa-one-maintitle {text-align: center;padding: 10px;font-size: 16px;color: #fff;}
.pwa-one-maintitle span {font-size: 20px;text-transform: uppercase;font-weight: bold;}
.bggrey {background: #f4f4f4;}

/*
 * Language Selection Styles
 */
.pwa-main-wrapper {}
.pwa-header {padding: 10px;background: #fff;margin: 10px;}
.pwa-logo {float: left;width: 120px;}
.pwa-header-right {float: right;}
.nav-notification {position: relative;width: 40px;}
.notification-num {background: red;border-radius: 50%;width: 18px;height: 18px;position: absolute;font-size: 10px;top: 0px;right: 6px;line-height: 18px;font-weight: 600;color: #fff;text-align: center;}
.pwa-content {padding: 50px 20px;background: #fff;}
.pwa-choose-lang {font-size: 20px;color: #000;padding: 10px 10px 25px 10px;text-align: center;}
.pwa-choose-lang span {font-weight: bold;}
.pwa-choose-lang-lists ul {display: flex;
  justify-content: space-between;flex-wrap: wrap;}
.pwa-choose-lang-lists ul li {list-style-type: none;flex: 2 0 47%;box-sizing: border-box;margin-right: 6%;margin-bottom: 20px;}
.pwa-choose-lang-lists ul li:nth-child(2n) {margin-right: 0;}
.pwa-choose-lang-lists ul li a {display: block;height: 40px;background: #f2f2f2;color: #000;border-radius: 5px;}
.pwa-lang {width: 40px;height: 40px;display: inline-block;background: #e6e6e6;border-radius: 5px 0 0 5px;text-align: center;vertical-align: middle;line-height: 40px;}
.pwa-lang-title {font-size: 14px;color: #000;}
.pwa-lang-icon {font-size: 14px;color: #333;background: #fff;width: 32px;height: 32px;border-radius: 50%;margin: auto;display: inline-block;vertical-align: middle;font-weight: bold;line-height: 32px;}



/*
 * Follow Section Styles
 */

.pwa-content-follow-heading {font-size: 20px;color: #000;font-weight: bold;text-align: center;}
.pwa-content-follow-desc {font-size: 14px;color: #000;font-weight: normal;padding: 10px 0;text-align: center;}
.pwa-content-follow-lists {}
.pwa-content-follow-lists ul li {margin-bottom: 10px;}
.pwa-content-follow-lists ul li a {display: block;background: #f2f2f2;height: 40px;border-radius: 5px;font-weight: 600;color: #000;}
.follow-list-title {display: inline-block;padding: 10px;border-radius: 5px 0 0 5px;float: left;font-size: 14px;color: #000;}
.follow-title {font-size: 13px;display: inline-block;padding: 10px;border-radius: 0 5px 5px 0;float: right;width: 120px;text-align: center;text-transform: uppercase;position: relative;}
.follow-title.follow {color: #06c;background: #e6e6e6;}
.follow-title.following {color: #fff;background: #f47321;}
.follow-title.following i {width: 5px;height: 10px;border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);display: inline-block;vertical-align: middle;margin-right: 5px;position: relative;top: -1px;}
.btn-wrap {margin: 50px auto;text-align: center;}
.done-btn {background: #324396;font-size: 16px;color: #fff;font-weight: 600;padding: 10px;border-radius: 5px;cursor: pointer;width: 150px;text-align: center;border: 0 none;}



/*
 * Homepage Styles
 */
.pwa-container {margin: 10px 5px;}
.pwa-homecontent {background: #fff;padding: 10px;}
.pwa-article {padding: 10px 5px;border-bottom: 1px solid #f1f1f1;}

.pwa-article-category {font-size: 14px;color: #000;font-weight: bold;}
.pwa-article-category a {color: #000;text-transform: capitalize;}
.pwa-article-title {font-size: 14px;color: #666;padding: 10px 0;font-weight: normal;}
.pwa-article-title a {color: #666;}
.pwa-article-image, .pwa-article-image img  {border-radius: 10px;}
.pwa-article-footer {padding: 10px 0;position: relative;}
.pwa-article-timestamp {font-size: 12px;color: #000;float: left;}

.pwa-article-share {right: 0;position: absolute;height: 30px;top:15px;}
.pwa-share, .pwa-share-close {float: right;}
.share-icon {width: 13px;height: 13px;background: url(../images/share-icon-pwa.png) no-repeat 0 0;display: inline-block;}
.share-close-icon {width: 20px;height: 20px;background: url(../images/nav-close-icon.jpg) no-repeat 0 0;display: inline-block;}
.pwa-share-links {position: relative;right: -220px;-moz-transition: all 0.27s ease-in;-o-transition: all 0.27s ease-in;-webkit-transition: all 0.27s ease-in;transition: all 0.27s ease-in;background: #fff;}
.pwa-share-close {display: none;}
.pwa-article-share {overflow: hidden;}
.pwa-article-share.active {width: 120px;}
.pwa-article-share.active .pwa-share {display: none;}
.pwa-article-share.active .pwa-share-close {display: block;}
.pwa-article-share.active .pwa-share-links {right: 0;}
.pwa-share-links a {width: 26px;height: 26px;margin: 0 0 0 5px;float: left;border-radius: 50%;font-size: 16px;font-weight: bold;color: #fff!important;line-height: 26px;text-align: center;}
.pwa-share-links a.share-fb {background: #315c97;}
.pwa-share-links a.share-whatsapp {background: #35bc20;}
.pwa-share-links a.share-twitter {background: #39a9e0;}
.pwa-share-links a.share-gplus {background: #dd4b39;}

.pwa-article-rowise {position: relative;}
.pwa-article-wrap {margin: 10px 0 0 0;}
.pwa-article-rowise .pwa-article-image {width: 150px;float: left;}
.pwa-article-rowise .pwa-article-details {margin-left: 170px;}
.pwa-article-rowise .pwa-article-title {padding: 0;}

.pwa-follow {background: #f47321;display: inline-block;font-size: 12px;color: #fff;padding: 2px 8px;border-radius: 5px;position: absolute;right: 0px;top: 10px;}




.pwa-header-newslinks {background: #fff;padding: 5px;}
.pwa-header-newslinks ul {width: 100%;overflow-x: scroll;white-space: nowrap;padding: 5px 0;}
.pwa-header-newslinks ul li {vertical-align: top;white-space: normal;width: 240px;display: inline-block;margin-right: 5px;}
.pwa-header-newswrap {border: 1px solid #e6e6e6;position: relative;padding: 10px;border-radius: 5px;}
.pwa-header-newscat {font-size: 12px;color: #06c;position: absolute;top: -10px;left: 10px;background: #fff;padding: 0 3px;}
.pwa-header-newscat a {color: #06c;}
.pwa-header-newsimg {width: 65px;float: left;}
.pwa-header-news-timestamp {color: #999;font-size: 10px;display: block;text-align: left;padding: 2px;}
.pwa-header-newstitle {margin-left: 75px;font-size: 12px;color: #666;font-weight: 600;height: 50px;overflow: hidden;}
.pwa-header-newstitle a {color: #666;}