@charset "utf-8";
/* CSS Document */
body {overflow-x:hidden;}
a:hover {text-decoration:none;}

.icons {background:url(../images/icons.png); background-repeat: no-repeat; background-position: top left; width:40px; height:40px;    display: inline-block;}
.ico-search {background-position:-80px 0;}

header{position: sticky;width: 100%;z-index:16;top:0px;}

.page-header {
  margin:0;
  padding:10px 0;
  background:#ee4037;
  border: unset;
}
.page-header a {color:#fff;font-size:14px;}
.header-search {margin-right:10px; position: relative; top: 3px;  }
.well {
    min-height: 10px;
    padding: 10px;
  margin-bottom:0;
  text-align: center;
}
.btn-primary {
  background-color: #ee4037;
    border-color: #c1130a;
}
.btn-primary:hover {    background-color: #dd271d;border-color: #c1130a;
}

/*-------------------------------*/
/*        Side Push Nav          */
/*-------------------------------*/
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {background-color: transparent;}

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 220px;
}

#sidebar-wrapper {
    z-index: 1000;
    left: 220px;
    width: 0;
    height: 100%;
    margin-left: -220px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #1a1a1a;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#wrapper.toggled #sidebar-wrapper {
    width: 300px;
}

#page-content-wrapper {
    width: 100%;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -220px;
}

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 300px;
    margin: 0;
    padding: 0;
    list-style: none;
}



.sidebar-nav li {
    position: relative;
    line-height: 24px;
    display: inline-block;
    width: 100%;
}
.dropdown-header {
    padding: 3px 20px 3px 50px;
}
.sidebar-nav li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 3px;
    background-color: #1c1c1c;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}
.sidebar-nav li:first-child a, .sidebar-nav li.open li:before {
    color: #fff;
  background:none;
}
.sidebar-nav li:nth-child(1):before {
    background-color: #ec1b5a;
}
.sidebar-nav li:nth-child(2):before {
    background-color: #79aefe;
}
.sidebar-nav li:nth-child(3):before {
    background-color: #314190;
}
.sidebar-nav li:nth-child(4):before {
    background-color: #279636;
}
.sidebar-nav li:nth-child(5):before {
    background-color: #7d5d81;
}
.sidebar-nav li:nth-child(6):before {
    background-color: #ead24c;
}
.sidebar-nav li:nth-child(7):before {
    background-color: #2d2366;
}
.sidebar-nav li:nth-child(8):before {
    background-color: #35acdf;
}
.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
    width: 100%;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}
.sidebar-nav li.open li a {
  padding: 16px 16px 16px 50px;
}
.sidebar-nav li a {
    display: block;
    color: #ddd;
    text-decoration: none;
  font-size:18px;
    padding: 16px 16px 16px 30px;
}

.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 20px;
    line-height: 44px;
}
.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: #222;
    box-shadow: none;
}

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/

.hamburger {
  position: relative;
  top: 2px;
  z-index: 999;
  display: block;
  width: 32px;
  height: 32px;
  margin-left: 10px;
  background: transparent;
  border: none;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 4px;
  width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color: #fff;
}
.hamburger.is-closed .hamb-top {
  top: 5px;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
  bottom: 5px;
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
  top: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open {margin-left:95px;}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  background-color: #fff;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-open .hamb-top {
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/

.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.8);
    z-index: 20;
}

/*-------------------------------*/
/*      Expand Search Box        */
/*-------------------------------*/

input[type=text].searchbox {
    width: 130px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

/* When the input field gets focus, change its width to 100% */
input[type=text].searchbox:focus {
    width: 100%;
}

/*-------------------------------*/
/*           Home                */
/*-------------------------------*/
.home-banner {margin-bottom:20px; background:#333; }
.home-thumb {margin-bottom:20px;}
.thumb-round {text-align:center;}
.thumb-round a img {max-width:80px; width:100%;}
.thumb-round span {display:block; margin-top:5px; color:#333;}
.module-title {color:#333333;  margin-bottom:5px;}
.module-title span.glyphicon {font-size:14px; color:#999;}
.left-img{ float:left; margin:0 10px 0 0;}
.right-title-wrap{ float:left;margin:5px 0 0; width:95%;}
.left-img + .right-title-wrap{ width:90%;}
.module-desc {color:#999;display: block;font-weight: normal;font-size: 14px;margin:5px 0 0;}
.product-list .novel-cover > a{ height:216px; overflow:hidden; display:block;}
.novel-list {margin-top:10px;}
.novel-title {color:#333; font-weight:bold; margin-bottom:5px; margin-top:10px;}
.novel-title a{color:#333;}
.novel-author {color:#333; margin-bottom:8px;}
.novel-rate {margin-bottom:5px; color:#999; font-size:13px;}
.novel-rate .glyphicon-star {color:#ffc000;}
.novel-rate .glyphicon-star.empty {color:#999;}
.novel-desc, .novel-genre, .novel-status, .novel-views {color:#777;}
.slick-slide .novel-desc, .novel-list .novel-desc {font-size:12px;}
.slick-slide .novel-desc, .novel-list .novel-desc {max-height:102px; overflow:hidden;}
.novel-cover a:hover, .novel-cover a:focus, .novel-title a:hover, .novel-title a:focus{ text-decoration:none; outline:none;}
.novel-item {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ccc;}
.novel-details {margin-top:20px; margin-bottom:20px;}
.novel-details .novel-title {font-size:18px;}
.novel-details .novel-cover {text-align:right;}
.novel-content {text-align:center; margin-bottom:20px; padding-top:20px; border-top:1px solid #eee;}
.novel-content a {color:#333;}
.novel-value {font-size:12px;}
.novel-value span.premium {color:#00aeef; border:1px solid #00aeef; border-radius:10px; padding:2px 10px; display:inline-block;}
.novel-value span.free {color:#aae25e; border:1px solid #aae25e; border-radius:10px; padding:2px 10px; display:inline-block;}
h4.section-title {margin-top:20px; margin-bottom:20px;}
.comment-right {right:15px; position:absolute; color:#ee4037; font-size:14px;}
.novel-comments {border-bottom:1px solid #f5f5f5; padding-bottom:10px; margin-bottom:10px; margin-top:10px;}
.novel-comments.last {border-bottom:none; margin-bottom:0;}
.novel-comments:last-child{border-bottom:none;}
.novel-commentpage .novel-comments.last {margin-bottom:70px;}
.novel-comments p {margin-bottom:5px;}
.novel-comments .user-pic {width:80px;}
.novel-comments .username {color:#333; font-weight:bold;}
.novel-comments .commentstxt {color:#777;}
.novel-comments .dates {color:#999; font-size:12px;}
.novel-commentinput {padding:10px;}
.novel-other {margin-bottom:60px;}
.novel-other .novel-publisher, .novel-other .novel-bookid {color:#777777; font-size:12px; margin:15px 0; text-align:left;}

.type3.pass-bg {background:url(../images/pass-banner.png) top left no-repeat #f067a6; background-size:contain;}
.type3 .novel-list {margin-top:20px;}
.type3 .slick-slide {padding-top:6px; padding-bottom:6px; background:#fff;}
.type3 .slick-slide .col-md-6 {padding-left:6px; padding-right:6px;}
.slick-prev, .slick-next{z-index: 1;}
.slick-prev{left: -33px;}
.slick-next{right: -18px;}
.product-list .slick-prev, .product-list .slick-next{ top:42%;}

@media (max-width: 600px) {
.type3.pass-bg {background-size:cover;}
}

/* SLICK-SLIDE */
.slick-list {
  padding: 0 15px;
}
.slick-slide {
  margin: 0px 5px;
}
.slick-slide:focus{ outline:none;}
.slick-dots {
  bottom:-30px;
}
.slick-slide img {
  width: 100%;
}
.slick-slide .col-xs-6 {
  padding-left:0;
}
.slick-prev:before,
.slick-next:before {
  color: #aaa;
  display:block;
}
/*.slick-prev {
  left: 8px;
}
.slick-next {
  right: 8px;
}*/


/*-------------------------------*/
/*           Login               */
/*-------------------------------*/
.loginbtm {
  text-align:center;
  margin:20px 40px;
}
.loginbtm a {
  color:#ee4037;
}
.loginbtm a b {
  text-decoration:underline;
}

/*-------------------------------*/
/*        Novel Details          */
/*-------------------------------*/
.sticky-footer {width:100%; position:fixed; bottom:0; background:#fff; border-top:1px solid #eee;}
.sticky-read a, .sticky-share a {padding:20px 0px;; display:block; text-align:center;}
.sticky-read a {background:#ee4037; color:#fff; font-weight:bold;}
.sticky-read a:hover {background:#dd271d;}
.sticky-share a {color:#999999;}
.sticky-share a:hover {color:#dd271d;}
.novel-ratebox{ text-align:center;}
.novel-ratebox .glyphicon-star {font-size:24px; margin-right:1%;}
.novel-ratebox .glyphicon-star:hover {color:#ee4037;}

/*-------------------------------*/
/*         Novel Reading         */
/*-------------------------------*/
.reading-content {margin:20px 0;}
.reading-navigation {margin:40px 0;}
.page-header .dropdown-menu {
    right: 0;
    left: auto;}
.page-header .dropdown-menu  a {
  font-size:14px; color:#999;
}
.chapterlist {margin-top:10px;}
.chapterlist a {color:#333; display:block;  padding:12px 0;}
.chapterlist a.inactive {color:#ccc;}
.novel-passbox {background:url(../images/novel-passbg.png) repeat-x; padding-top:40px; padding-bottom:40px;}

.novel-passbox .passtitle {color:#ee4037; font-weight:bold;}
.novel-passblock {background:#fff; padding:10px; border-radius:10px;}
.novel-passbox .pricetxt {font-size:30px; }
.novel-passul {margin-bottom:40px; margin-top:20px;}
.novel-passbox li { list-style-image:url(../images/icon_tickGreen.png); padding-bottom:5px;}


/*-------------------------------*/
/*            Search             */
/*-------------------------------*/
.searchpagebox {background:#f5f5f5}
.wellsection {background:#f5f5f5; color:#999; padding:9px 0;}
.searchlist {background:#fff;}
.searchlist a {color:#333; display:block;  padding:15px 0;}
.searchlist .list-group-item {display:list-item; overflow:hidden; padding:0;}
.load-more .btn {margin-bottom:20px;}


/*-------------------------------*/
/*            Chart              */
/*-------------------------------*/

@media (min-width: 992px) {
  .chartbox .novel-item {border-bottom:0 none;}
}

/*-------------------------------*/
/*             Pass              */
/*-------------------------------*/
.passcoverbg {text-align:center;  background: url(../images/banner.png) fixed center;   background-size: cover; }
.passcover {max-width:500px; margin: 0 auto; }
.passcover img {max-width:100%; display:inherit;}
.passdetail {background:#fff; overflow:hidden;}
.passtxt1 {margin-top:10px;}
.passtxt2 {color:#999;}


/*-------------------------------*/
/*          Download             */
/*-------------------------------*/
.downloadbg {background:url(../images/downloadbg.png) repeat;}
.downloadtxt1 {margin-top:20px; color:#fff; font-size:36px; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; text-align:center;}
.downloadtxt1 .img-responsive {display:inline-block;}

/*-------------------------------*/
/*      Different Screen         */
/*-------------------------------*/

.product-box-wrapper{margin:15px 0;float: left;width: 100%;}
.product-box .box-cell{ display:table-cell; vertical-align:middle; padding:5px;}
.product-box .product-title{color: #333;font-weight: bold;margin-bottom: 5px;margin-top: 10px; font-size:14px;}
.product-box .product-title a{color: #333;}
.product-box .product-title .author-name{color: #333;margin-bottom: 5px; display:block; color:#999; font-weight:normal;}
.product-box .serial-no{ width:6%;}
.product-box .cover-img{ width:20%;}
.product-box .cover-img img{ max-width:150px;}
.product-box .product-title{ width:74%;}
.viewprofile:hover, .viewprofile:focus{ outline:none; text-decoration:none;}

.invite-title{text-align: left; margin:15px 0 5px;; font-size:18px;}
.invite{margin: 10px 0;}
.invite a{ display:inline-block;}
.invite a img{ width:60px;}

/******************************* header ***********************************/
.page-header .logo{ display:inline-block; padding:0 15px 0 0; float:left; margin:-5px 0 0;}
.left-links{position:relative;display: inline-block;padding: 0 15px;float:left; line-height:36px;}
.left-links a:hover, .left-links a:focus{ text-decoration:none;}
.left-links .fa-location-arrow{ border:1px solid #fff; border-radius:50%;width: 18px;text-align: center;}
.page-header .left-links .dropdown-menu{ right:auto; left:0;}
.page-header .dropdown-menu{ margin:10px 0 0;}
.page-header .dropdown-menu:after{width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;position: absolute;content: "";top: -10px;right: 10px;}
.page-header .left-links .dropdown-menu:after{ right:auto; left:10px;}
.right-links{ padding:0 15px;display: inline-block;line-height: 36px; position:relative;}
.right-links:last-child{ padding-right:0;}
.right-links .user-img{ border-radius:50%;}
.right-links a:hover, .right-links a:focus{ text-decoration:none;}
.right-links .btn-success{ background:#70bf5e;border-radius: 8px;}


/******************************* Banner ***********************************/
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next{background: rgba(0, 0, 0, 0.3);width: 45px;height: 45px;line-height: 42px; border-radius:50%; margin-top:-22px;}
.carousel-control .fa{position: absolute;top: 50%;z-index: 5;display: inline-block;margin-top: -15px;font-size: 30px;left: 50%;margin-left: -13px;}


.umobile img {max-width: 100%; width: 100%;}


/******************************* Product Details Page ***********************************/
.get-premium-btn{ background:#fef4e8; color:#ff9966; border-radius:30px; text-align:center; margin:0 0 30px; font-size:16px; padding:10px 0;}
.novel-comments .user-img{ display:table-cell; padding:0 15px 0 0; vertical-align:middle; width:12%;}
.novel-comments .user-comment{ display:table-cell; vertical-align:middle;width:88%;}
.novel-ratebox-wrap{ margin:15px 0;}
.novel-ratebox-wrap h4{ margin:15px 0 0;}
.novel-ratebox-wrap .rate-this{ margin:15px 0 0; text-align:right; color:#ee4037;}
.profile-btns {margin: 0 0 10px;}
.profile-btns .btn-success{ padding:6px 28px;}

/******************************* User Profile Page ***********************************/
.profile-head-wrap{ display:table; width:100%; margin:20px 0;}
.profile-col{ display: inline-block;vertical-align: middle;padding: 0 1rem;}
.profile-head{color: #333;font-weight: bold;}
.profile-head .user-img{ width:75px; height:75px; overflow:hidden; border-radius:50%;margin-left:-3rem;padding: 2px;border: 1px solid #cdcdcd;}
.profile-head .user-img img{ margin:0 auto;border-radius:50%;}
.profile-col .user-type{ display:block; color:#777;}
.profile-introduction{color:#777; margin: 0 1rem 20px;text-align: justify;}
.user-title-wrap{color: #333333;font-size: 18px; display:table; width:100%; padding:10px 0; margin:0 0 10px;}
.user-title-wrap .sub-title{display: block;color: #999;font-weight: normal; font-size:14px;}
.wallet-title{border-bottom:1px solid #f5f5f5;}
.user-title-wrap .left-title, .user-title-wrap .right-arrow{ display:table-cell; vertical-align:middle;}
.user-title-wrap .right-arrow{ text-align:right;}
.user-title-wrap .right-arrow .count{ padding:0 10px 0 0;display: inline-block;top: -4px;position: relative;}
.user-title-wrap .right-arrow .view-more{font-size: 36px; color:#666;}
.wallet-box-wrap{ display:table; padding:15px 0;}
.wallet-box{ display:table-cell; text-align:center; padding:0 15px;}
.wallet-box a{ color:#333;}
.wallet-box .icon{ margin:0 0 10px;}
.wallet-box .add-icon{ position:relative;}
.wallet-box .add-icon:after{ content:"\f055"; font-family:FontAwesome; color:#ef1d23;bottom: -9px;position: absolute;right: -1px;}
.vip-wrap{ padding:10px 0;width:1170px;}
.vip{ display:table; width:100%;background: #fef4e8;color: #ff9966;padding: 15px;max-width: 555px;margin: 0 auto;}
.vip .vip-left, .vip .vip-right{ display:table-cell;}
.vip .vip-left{ background:url(../images/crown.png) no-repeat 0 center; text-align:left; padding:0 0 0 40px;}
.vip .vip-right{ text-align:right;}
.vip .vip-right a{ display:inline-block; border-radius:14px;color: #ff9966; border:1px solid #ff9966; font-weight:bold; padding:2px 15px;}
.novels-wrap, .collections-wrap, .following-wrap{ min-height:250px;margin:0 0 15px;}
.profile-head-wrap .user-name{padding: 15px 0rem !important; font-weight:bold;}


/*********************************** Payment Page ***********************************/
.payment-page{ padding:50px 0;}
.payment-page h1{ text-align:center; margin:0 0 20px;font-size: 42px; color: #555;}
.payment-page h1 small{ display:block; margin:10px 0 0; font-size: 2rem;}
.payment-page h2{ margin:0 0 30px; text-align:center;}
.payment-box{ background:#fff; border-radius:12px; padding:30px 15px; max-width:407px; margin:0 auto;
box-shadow:0px 0px 6px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 0px 6px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0px 0px 6px rgba(0, 0, 0, 0.2);}
.payment-box form{ margin:0;}
.payment-box .card-wrap{ margin:33px 0 32px;}
.payment-box select{height: 68px;line-height: 68px;font-size: 18px;}
.payment-box button{ background:#2ab859; color:#fff; text-transform:uppercase; font-size:16px;font-weight: 700;border-radius: 42px;padding: 8px 25px; margin: 30px auto 15px; width: auto;}
.payment-box button:hover{ opacity:0.9; color:#fff;}
.payment-box .terms a{ text-decoration:underline; color:#333;}
.payment-box .mobile-wrap {margin:38px 0;}
.payment-box .mobile-wrap a{ margin:5px; display:inline-block;}


/*********************************** Footer Section ***********************************/
footer{ background:#f5f5f5; padding:30px 0 15px;}
.social-icons{ margin:27px 0 0;}
.social-icons ul{ list-style-type:none; margin:0; padding:0;}
.social-icons ul li{ display:inline-block; padding:0 15px 0 0; margin-bottom: 15px;}
.social-icons ul li:last-child{ padding-right:0;}
.social-icons ul li a{ background:#ee4037; width:30px; height:30px; line-height:30px; text-align:center; color:#fff;display: block;border-radius: 50%;}
.social-icons ul li a:hover{ opacity:0.9;}
.social-icons ul li a i{ line-height:30px;}
.newsletter button{ text-transform:uppercase;}
.footer-menu{ padding:15px 0;}
.footer-menu ul{ list-style-type:none; margin:0; padding:0;}
.footer-menu ul li{ display:inline-block; padding:0 50px 0 0;}
.footer-menu ul li:last-child{ padding-right:0;}
.footer-menu ul li a{ display:block; color:#333333;font-weight: 700;font-size: 14px;}
.footer-menu ul li a:hover{ color:#ee4037; }


/*---------------------------css for new pages*/
/* .write-bg{background:url(../images/write-bg.jpg);background-position: center center;
background-repeat: no-repeat;background-size: cover;} */
.write-bg h2{margin:10rem 0 1.6rem 0;color:#fff;}
.write-bg a{color:#fff;float:center;font-size:14px;text-transform: capitalize;
font-weight: bold;font-family: 'PT Sans', sans-serif;padding:0.8rem;
letter-spacing: 0.1rem;margin-bottom:11rem;}
.write-bg a:hover{background-color: #fff;color:#ee4037;text-decoration: none;
transition: 1s ease;}
 .write-bg .btn{border:1px solid #ee4037;border-radius:1rem;background-color: #ee4037;}
.box .panel{box-shadow: 2px 2px 5px 2px #ccc;border:none;position: relative;}
.box{margin-top: -2rem;}
/* #white{border-right: 1px solid #ccc;} */
.box .col-md-6 h4{font-weight: bold;color:#000;}
.icon:not([class^="icon--"], [class*=" icon--"]){position: absolute;top: 15px;right: 15px;}
.mynovel .icon a {
    font-size: 18px;
    margin-left: 10px;
}
.feedback span{color:#666; font-weight: bold;}
.category-write{margin-top:0.5rem;font-weight: bold;}
.description-write{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
   -webkit-box-orient: vertical;-webkit-line-clamp:2; /* number of lines to show */
   line-height: 24px; }       /*}

   /*writer page responsive css*/
/* @media only screen and (min-width:320px) and (max-width:991px) {#white img{margin: auto;}
} */
/*edit Novel page css*/
.box-form{/*max-width:auto;*/
height:auto;
border:1px solid #ccc;
background-color:rgba(255,255,255,1);
padding:3rem 3rem 4rem 3rem;margin:1rem 0 19rem 0;border-radius: 2rem;
box-shadow: 0px 0px 2px 1px #ccc;
/* -webkit-animation: mover 1s infinite   */
/* alternate;animation: mover 1s infinite  alternate; */
}

.box-form.square {
    border-radius: 0;
    box-shadow: 0 4px 5px 0px #ccc;
    margin-top: 0;
}

.novel_tab > li {
    width: 20%;
    text-align: center;

}

.novel_tab > li > a {
    margin-right: 0;
}

.novel_tab > li.active > a {
    border-bottom: 0;
}

.novel_tab > li > a {
    cursor: pointer;
    background-color: unset;
}

.novel_tab > li.active > a,
.novel_tab > li.active > a:hover,
.novel_tab > li.active > a:focus {
    border: 1px solid #ccc;
    border-bottom: 1px solid #FFF;
    color: #70bf5e;
}

.novel_tab > li.active > a,
.nav-tabs > li > a:hover {
    color: #70bf5e;
}

@-webkit-keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(10px); }
}

@keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(10px); }
}
.box-form form{margin:3rem 0;}
.box-form form .form-group input{border:1px solid #e1e1e1 !important;
padding:2rem;color:#333 !important;}
.box-form form .form-group select{border:1px solid #e1e1e1 !important;
padding:1rem;min-height:45px;}
.box-form h3{font-weight: bolder;line-height: 30px;padding-bottom:1rem;}
.box-form form .btn{float:left;}
#btn{background-color:#ee4037;color:#fff;padding:0.8rem;font-size:16px;
border-radius: 0.6rem;}
#btn:hover{background:none;color:#ee4037;border: 1px solid #ee4037;}
#btn2{padding:0.8rem;font-size:16px;border-radius: 0.6rem;}
#btn2:hover{background:none;color:#3cb878;border: 1px solid #3cb878;}
#avatar{margin:0rem 0rem 2rem 0rem;}
#m-down{margin-top:1rem;}
/* #body-bg{background:url(../images/write-bg.jpg);background-position: center center; */
background-repeat: no-repeat;background-size: cover;}
.edit-bg h2{padding:10rem 0 1.6rem 0;color:#fff;}
.edit-bg a{float:center;font-size:16px;text-transform: capitalize;
font-weight: bold;font-family: 'PT Sans', sans-serif;padding:0.8rem;
letter-spacing: 0.1rem;}
.edit-bg a:hover{background-color: #fff;text-decoration: none;
transition: 1s ease;}
.edit-bg .btn{border:1px solid #fff;border-radius:2rem;}
#mt-2{margin-top: 1.4rem;}
.mt-3{margin-top:2rem;}
#btn3{color:#fff; padding:1rem;border-radius: 0.6rem;}
/*collection bg*/
.collection-bg{background:url(../images/colection.jpg);background-position: center center;
background-repeat:no-repeat;background-size: cover;height:650px;}
.collection-bg .col-md-4 h2{padding-top:13rem;}

.slider__item {transition: all 0.3s ease;-webkit-transition-timing-function:
cubic-bezier(0.4, 0.0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0.0, 0.2, 1);}

#slide-1:checked ~ .slider__holder .slider__item--1 {position: relative;z-index: 2;transform: translate(0) scale(1);}

#slide-2:checked ~ .slider__holder .slider__item--1 {z-index: 1;transform: translateX(-100px) scale(0.85);}

@media (max-width: 768px) {
  #slide-2:checked ~ .slider__holder .slider__item--1 {opacity: 0.6;}
}
#slide-3:checked ~ .slider__holder .slider__item--1 {z-index: 0;transform: translateX(-210px) scale(0.65);}

@media (max-width: 900px) {
#slide-3:checked ~ .slider__holder .slider__item--1 {transform: translateX(-170px) scale(0.65);}
}
@media (max-width: 768px) {
#slide-3:checked ~ .slider__holder .slider__item--1 {opacity: 0;}}
#slide-4:checked ~ .slider__holder .slider__item--1 {z-index: -1;opacity: 0;transform: translateX(-210px) scale(0.65);}

#slide-5:checked ~ .slider__holder .slider__item--1 {z-index: -1;opacity: 0;transform: translateX(-210px) scale(0.65);
}

#slide-1:checked ~ .slider__holder .slider__item--2 {z-index: 1;transform: translateX(100px) scale(0.85);
}

@media (max-width: 768px) {
  #slide-1:checked ~ .slider__holder .slider__item--2 {
    opacity: 0.6;
  }
}
#slide-2:checked ~ .slider__holder .slider__item--2 {position: relative;z-index: 2;
transform: translate(0) scale(1);}

#slide-3:checked ~ .slider__holder .slider__item--2 {z-index: 1;transform: translateX(-100px) scale(0.85);}
@media (max-width: 768px) {
  #slide-3:checked ~ .slider__holder .slider__item--2 {opacity: 0.6;}}
#slide-4:checked ~ .slider__holder .slider__item--2 {z-index: 0;transform: translateX(-210px) scale(0.65);}

@media (max-width: 900px) {
  #slide-4:checked ~ .slider__holder .slider__item--2 {
    transform: translateX(-170px) scale(0.65);
  }
}
@media (max-width: 768px) {
  #slide-4:checked ~ .slider__holder .slider__item--2 {
    opacity: 0;
  }
}
#slide-5:checked ~ .slider__holder .slider__item--2 {
  z-index: -1;
  opacity: 0;
  transform: translateX(-210px) scale(0.65);
}

#slide-1:checked ~ .slider__holder .slider__item--3 {
  z-index: 0;
  transform: translateX(210px) scale(0.65);
}

@media (max-width: 900px) {
  #slide-1:checked ~ .slider__holder .slider__item--3 {
    transform: translateX(170px) scale(0.65);
  }
}
@media (max-width: 768px) {
  #slide-1:checked ~ .slider__holder .slider__item--3 {
    opacity: 0;
  }
}
#slide-2:checked ~ .slider__holder .slider__item--3 {
  z-index: 1;
  transform: translateX(100px) scale(0.85);
}

@media (max-width: 768px) {
  #slide-2:checked ~ .slider__holder .slider__item--3 {
    opacity: 0.6;
  }
}
#slide-3:checked ~ .slider__holder .slider__item--3 {
  position: relative;
  z-index: 2;
  transform: translate(0) scale(1);
}

#slide-4:checked ~ .slider__holder .slider__item--3 {
  z-index: 1;
  transform: translateX(-100px) scale(0.85);
}

@media (max-width: 768px) {
  #slide-4:checked ~ .slider__holder .slider__item--3 {
    opacity: 0.6;
  }
}
#slide-5:checked ~ .slider__holder .slider__item--3 {
  z-index: 0;
  transform: translateX(-210px) scale(0.65);
}

@media (max-width: 900px) {
  #slide-5:checked ~ .slider__holder .slider__item--3 {
    transform: translateX(-170px) scale(0.65);
  }
}
@media (max-width: 768px) {
  #slide-5:checked ~ .slider__holder .slider__item--3 {
    opacity: 0;
  }
}
#slide-1:checked ~ .slider__holder .slider__item--4 {
  z-index: -1;
  opacity: 0;
  transform: translateX(210px) scale(0.65);
}

#slide-2:checked ~ .slider__holder .slider__item--4 {
  z-index: 0;
  transform: translateX(210px) scale(0.65);
}

@media (max-width: 900px) {
  #slide-2:checked ~ .slider__holder .slider__item--4 {
    transform: translateX(170px) scale(0.65);
  }
}
@media (max-width: 768px) {
  #slide-2:checked ~ .slider__holder .slider__item--4 {
    opacity: 0;
  }
}
#slide-3:checked ~ .slider__holder .slider__item--4 {
  z-index: 1;
  transform: translateX(100px) scale(0.85);
}

@media (max-width: 768px) {
  #slide-3:checked ~ .slider__holder .slider__item--4 {
    opacity: 0.6;
  }
}
#slide-4:checked ~ .slider__holder .slider__item--4 {
  position: relative;
  z-index: 2;
  transform: translate(0) scale(1);
}

#slide-5:checked ~ .slider__holder .slider__item--4 {
  z-index: 1;
  transform: translateX(-100px) scale(0.85);
}

@media (max-width: 768px) {
  #slide-5:checked ~ .slider__holder .slider__item--4 {
    opacity: 0.6;
  }
}
#slide-1:checked ~ .slider__holder .slider__item--5 {
  z-index: -1;
  opacity: 0;
  transform: translateX(210px) scale(0.65);
}

#slide-2:checked ~ .slider__holder .slider__item--5 {
  z-index: -1;
  opacity: 0;
  transform: translateX(210px) scale(0.65);
}

#slide-3:checked ~ .slider__holder .slider__item--5 {
  z-index: 0;
  transform: translateX(210px) scale(0.65);
}

@media (max-width: 900px) {
  #slide-3:checked ~ .slider__holder .slider__item--5 {
    transform: translateX(170px) scale(0.65);
  }
}
@media (max-width: 768px) {
  #slide-3:checked ~ .slider__holder .slider__item--5 {
    opacity: 0;
  }
}
#slide-4:checked ~ .slider__holder .slider__item--5 {z-index: 1;transform: translateX(100px) scale(0.85);}

@media (max-width: 768px) {
#slide-4:checked ~ .slider__holder .slider__item--5 {opacity: 0.6;}}
#slide-5:checked ~ .slider__holder .slider__item--5 {position: relative;z-index: 2;
transform: translate(0) scale(1);}

.sliders{margin:3rem 0;}

/*--------------------------------------------------------------
3.0 Bullets
--------------------------------------------------------------*/
.bullets__item {transition: all 0.2s ease;}
#slide-1:checked ~ .bullets .bullets__item--1 {background: #FFF;}
#slide-2:checked ~ .bullets .bullets__item--2 {background: #FFF;}
#slide-3:checked ~ .bullets .bullets__item--3 {background: #FFF;}
#slide-4:checked ~ .bullets .bullets__item--4 {background: #FFF;}
#slide-5:checked ~ .bullets .bullets__item--5 {background: #FFF;}

/*--------------------------------------------------------------
1.0 Card
--------------------------------------------------------------*/
.card {position: relative;display: block;border-radius: 8px;background: #FFF;
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05), 0 2px 4px 0 rgba(0, 0, 0, 0.1);margin-bottom: 15px
}
/*--------------------------------------------------------------
2.0 Slider
--------------------------------------------------------------*/
.slider {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;
  user-select: none;}
.slider__radio {display: none;}
.slider__holder {position: relative;width: 100%;max-width: 600px;margin: 0 auto;
margin-top: 80px;text-align: left;}
@media (max-width: 900px) {.slider__holder { max-width: 540px;}}
@media (max-width: 600px) {.slider__holder {margin-top: 60px;}}
.slider__item {position: absolute;top: 0;left: 0;display: block;overflow: hidden;
width: 100%;opacity: 1;cursor: pointer;}
.slider__item-content {padding: 40px 0 0 0;}
@media (max-width: 600px) {.slider__item-content {padding: 32px 32px;}}
@media (max-width: 375px) {.slider__item-content {padding: 40px 24px;}}
.slider__item-text {padding:0px 1rem 0rem 0rem ;font-weight: lighter;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp:2; /* number of lines to show */
line-height: 24px;}
.section {position: relative;width: 100%;padding: 120px 24px;text-align: center;}
.section__entry {width: 100%;max-width: 380px;margin: 0 auto;}
.section__entry--center {text-align: center;}
.section__title {display: block;padding-bottom: 12px;}
.section__text {display: block;}

#slide_img img{padding: 2rem;border-right: 1px solid #ccc;margin-top:1rem;}
/*responsive collection*/

@media only screen and (min-width:320px) and (max-width:991px) {
  #slide_img img {border-right: none;margin:auto; padding:15px 0;}
  .slider__item-content {padding:15px 10px 15px 0;}
  .slider__holder .icon{top: 10px;right: 10px;}
  .sliders1{top:0rem !important;position: relative !important;}
}

/* rating stars */
.rating-container {
    display: flex;
    align-items: center;
}

.novel-rated {
    display: inline-block;
    position: relative;
    background-color: #FFF;
    margin-right: 5px;
    /* mix-blend-mode: multiply; */
}

.novel-rated .light {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffc000;
    overflow:hidden;
    mix-blend-mode: color;
    width: 0;
}
.glyphicon-star.star-dark {
      color: #bdc3c7
}

/* rating stars END */

/*reading novel0*/
#reading-novel{box-shadow: 1px 1px 4px 1px #ccc;border-radius:1rem;position: relative;}
#reading-novel h2{padding-bottom: 1rem;}
.para p{color: #515151;font-size: 20px; font-weight:lighter;font-family:'PT Sans', sans-serif;}
.read-icon{font-size:20px;padding-bottom: 2rem;position: absolute;top:50px;right:50px;}
.page{position: absolute;bottom:0px;}
.cont-read{text-decoration: none;color:#000;}
.cont-read:hover{text-decoration: none;
color:#000;}
.button-reading{margin: 3rem 0;}
/*change-bg css*/
.change-bg {width:100%;
  /* animation: myanimation 10s infinite; */
  padding:2rem;}
@keyframes myanimation {
  0% {background-color: #ccc;}
  25%{background-color:#e1e1e1;}
  50%{background-color:#edf8ec;}
  75%{background-color:#caf8f6;}
  100% {background-color: #fcadf1;}
}
.paras{font-size: 20px;margin:3rem 0;}

/*follower page*/
.follower-bg{position: relative;}
#content-follow-bg{position: absolute;top:90px;left:60px;}
#content-follow-bg h1{font-weight: bold;}
#content-follow-bg p{font-size:18px;font-weight: lighter;color:#222222;}
.svg{height:800px;}
#folow-bg-white{background-color:rgba(255,255,255,0.7);position: absolute;top:15%;right:40px;
height:auto;box-shadow: 2px 2px 5px 2px #ccc;
/*-webkit-animation: mover 1s infinite  */
/*alternate;animation: mover 1s infinite  alternate;*/
border-radius: 1rem;}

@-webkit-keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(10px); }
}

@keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(10px); }
}

.media{border-bottom: 1px solid #ccc;padding:1rem;}
.sliders{position: relative;width: 100%;padding:0px 24px 0px 24px;}
/* padding:50px 24px 20px 24px; */
.sliders1{position:relative;padding: 0px 24px 0px 24px;}
/**/

.profile-info-right .tab-content {
  padding: 30px 0;
  background-color: transparent;}
@media screen and (max-width: 768px) {
  .profile-info-right {
    position: relative;
    top: -70px;}
}
/*image css*/
.user-follower,
.user-following {
  position:relative;
  margin-bottom:40px;
}
.user-follower img,
.user-following img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius:50%;
  width:80px;
  margin-top:-10px;
}

#top-nav li{padding:0.8rem;width:400px;}

.btn-toggle-following{background-color: #FFF;color: #afafa8;border: 1px solid #bbabab;}
.media-body .btn-default{background-color:#ee4037;color:#fff;}
.user-following .media-body .btn{background-color:#1db954;color:#fff; }
/* list icons */


.nav-tabs > li > a {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  cursor: pointer;
}

.nav-pills > li > a {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  background-color: green;
}

.nav-tabs.tabs-iconized > li a,
.nav-pills.tabs-iconized > li a {
  padding-top: 0;
  padding-bottom: 5px;
}
.nav-tabs.tabs-iconized > li i,
.nav-pills.tabs-iconized > li i {
  position: relative;
  margin-right: 3px;
  top: 4px;
  font-size: 24px;
}

.tab-content {
  padding: 30px 15px 0px 15px;
  background-color: #fff;
}

.nav.nav-tabs-custom-colored > li > a {
  border-color: #ccc;
  border-bottom: transparent;
}
.nav.nav-tabs-custom-colored > li > a:hover, .nav.nav-tabs-custom-colored > li > a:focus {
  background-color: #1688ae;
}

.nav-tabs.nav-tabs-custom-colored {
  border-bottom-color: #1688ae;
}
.nav-tabs.nav-tabs-custom-colored > li {
  z-index: 0;
  margin-bottom: 0;
  background-color: #fff;
}
.nav-tabs.nav-tabs-custom-colored > li > a {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  color: #696565;
  margin-right: 0;
}
.nav-tabs.nav-tabs-custom-colored > li > a:hover, .nav-tabs.nav-tabs-custom-colored > li > a:focus {
  color: #fff;
  border-color: #1688ae;
}
.nav-tabs.nav-tabs-custom-colored > li.active > a, .nav-tabs.nav-tabs-custom-colored > li.active > a:hover, .nav-tabs.nav-tabs-custom-colored > li.active > a:focus {
  color: #fff;
  background-color: #1688ae;
  border-color: #1688ae;
  border-bottom: transparent;
}
.nav-tabs > li.active {
  z-index: 1;
}

.nav-pills-custom-minimal {
  border-bottom: 1px solid #ccc;
}
.nav-pills-custom-minimal > li > a {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 10px;
  border-top: 4px solid transparent;
  color: #696565;
}
.nav-pills-custom-minimal > li > a:hover, .nav-pills-custom-minimal > li > a:focus {
  background-color: transparent;
  color: #4f4c4c;
}
.nav-pills-custom-minimal > li.active > a, .nav-pills-custom-minimal > li.active > a:hover, .nav-pills-custom-minimal > li.active > a:focus {
  background-color: transparent;
  border-top-color: #1db954;
  color: #696565;
}
.nav-pills-custom-minimal > li + li {
  margin-left: 30px;
}
@media screen and (max-width: 480px) {
  .nav-pills-custom-minimal > li + li {
    margin-left: 0;
  }
}
.nav-pills-custom-minimal.custom-minimal-bottom > li a {
  border-top: none;
  border-bottom: 4px solid transparent;
}
.nav-pills-custom-minimal.custom-minimal-bottom > li.active > a, .nav-pills-custom-minimal.custom-minimal-bottom > li.active > a:hover, .nav-pills-custom-minimal.custom-minimal-bottom > li.active > a:focus {
  background-color:#ee4037;
  border-bottom-color: #ee4037;
  color:white;
  text-align:center;
}

/*responsive followerpage css*/

@media only screen and (min-width:320px) and (max-width:991px){
#folow-bg-white {top:33%;left:15px; right:15px;}
.h3heading{display: none;}
#top-nav li {
    padding: 0.2rem;
    width: auto;}
}
@media only screen and (min-width:992px) and (max-width:1300px){
#folow-bg-white {top:25%;right:30px;}
#top-nav li {
    padding: 0rem;
    width:200px;
}
}

/*wallet-page css*/

.wallet-bg{background-color:#ed3f34;min-height:250px;position: relative;}
.coin-bg{position: absolute;left:0;right:0;top:30%;width:100px;height:100px;margin:auto;}
.walletamount{font-size: 32px;color:white;position: absolute;top: 25px;left: 105px;}
.wallet-bg h3{padding-top:1rem;color:#fff;font-weight: bold;}
.wallet-icon img{width:50px;height:50px;margin:2rem 1rem;}
#wallet-white-bg{box-shadow: 2px 2px 2px 2px #ccc;margin:-5rem auto 0 auto;background-color:#fff;padding:1rem;border-radius:1rem;}
#wallet-white-bg h2{color:#000;font-weight: bold;}
#wallet-white-bg p{color:#333;font-size:18px;}
.wallet-btn {background-color: #39b54a;color:#fff;}
.wallet-btn:hover{background:none;color:#39b54a;border:1px solid #39b54a;}
/*#move-downs-wallet{margin-top:15rem;}*/
.white-bg-wallet{margin-top:1rem;border-radius:1rem;box-shadow: 2px 2px 2px 2px #ccc;background-color:#fff;padding:1rem 2rem;margin-bottom: 5rem;}
.wall-bt{color:#39b54a;font-size:2rem;}
.wall-head{color:#b7b7b7;font-size: 18px;padding-top:2rem;}
#auto-bg{margin:0 auto 2rem auto;}
.reward-point{color:#39b54a;}
.reward-para{font-size:20px;color:#000;}
a{text-decoration: none;}
a:hover{text-decoration: none !important;}

/*top-up page*/
.top-up-bg{position:relative;}
.top-up-bg h3{position: absolute; top:10%;left:0;right:0;color:#fff;font-size:4rem;}
.top-bg-col img{width:50px;height:50px;padding:0.2rem;}
.top-bg-col{padding:0rem;}
.top-head-up{color:#000;padding:0 0rem 0 12px; margin-top: 10px; width: 100%;}
.wallet-top-bg{background-color: #fff;margin:1rem auto;padding:1rem;box-shadow: 2px 1px 2px 1px #ccc;border-radius: 1rem; width: 100%; display: flex; align-items: center; min-height: 82px;}
.top-head-up span{font-size: 1.5rem;color:#666;}
#top-green{background-color: #1db954;color:#fff;width:100%;margin:1rem 0;padding:1rem;}
/*top up page responsive css*/

/* Chapter Writing page */
#wordCounter {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#wordCounter > * {
    flex: 1;
}
.saving_wrapper {
    display: flex;
    align-items: center;
}

.lds-dual-ring {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 15px;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid green;
    border-color: green transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
}

@media only screen and (min-width:320px) and (max-width:480px){
.top-up-bg h3 {
  top: 10%;
    font-size: 2rem;
}}

/*css*/

.profile-sidebar{box-shadow: 2px 2px 2px 2px #ccc;}
.profile-content{box-shadow: 2px 2px 2px 2px #ccc;}


ul.social-buttons {
  margin-bottom: 0;
}

ul.social-buttons li a {
  font-size: 20px;
  line-height: 40px;
  display: block;
  width: 40px;
  height: 40px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  color: white;
  border-radius: 100%;
  outline: none;
  background-color: #212529;
}

ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
  background-color: #fed136;
}
.content{
   margin-top:60px;
 }


/* Profile container */
.profile {
  margin: 20px 0;
}

/* Profile sidebar */
.profile-sidebar {
  padding: 20px 0 10px 0;
  background: #fff;
}

.profile-userpic img {
  float: none;
  display:block;
    margin:auto;
  width: 50%;
  height: 50%;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}

.profile-usertitle {
  text-align: center;
  margin-top: 20px;
}

.profile-usertitle-name {
  color: #5a7391;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 7px;
}

.profile-usertitle-job {
  text-transform: uppercase;
  color: #000;
  font-size: 12px;
  font-weight:300;
  margin-bottom: 15px;
}

.profile-para{color:#ee4037;font-size:18px;}
.profile-userbuttons {
  text-align: center;
  margin-top: 10px;
}

.profile-userbuttons .btn {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 15px;
  margin-right: 5px;
}

.profile-userbuttons .btn:last-child {
  margin-right: 0px;
}

.profile-usermenu {
  margin-top: 30px;
}

.profile-usermenu ul li {
  border-bottom: 1px solid #f0f4f7;
}

.profile-usermenu ul li:last-child {
  border-bottom: none;
}

.profile-usermenu ul li a {
  color: #000;
  font-size: 14px;
  font-weight: bold;
}

.profile-usermenu ul li a i {
  margin-right: 8px;
  font-size: 14px;
}

/* Profile Content */
.profile-content {
  padding: 20px;
  background: #fff;
  min-height: auto;
  border-radius:1rem;
}

#forms input{border-bottom:1px solid #ccc !important;
border:none !important;}

.check{position: absolute;right:50px;width:40px; height:40px;}
.label-text{font-weight:lighter;font-size:16px;}
#check-lab{margin-bottom:1rem !important;}
#bgs{background-color: #e1e1e1;}


/*********************************** Responsive CSS ***********************************/
@media (max-width: 1310px) {
.payment-page h2{ font-size:27px;}
}

@media (max-width: 1229px) {
.slick-prev{left: 8px;}
.slick-next{right: 23px;}
.payment-page h2 {font-size: 22px;}
}

@media (max-width: 1199px) {
.product-list .novel-cover > a{ height:200px;}
.right-title-wrap{ width:94%;}
.left-img + .right-title-wrap{ width:88%;}
.novel-comments .user-img{width:16%;}
.novel-comments .user-comment{width:84%;}
}

@media (max-width: 1023px) {
.product-list .novel-cover > a {height: 413px;}
}

@media (max-width: 991px) {
.product-list .novel-cover > a {height: 316px;}
.right-title-wrap{ width:93%;}
.left-img + .right-title-wrap{ width:84%;}
.novel-comments .user-img{width:14%;}
.novel-comments .user-comment{width:86%;}
.page-header .logo{padding: 0 5px 0 0;}
.left-links, .right-links{ padding:0 5px;}
.footer-menu ul li{ padding:0 20px 0 0;}
.payment-page h2 {font-size: 16px;}
.collection-bg .col-md-4 h2 {padding-top:9rem;}
.novel-ratebox .glyphicon-star{font-size:22px;margin-right:0;}
.product-list-vertical .product-box [class^="col"]:nth-child(2n + 1){clear:left;margin-bottom:15px;}
}

@media (max-width: 767px) {
#wrapper.toggled #sidebar-wrapper {
  width:100%;
}
.hamburger {
  z-index:9999;
}
.hamburger.is-open { margin-left:40px;}
.thumb-round {
    text-align: center;
    padding: 0 10px;
}
.product-list .novel-cover > a{ height:266px; overflow:hidden;display: block;}
.slick-prev, .slick-next{ display:none !important;}
.right-title-wrap{ width:91%;}
.left-img + .right-title-wrap{ width:81%;}
.novel-details{ text-align:center;}
.novel-details .novel-cover img{ margin:0 auto 15px;}
footer{ text-align:center;}
.social-icons {margin: 0px 0 20px;}
.newsletter {margin: 0 0 5px;}
.footer-menu ul li {padding: 0 5px;}
.footer-menu ul li a{font-weight: 400;	}
.payment-box{margin: 0 auto 40px;}
.payment-page h2 {margin: 0 0 20px; font-size:18px;}
.payment-box .card-wrap {margin: 0px 0 20px;}
.payment-box .mobile-wrap {margin:0 0 20px;}
.payment-box select {height: 42px;line-height: 42px;font-size: 16px;}
.payment-box button{padding: 12px;}
.right-head {margin: 5px 0 0;}
/* #page-content-wrapper{padding-top: 52px;} */
.walletamount{font-size: 24px;top: auto;left: 50%;bottom: -22px;
transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);-webkit-transform: translateX(-50%);}
#wallet-white-bg h2{ font-size:20px;}
.wallet-icon img{ width:auto; height:auto;margin: 2rem 0;}
}


@media (max-width: 639px) {
.product-list .novel-cover > a{ height:196px;}
.right-title-wrap{ width:89%;}
.left-img + .right-title-wrap{ width:75%;}
.footer-menu ul li{padding: 5px 0px;display: block;border-top: 1px solid #e3e3e3;}
.footer-menu ul li a{ font-size:14px;}
}

@media (max-width: 479px) {
.product-list .novel-cover > a{ height:166px;}
.right-title-wrap{ width:87%;}
.left-img + .right-title-wrap{ width:71%;}
.novel-comments .user-img{width:18%;}
.novel-comments .user-comment{width:82%;}
.novel-ratebox-wrap h4{ margin:7px 0 0;}
.novel-ratebox .glyphicon-star{ font-size:16px; margin:0;}
.novel-ratebox-wrap .rate-this{ margin:7px 0 0;}
.profile-col{ padding:0 15px;}
.profile-head .user-img{margin-left: -15px;}
}

@media (max-width: 413px) {
.product-list .novel-cover > a{ height:149px;}
.right-title-wrap{ width:85%;}
.left-img + .right-title-wrap{ width:68%;}
.novel-comments .user-img{width:19%;}
.novel-comments .user-comment{width:81%;}
.novel-ratebox .glyphicon-star{ margin:0;}
.novel-like-box-wrap {min-height: 240px;}
.profile-col{ display: inline-block;vertical-align: middle;padding: 0 1rem; font-size:20px;}
.payment-page h1{font-size: 40px;}
.newsletter button {font-size: 12px;padding: 7px 10px;}
}

@media (max-width: 374px) {
.product-list .novel-cover > a{ height:125px;}
.right-title-wrap{ width:83%;}
.left-img + .right-title-wrap{ width:62%;}
.novel-comments .user-img{width:23%;}
.novel-comments .user-comment{width:77%;}
.novel-ratebox .glyphicon-star{ font-size:14px;}
.novel-ratebox-wrap .rate-this{ font-size:11px;}
.payment-page h1 {font-size: 34px;}
.payment-page h1 small {margin: 20px 0 0;}
#gift{
  font-size:11px;
}
.submitstarratting{
font-size:11px;
}
.support {font-size:11px;}
}


/* Responsive Tablet and above */
@media (min-width: 640px) {
    footer .footer-menu > ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    footer .footer-menu > ul > li {
        margin: 0 0 15px;
    }
}