body,html{ width: 100%; height: 100%;  }
body{font-family: 'Open Sans', sans-serif;}
ul, li{ margin: 0; padding: 0; list-style: none; }
*{ -webkit-transition:all .2s ease;-moz-transition:all .2s ease; transition:all .2s ease; }
/*section, ul, li, button, input, textarea, a, i{ -webkit-transition:all .5s ease;-moz-transition:all .5s ease; transition:all .5s ease; }*/
a:hover{ text-decoration: none!important; }
a:focus{ text-decoration: none!important; }
input, button, select, textarea, legend{ border: none; margin: 0; padding: 0; }
a, input, button, select, textarea, select{ outline: none; }
legend{ font-size: inherit; }
.container{width: 100%!important;}
.rel{ position: relative; }
.minus-margin{ margin: 0 -30px; }
.overFlow-hidden{ overflow: hidden; }
/*.g-recaptcha div{width:100%!important;}*/
/*.g-recaptcha iframe{width:100%!important;}*/

/*.rc-anchor-normal{width:100%!important;max-width:100%!important;}*/
/* Sweep To Bottom */
.hvr-sweep-to-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #02cdd3;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {color: white;}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {-webkit-transform: scaleY(1);transform: scaleY(1);}

.bannerowl .owl-dots{position: absolute;right: 0px;left: 0px;bottom: 15px;}
.bannerowl .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:white;}
.bannerowl .owl-theme .owl-dots .owl-dot span{background:#dfdfdf;margin: 5px 5px;}
.bannernew .banner-content{margin-top:130px;}
.bannernew{height: 500px;background-image:url(../img/second-banner-ssl-new.png)}
.bannerowl{margin-bottom:60px;}
.bannernew h2{color:#FFF001!important;font-size:23px!important;}
.bannernew h3{color:#000!important;font-size: 40px;font-weight: bold;font-family: 'AvenirNextLTPro-Demi';line-height: 50px;margin-bottom:40px;}
.bannernew .button-join a{width:325px;background: #FFF001;border-radius:6px;}
.bannernew .button-join a:hover{background:#e3d604;}



.border {display: inline-block; position: relative;}
.border::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 0 0 0 rgba(255,255,255,.5);
  transition: box-shadow .5s ease;
}
.border:hover::after { box-shadow: inset 0 0 0 5px rgba(255,255,255,.5);}
img { /*display: block;*/  position: relative;}

.green-button{ display:inline-block; font-size:16px; color: #000; padding: 10px 35px; background: #20ccd2; }
.green-button:hover{ background: #19bec4; }

.twin-button-container{}
.twin-button-container a{ display:inline-block; font-size:16px; color: #000; padding: 10px 35px; margin: 0 6px;}
.twin-fill{ background: #fdd208; }
.twin-fill:hover{background: #f1c805;} 
.twin-unfill{ padding: 0px 10px; border:1px solid #fdd208; }
.twin-unfill:hover{background: #f1c805;}

h2{ margin:0 0 50px 0px; font-family: 'Humanist777BT-RomanB'; font-size: 40px; text-transform: uppercase; color: #000;}


.container{max-width:1297px; width: 100%;}

.top-header{ background:#000;}

.login-header{ display: inline-block; text-align: right; position: relative; vertical-align: top; }
.login-header li{ display: inline-block; vertical-align: top;}
.login-header li a{ display: block; padding: 7px 20px; font-size: 13px; color: #fff; text-transform: uppercase; font-weight: 600;}
.login-header li a:hover{ /*background: #292929;*/ color: #02c9d0; }

.loged-header{ display: inline-block; text-align: right; position: relative; vertical-align: top; }
.loged-header li{ display: inline-block; vertical-align: top;}
.loged-header li img{ float: left; width: 21px; height: 21px; border-radius: 50%; margin: -2px 5px 0 0px; }
.loged-header li a{ display: block; padding: 7px 25px; font-size: 12px; color: #fff; text-transform: uppercase; font-weight: 600; }
.loged-header li a:hover{ /*background: #292929;*/ color: #02c9d0; }
.loged-header li i{ padding: 0 5px; font-size: 11px; transform: rotate(90deg); }




.notification-header{ display: inline-block; text-align: right; }
.notification-header li{ display: inline-block; vertical-align: top; padding:5px 0px;}
.notification-header li a{ display: block; padding:0px 8px; font-size: 15px; color: #fff; text-transform: uppercase; font-weight: 600; border-right: 1px solid #585858;}
.notification-header li:last-child a{ border-right:none;}

.mob-top-header{ margin: 40px 0 0 0px; padding: 0 10px;}
.mob-top-header ul{ text-align: center; }
.mob-top-header ul li{ display: inline-block; width: 100%; padding:0 10px;}
.mob-top-header ul li a{ display: block; width: 100%; padding: 15px 0px; font-size: 13px; color: #333; text-align: left; text-transform: uppercase; font-weight: 600; border-bottom: 1px solid #f1f1f1;}
.mob-top-header ul li a:hover{ color: #02b6bb; }

.header{ padding: 10px 0px; background: #fff; position: relative; }

.logo{float: left;}
.mCustomScrollbar{touch-action:none!important;}
.blog{position: absolute;left: 177px;top: 27px;background: #31d0d6;padding: 4px 11px;
    font-size: 16px;color: white;}
.blog a{color: white;font-family: 'Avenir Next LT Pro';font-size: 17px;}
.mobile-nav-container{ display: none; position: absolute; right: 20px; top: 9px; padding: 2px 0 2px 8px; border-left:1px solid #f1f1f1;}
/* for nav icon */
.mCSB_scrollTools .mCSB_draggerRail{width: 8px!important;}
#cropSign:hover{}
#nav-icon {float: right; width:21px; height: 17px; position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

#nav-icon span {
display: block;
position: absolute;
height:2px;
width: 100%;
background: #2f2f2f;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {top: 0px;}
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {top:7px;}
#nav-icon span:nth-child(4) {top:14px;}
#nav-icon.open span:nth-child(1) {top: 18px;width: 0%;left: 50%;}
#nav-icon.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#nav-icon.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#nav-icon.open span:nth-child(4) {top: 18px;width: 0%;left: 50%;}

.mob-nav{position: fixed; right: -250px; top: 0; width:250px; height: 100%; background:#fff; z-index: 100;}
.navClose{ display: none; position: fixed; left:0px; top: 0px; width:100%; height: 100%; background:rgba(0, 0, 0, 0.5); z-index: 50;}

.mobile-user-container{ display: none; position: absolute; right: 20px; top: 9px; padding: 0 0 0 8px; border-left:1px solid #f1f1f1; cursor: pointer;}
.mobile-user-container img{ border-radius: 50%; }
#search{ display: inline-block; }
.searchBtn-container{ position: absolute; top:10px; right: 230px; width:532px; }
.search-container{ float: left; width:410px; position: relative; }
.search-container input[type='text']{ width: 100%; background: #f7f7f7; border: 1px solid #cfcfcf; height:36px; line-height: auto; padding: 10px 40px 10px 15px; font-size: 14px;}
.search-container input[type='text']:focus{ background: #fff; }
.search-container button{ position: absolute; right: 0; top: 0px; background: #2f2f2f; width: 40px; height:36px; line-height: auto; text-align: center; color:#fff; cursor: pointer;
 }
 .search-container button:hover{ background: #000; }


.mob-search-container{ float: left; width:100%; padding: 0 10px; margin: 20px 0px; position: relative; }
.mob-search-container input[type='text']{ width: 100%; background: #f7f7f7; border: 1px solid #cfcfcf; height:36px; line-height: auto; padding: 10px 40px 10px 15px; font-size: 14px;}
.mob-search-container input[type='text']:focus{ background: #fff; }
.mob-search-container button{ position: absolute; right: 10px; top: 0px; background: #2f2f2f; width: 40px; height:36px; line-height: auto; text-align: center; color:#fff; cursor: pointer;
 }
 .mob-search-container button:hover{ background: #000; }

 

.library-container{ float: right; width:114px; display: inline-block; padding:9px 10px 8px 15px;  font-size: 13px; background: #2f2f2f; color:#fff; font-weight: 600; cursor: pointer; text-transform: uppercase; position: relative;}
 .library-container:hover{ background: #000; }
 .library-container span{ display: inline-block; width: 13px; height: 6px; background: url(../img/library-arrow.png) no-repeat center 0;}

 .mobile-library-container{display: none; position: absolute; right: 50px; top: 8px; font-size: 14px; padding: 0 8px 0 8px; border-left:1px solid #f1f1f1; cursor: pointer;}
 .mobile-library-container span{ display: inline-block; width: 13px; height: 6px; background: url(../img/library-mobile-arrow.jpg) no-repeat center 0;}
 #logIn.mobile-library-container{ right:99px;}

  .mob-library-container{ margin: 0 auto; clear: both; width:230px; padding:10px 10px 10px 15px;  font-size: 14px; background: #2f2f2f; color:#fff; font-weight: 600; cursor: pointer; text-align: center;}
 .mob-library-container:hover{ background: #000; }
 .mob-library-container i{ display: inline-block; margin: 0 7px;}

 .mobile-search-container{ display: none; position: absolute; right:145px; top: 8px; padding: 0 8px; border-left: 1px solid #f1f1f1; cursor: pointer; }
#logIn.mobile-search-container{right: 189px;}
#modalst{height: 380px;overflow: hidden;scroll-behavior: smooth;overflow-x: hidden; 
}
.mobile-search-block{ display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
background:#fff;
-webkit-transition: width 1s, height 1s, top 1s, left 1s, margin 1s;
-moz-transition: width 1s, height 1s, top 1s, left 1s, margin 1s;
-ms-transition: width 1s, height 1s, top 1s, left 1s, margin 1s ;
transition: width 1s, height 1s, top 1s, left 1s, margin 1s;
}
 

.cropImgWrapper{top: 0px; left: 0px;position: absolute;}

.search-back-arrow{ position: absolute; left:0px; top: 9px; width: 25px; text-align: center; cursor: pointer; font-size: 14px; color: #616161; }
.search-input{ float: left; width: 100%; }
.search-input [type='text']{ float: left; width: 100%; height: 35px; line-height: auto; padding: 0 30px }
.search-button{ position: absolute; right:10px; top: 5px; width: 25px; text-align: center; }
.search-button button{ background: #fff; }
.search-button button i{ font-size: 20px; }

.mobile-notification-container{ display: none; position: absolute; right:50px; top: 8px; padding: 0 8px; border-left: 1px solid #f1f1f1; cursor: pointer; border-right: 1px solid #f1f1f1;}
#logIn.mobile-notification-container{right: 50px;}
.mobile-notification-container em{color: #fff;font-style: normal;position: absolute;right: -5px; top:-10px;width: 20px;height: 20px;background: #000;text-align: center;line-height: 20px;
border-radius: 50%;font-size: 12px;}

.sm-row{position: absolute;top: 7px;right: 28px;;}
.sm-row ul{ text-align: right; padding-right: 7px; }
.sm-row ul li{ display: inline-block; padding:0px 8px;}
.sm-row ul li a{ display: block; font-size: 26px; color: #2f2f2f;}
.facebook a:hover{ color: #475993;}
.twitter a:hover{ color: #76a9ea;}
.pinterest a:hover{ color: #c93737;}
.instagram a:hover{ color: #c93737;}
.linkedin a:hover{ color: #0077b5;}

.googlePlus a:hover{ color:#de5245;}

.mob-sm-row{ float: left; width: 100%; background: #f2f2f2; padding: 18px 0 18px 13px; }
.mob-sm-row ul{ text-align: left;}
.mob-sm-row ul li{ display: inline-block; padding:0px 7px;}
.mob-sm-row ul li a{ display: block; font-size: 20px; color: #000;}
.shom{border-radius:6px;}
.yellow-button-join {}
.yellow-button-join a { display: inline-block; width: 225px; padding:15px 10px; background: #ffa200; font-family: 'Roboto', sans-serif; color: #000; font-size: 16px; text-align: center; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;border-radius:6px;}
.yellow-button-join a:hover { background:#e59100;}

.banner{ max-height: 500px; min-height: 500px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff001+0,fff001+70,01e6ec+70,01e6ec+100 */
background: #fff001; /* Old browsers */
background: -moz-linear-gradient(-110deg, #fff001 0%, #fff001 71%, #01e6ec 71%, #01e6ec 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-110deg, #fff001 0%,#fff001 71%,#01e6ec 71%,#01e6ec 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(110deg, #fff001 0%,#fff001 71%,#01e6ec 71%,#01e6ec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff001', endColorstr='#01e6ec',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

/* background:#fff000 url(../img/banner-bg.jpg) no-repeat center 0px;*/ position: relative;}
.banner-content { margin: 100px 0 0 0px; }
.banner-content h2{ font-family: 'AvenirNextLTPro-Demi'; font-size:40px; color: #000; margin: 0 0 20px 0px; text-transform: none; }
.banner-content p{ font-family: 'AvenirNextLTPro-Regular'; font-size: 21px; line-height: 28px; color: #000; margin: 0 0 40px 0px; }
.banner-content p span{ display: block; }
.button-join {}
.tillmay{position: absolute;bottom: 0px;right: 465px;}
.tillmay p{font-size: 14px;}
.maypop{text-align: center;}
.maypop p{font-size: 14px;margin-bottom: 0px;}
.flot{float: right;margin-right: 120px;text-align: center;margin-top: 20px;}

.readerSignUp-banner-content .button-join a { display: inline-block; width: 225px; padding:15px 10px; background: #eb6440; font-family: 'Roboto', sans-serif; color: #fff; font-size: 16px; text-align: center; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;border-radius:6px;}
.readerSignUp-banner-content .button-join a:hover{background:#eb5128;color:white;}
.button-join a { display: inline-block; width: 225px; padding:15px 10px; background: #02cdd3; font-family: 'Roboto', sans-serif; color: #000; font-size: 16px; text-align: center; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;border-radius:6px;}
.button-join a:hover { background:#02b6bb;}
.flot p{font-size: 19px;text-align: center;padding-top: 15px;}
.flot p span{display: inline-block;color: #ff0000;font-weight: bold;display: inline-block!important;}
.offs{float: left;margin-top: -40px;margin-left: 30px;}
.offs img{height: 200px;}
.banner-pic{ margin: 50px 0 0 0px; padding-bottom: 14px; text-align: center; position: relative;}
.banner-pic img{ max-width: 100%; }
.box-shadow{ position: absolute; left:0px; bottom: 0px;}

.category-container{ background: #000; padding: 60px 0 70px 0px; }
.category-container h2{ color: #fff; text-align: center; margin-bottom: 30px; }
.category-container ul{}
.category-container ul li{ display: inline-block; width: 32.5%; padding: 0 50px; }
.category-container ul li a{ display: block; padding:32px 0 8px 0px; text-align: center; color: #fff; font-size: 18px; text-transform: uppercase; border-bottom:1px solid #3c3c3c; }
.category-container ul li a:hover{ color: #02cdd3; border-bottom:1px solid #02cdd3; }

#mostpopular .view-more{ margin: 25px 0 0 0px; }
#mostpopular h2{ margin:0 0 40px 0; }

.bookList-container{padding: 50px 0 50px 0px; text-align: center;float: left;width: 100%;}

.bookList-container h3{ margin:0 0 2px 0px; }
.bookList-container h3 a{ font-size:15px; font-weight: 600; text-transform: uppercase; color: #000;}
.bookList-container h3 a:hover{ color: #02cdd3; }
.bookList-container p{ margin-bottom:4px; }
.bookList-container p a{font-size:14px; font-weight: 300; color: #000;}
.bookList-container p a:hover{ color: #02cdd3; }

.bookList-container ul{ margin-bottom: 30px; }
.bookList-container ul li{ display: inline-block; width:19%; padding: 0 15px; vertical-align: top; }

/*.bookList-container ul li:hover h3 a, .bookList-container ul li:hover p a{color: #02cdd3;}*/

/*.bookList-container ul li:hover .list-pic img{
-webkit-box-shadow: -5px -5px 5px 0px rgba(224,224,224,1);
-moz-box-shadow: -5px -5px 5px 0px rgba(224,224,224,1);
box-shadow: -5px -5px 5px 0px rgba(224,224,224,1); }

.item:hover .list-pic img{
-webkit-box-shadow: -5px -5px 5px 0px rgba(224,224,224,1);
-moz-box-shadow: -5px -5px 5px 0px rgba(224,224,224,1);
box-shadow: -5px -5px 5px 0px rgba(224,224,224,1); }*/

.list-pic{ margin-bottom: 25px; }
.list-pic img{ max-width: 100%; -webkit-box-shadow: 5px 5px 5px 0px rgba(224,224,224,1);
-moz-box-shadow: 5px 5px 5px 0px rgba(224,224,224,1);
box-shadow: 5px 5px 5px 0px rgba(224,224,224,1); }
.list-pic a{ display: inline-block!important; }

.view-more { text-align: right; padding: 0 50px;}
.view-more a{color: #000; font-weight: 300; font-size: 16px; text-decoration: underline;}
.view-more a:hover{color: #02cdd3;}

.rating-container{ position: relative; }
.rating-container span{ display: inline-block; }
.rating-container:hover .views-container{ display: block; }

#read-popup .views-container{left: 0; right: inherit; width: 100%;}

#read-popup .views-container:after, #read-popup .views-container:before {
	bottom: 100%;
	left: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#read-popup .views-container:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 8px;
	margin-left: -8px;
}
#read-popup .views-container:before {
	border-color: rgba(208, 208, 208, 0);
	border-bottom-color: #d0d0d0;
	border-width: 9px;
	margin-left: -9px;
}




.views-container{ display: none; position: absolute; left: 0; right:0; width: 100%; margin: 0 auto; bottom: -35px; background: #fff; border: 1px solid #d0d0d0; padding: 3px 10px; font-size: 13px; color: #565656; box-shadow: 0px 3px 3px -1px #D1D1D1; }
.views-container:after, .views-container:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.views-container:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 8px;
	margin-left: -8px;
}
.views-container:before {
	border-color: rgba(208, 208, 208, 0);
	border-bottom-color: #d0d0d0;
	border-width: 9px;
	margin-left: -9px;
}

#popular-container{padding: 50px 0 50px 0px; text-align: center;width: 100%;}
#popular-container .owl-carousel{ padding: 0 62px 10px 62px;}

.car-left{ float: left; width: 65%; }
.car-right{ float: right; width: 32.5%;}

#popular-container .owl-theme .owl-nav{ margin: 0; }
#popular-container .owl-prev, #popular-container .owl-next{position: absolute; top: 38%; width: 17px; height: 34px; padding:0; margin:0; text-indent: -99em; transition: all 0.0s ease; overflow: hidden;}
#popular-container .owl-prev{left:0; background: url(../img/prev-icon.png) no-repeat 0 0px; }
#popular-container .owl-next{ right: 0; background: url(../img/next-icon.png) no-repeat 0 0px;}
#popular-container .owl-prev:hover, #popular-container .owl-next:hover{}
.owl-theme .owl-nav .disabled{opacity:0!important;}
#popular-container .list-pic{ /*padding:10px;  margin-bottom: 7px; */}
#popular-container .list-bottomMar{ margin-bottom:27px;}
#popular-container .view-more{ padding: 0 75px; }

#editor-container ul{ margin-bottom: 25px; }
#editor-container ul li{ width: 33%; }
#editor-container .view-more{ padding: 0 45px; }

.horror-container{ background: #000;}
.horror-container h2{color: #fff;}
.horror-container h3 a{color: #fff;}
.horror-container p a{color: #fff;}
.horror-container .item:hover h3 a{color: #02cdd3;}
.horror-container .item:hover p a{color: #02cdd3;}
.horror-container .view-more a{color: #fff;}
.horror-container .view-more a:hover{color: #02cdd3;}
.horror-container img{ box-shadow: none;}

.children-container{ background: #f2f2f2;}

.nofixed{position: absolute!important;}

.readerSignUp-banner{ max-height: 470px; min-height: 470px; background:#eae8e6 url(../img/reader-signup-banner.jpg) no-repeat 0 0px; background-size:cover;float:left;width:100%;}
.readerSignUp-banner-content { margin:64px 0 0 0px; text-align: center;}
.readerSignUp-banner-content h2{ font-family: 'Humanist777BT-BlackCondensedB'; font-size:45px; color: #000; text-transform: uppercase; margin: 0 0 10px 0px; }
.readerSignUp-banner-content p{ font-size: 22px; line-height: 25px; color: #000; margin: 0 0 25px 0px; }
.readerP{ margin-bottom: 10px!important; font-size: 16px!important; text-transform: uppercase; }
.readerSignUp-banner-content h3{ font-size: 27px; line-height: 36px; color: #000; margin: 0 0 25px 0px; }
.readerSignUp-banner-content h3 strong{ font-weight: 700;}
.readerSignUp-banner-content h4{ font-size: 17px; color: #000; margin: 0 0 20px 0px; }
.readerSignUp-banner-content h4 strong{ font-weight: 700; text-decoration: line-through;}
.readerSignUp-banner-content h5{ font-size: 19px; font-weight: 600; color: #000;}
#readerSignUp-banner .button-join{ margin-bottom: 25px; }

.membership-container{ padding: 80px 0 40px 0px;float:left;width:100%; }
/*#membership-container{ padding: 80px 0px; }*/
.membership-list{ width: 264px; height: 264px; padding: 75px 0 0 0px; margin: 30px auto 0 auto; background: #f9f9f9; border: 1px solid #f9f9f9; border-radius:50%; text-align: center; position: relative; }
.membership-container h2{text-align: center; }
.benefits-row{ padding: 0 50px; margin-bottom: 60px; }
.membership-container h3{ font-size: 19px; font-weight: 600; color: #111; }
.membership-container p{ padding: 0 10px; font-size: 15px; line-height: 22px; color: #626262;}
.circle-pic-container{ position: absolute; left: calc(50% - 42px); top: calc(0px - 24px); width: 84px; height: 84px; line-height: 78px; text-align: center; background: #063352; border-radius: 50%; }
.circle-pic-container img{ display: inline-block; max-width: 100%; }

.membership-list:hover .circle-pic-container{ background: #3ad9eb; }
.item:hover .membership-list{ background: #fff; border: 1px solid #69d7e4;}

#membership-container .owl-theme .owl-nav{ margin: 0; }
#membership-container .owl-prev, #membership-container .owl-next{position: absolute; 
	top: calc(50% - 24px); width:48px; height:48px; line-height: 33px; text-align: center; font-size: 74px; font-weight: normal; color: #e6e6e6; background: #fff;  border-radius: 50%; padding:0; margin:0; overflow: hidden;}
#membership-container .owl-prev{ left:-50px; }
#membership-container .owl-next{ right:-50px; }
#membership-container .owl-prev:hover, #membership-container .owl-next:hover{ background: #fff; color:#02cdd3;}

.readysay-container{ padding: 80px 0px 60px 0px; background: #053351 url(../img/testimonial-bg.jpg) no-repeat 0 0px; background-size: cover; text-align: center;float:left;width:100%;}
.readysay-container h2{ margin-bottom:25px; color: #fff; text-align: center;}
.readysay-container p{ font-size: 17px; line-height: 24px; color: #fff; padding:0 18%; margin-bottom:20px;padding-top: 30px;}
.readysay-container h3{ font-size: 21px; color: #fff; font-style: italic;}
.readysay-pic{ margin:10px auto 40px auto; width: 158px; height: 158px; border-radius:50%;display:none;}
.readysay-pic img{ display: inline-block; width: 100%; height: 100%; border: 5px solid #fff; border-radius:50%;
-webkit-box-shadow: 0px 8px 0px 0px rgba(2,19,30,1);
-moz-box-shadow: 0px 8px 0px 0px rgba(2,19,30,1);
box-shadow: 0px 8px 0px 0px rgba(2,19,30,1);
}
.readysay-container .owl-carousel{padding-bottom:45px;}
#readysay-container .owl-theme .owl-nav{ margin: 0; }
#readysay-container .owl-prev, #readysay-container .owl-next{position: absolute; top: 22%; width: 47px; height: 47px; line-height: 47px; text-align: center; color: #fff; background: #03233c; border-radius: 50%; padding:0; margin:0; overflow: hidden;}
#readysay-container .owl-prev{left:35%;top:150px;}
#readysay-container .owl-next{right: 35%;top:150px;}
#readysay-container .owl-prev:hover, #readysay-container .owl-next:hover{ background:#02cdd3;}

.JoinNow-container{ padding: 80px 0 40px 0px; text-align: center;     float: left;
    width: 100%;}
.JoinNow-container h2{ margin-bottom:25px;}
.JoinNow-container p{ font-size: 17px; line-height: 26px; color: #626262; margin-bottom:30px; padding: 0 8%;}

.JoinNow-container-button{ text-align:right; margin-top:20px; }
.JoinNow-container-button a{ display: inline-block; text-align:right; color: #000; font-size:16px; font-weight: 300; text-decoration: underline;}
.JoinNow-container-button a:hover{ text-decoration: none;}


.athorSignUp-banner{ max-height: 484px; min-height: 484px; background:#eae8e6 url(../img/author-banner.jpg) no-repeat 0 0px; background-size: cover;float:left;width:100%;}
.athorSignUp-banner-content { margin:125px 0 0 0px; text-align: center;}
.athorSignUp-banner-content h2{ font-family: 'AvenirNextLTPro-Regular'; font-size:36px; line-height: 45px; color: #fff; text-transform: none; margin: 0 0 22px 0px; }
#athorSignUp-banner .yellow-button-join { margin-bottom: 25px;}
.athorSignUp-banner-content h5{ font-size: 19px; font-weight: 600; color: #fff; line-height: 32px;}

.about-banner{ max-height: 484px; min-height: 484px; background:#eae8e6 url(../img/about-banner.jpg) no-repeat center 0px; background-size:cover;float:left;width:100%;}
.about-banner-content { margin:170px 0 0 0px;}
.about-banner-content h2{ font-family: 'Merriweather Sans', sans-serif; font-size:46px; line-height: 50px; font-weight: 800; color: #fff; text-transform: none; margin: 0 0 22px 0px; }
#about-banner .yellow-button-join { margin-bottom: 25px;}
.about-banner-content h5{ font-size: 19px; font-weight: 600; color: #fff; line-height: 32px; margin-bottom: 30px;}

.about-container{ background: #fdfdfd; padding: 30px 0 30px 0px; margin-top:20px; }
.about-container h2{ margin-bottom:25px;}
.about-container p{ font-size: 17px; line-height: 26px; color: #626262; margin-bottom:10px;}
.about-container p a{ color: #626262; text-decoration: underline;}
.about-container p a:hover{ color: #626262; text-decoration: underline;}
.about-container h3 {font-family: 'open sans', sans-serif;font-size: 21px;
line-height: 26px;color: #333;margin-bottom: 15px;padding: 0;text-align: left;
font-weight: 600;}
.about-container ul {padding: 0 20px; margin-bottom: 30px;}
.about-container ul li {font-family: 'open sans', sans-serif;list-style-type: disc;font-size: 17px;line-height: 26px;color: #626262;margin-bottom: 10px;
text-align: left;}
.about-button {}
.about-button a{ display: inline-block; padding: 10px 30px; }

.work-container{ text-align: center; padding: 75px 0px;float:left;width:100%; }
.horizental-bar{ position: absolute; left:200px; top: 55px; width:65%; height: 1px; background: #e2e2e2; }
.work-container ul{ position: relative; }
.work-container ul li{ display: inline-block; vertical-align: top; width: 32.5%;}
.chaf{font-size: 40px;margin-bottom: 50px;color: black;text-transform: uppercase;}
.work-container h2{ font-size: 19px; font-weight: 600; color: #111;margin-bottom: 10px;text-transform: none;}
.work-container p{ font-size: 17px; line-height: 26px; color: #626262; padding: 0 16%;}
.workPic-container { margin: 5px auto 20px auto; width: 100px; height: 100px; line-height: 100px; background: #fff; text-align: center; border: 1px solid #c8c8c8; border-radius: 50%; position: relative;  position: relative;}
.work-container ul li span{position: absolute; left: calc(50% - 24px); top: calc(50% - 27px); width: 48px; height: 45px; overflow: hidden; }

.workBg1{ background: url(../img/write-story-icon.png) no-repeat center top; }
.workBg2{ background: url(../img/submit-icon.png) no-repeat center top; }
.workBg3{ background: url(../img/earn-icon.png) no-repeat center top; }

.work-container ul li:hover .workPic-container{ border: 1px solid #ace6ed; }
.work-container ul li:hover span{ background-position: center bottom;}

.trust-container {text-align: center; padding: 75px 0 75px 0px; background: url(../img/trust-bg.jpg) no-repeat 0 0px; background-size: cover;float:left;width:100%;}
.trust-container h2{color: #fff; margin-bottom: 40px;}
.trust-container p{font-size: 17px; line-height: 29px; color: #fff; margin-bottom:10px; padding: 0 8%;text-align: left;}
.trust-container p a{color: #fff;  text-decoration: underline;}
.trust-container p strong{ font-weight: bold; }
.trust-container h3{font-size: 24px; line-height: 26px; font-weight: 600; color: #fff; margin-bottom:30px;}
.trust-button{ text-align:right; margin-top:20px; }
.trust-button a{ display: inline-block; text-align:right; color: #fff; font-size:16px; font-weight: 300; text-decoration: underline;}
.trust-button a:hover{ text-decoration: none;}


.aboutBottom-container {text-align: center; padding: 150px 0 150px 0px; background: url(../img/aboutbottom-banner.jpg) no-repeat 0 0px; background-size: cover;}
.aboutBottom-container h3{font-family: 'Merriweather Sans', sans-serif; font-size: 38px; line-height: 54px; font-weight: 700; color: #fff; margin-bottom:15px;}
.aboutBottom-container p{font-size: 19px; letter-spacing: 0.3px; line-height: 26px; color: #fff; word-break: break-all; margin-bottom:30px; padding: 0 15%;}
.aboutBottom-container p strong{ font-weight: bold; }
.aboutBottom-container p a{ color:#fff; font-weight: bold; }
.aboutBottom-container p a:hover{ color:#00bff6;}
.aboutBottom-container p span{ border-bottom: 2px solid #00bff6; }




.trust img{width: auto; height: 275px;}
.authorBenefits-container{ background: #012e51; text-align: center; padding: 70px 0px;float:left;width:100%;}
.authorBenefits-container h2{color: #fff;}
.authorBenefits-container ul{}
.authorBenefits-container ul li{ display: inline-block; width: 20%; min-height: 125px; vertical-align: top; border-right: 1px solid #1a4362; margin-bottom: 35px;padding: 0px 10px 0px 10px;}
.authorBenefits-container ul li h3{color: white;font-size: 19px;}
.authorBenefits-container ul li:nth-child(4){ border-right: none;}
.authorBenefits-container ul li:last-child{ border-right: none;}
.authorBenefits-container ul li p{font-size: 15px; line-height: 24px; font-weight: 24px; color: #a1a0a0; margin:20PX 0 0 0px; padding: 0 0%;}


.submi{position: absolute;padding: 1% 7% 0% 0%;}
.faq-container{ background: #f8f8f8; padding: 65px 0px; text-align: center;float:left;width:100%;}
.faqwidht{width: 1132px; margin: 0 auto;}
.faq-container h2{}
.faq-container ul{  text-align: left; margin-bottom: 100px; }
.faq-container ul li{ border-bottom:1px solid #e1e1e1; }
.faq-container ul li h3{ padding: 20px 35px 20px 0px;  font-weight: 600; font-size: 17px; color: #3e3e3e; cursor: pointer; background: url(../img/accordian-icon.png) no-repeat right 20px; }
.faq-container ul li h3:hover{ color: #48d4e4; }
.accordian-active{ background-position: right -55px!important; }
.faq-container ul li p{ display: none; font-size: 17px; line-height: 26px; color: #626262; }

#popular-mobile-container{ display: none; }

footer{ position:relative; z-index:100; }
footer .col-sm-2{padding-left:4%;}
footer h2{ margin-bottom: 20px; color: #fff; font-weight: 600; font-size: 17px; text-transform: uppercase; }
.footer-top{ background: #191919; padding: 50px 0px; }

.footer-category{ float: left; width: 55%; background: url(../img/footer-border.jpg) repeat-y right 0 }
.footer-category ul{}
.footer-category ul li{ display: inline-block; width: 32%; font-size: 14px; color:#fff; line-height: 26px; }
.footer-category ul li a{ color:#fff; }
.footer-category ul li a:hover{ color:#02cdd3; padding:0 0 0 3px;}

.footer-stories{ float: left; width: 25%; padding-left: 4%; background: url(../img/footer-border.jpg) repeat-y right 0}
.footer-stories ul{}
.footer-stories ul li{ display: inline-block; width:100%; padding: 0 0 0 20px; font-size: 14px; line-height: 26px;color:#fff; background: url(../img/footer-bullet.png) no-repeat 0 8px; }
.footer-stories ul li a{ color:#fff; }
.footer-stories ul li a:hover{ color:#02cdd3; padding:0 0 0 3px;}

.footer-sm-row{float: left; width: 20%; padding-left: 4%;}
.footer-sm-row ul{}
.footer-sm-row ul li{ display: inline-block; padding:0px 8px;}
.footer-sm-row ul li a{ display: block; font-size: 20px; color: #fff;}


.footer-bottom{ padding: 10px 0px; background: #000; text-align: center; font-size: 15px; color:#fff; }

.fixed-category{ display: none; position: fixed; left: 0; bottom: 0px; width: 100%; background: #000; text-align: center;; padding: 10px 10px; color: #fff; text-transform: uppercase; font-size:16px;  z-index: 100; cursor: pointer; }
.static{ position: static!important; }

#pop-category-container{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 200; }

.profile-button { display: inline-block; margin-right: 15px; }
.profile-button a { display: block; width: 134px; padding:11px 10px; background: #f8f8f8; border: 1px solid #02cdd3; font-family: 'Roboto', sans-serif; color: #000; font-size: 15px; text-align: center; font-weight:300;cursor: pointer;}
.profile-button a:hover { background:#02b6bb;}

.response-list{  }
.response-date{ position: absolute; right: 50px; top:30px; color: #b2b2b2; font-size: 12px;}
.response-list ul li{ padding: 25px 30px; margin-bottom: 30px; border: 1px solid #ebebeb; position: relative;
-webkit-box-shadow: 1px 2px 1px 0px rgba(199,199,199,1);
-moz-box-shadow: 1px 2px 1px 0px rgba(199,199,199,1);
box-shadow: 1px 2px 1px 0px rgba(199,199,199,1);
}

.response-profile{ margin: 0 0 45px 0px; }
.response-profile-left{ float: left; padding: 0 100px 0 0px; }
.response-pic{ float: left; width: 61px; height: 61px; margin-right: 25px; line-height: 61px; text-align: center; border-radius:50%; }
.response-pic img{ width:100%; height:100%; border-radius:50%; }
.response-name{ display: inline-block; font-size: 15px; color: #626262; margin:10px 0 3px 0px; }
.response-age{ display: block; font-size: 13px; color: #9b9b9b; }

.response-profile-right{ float: left; border-left: 1px solid #ebebeb; padding: 0 0 0 60px; }
.response-bookName{ font-size: 20px; color: #727272; font-weight: 600; }
.response-bookName span{ font-size: 13px; color: #9b9b9b; font-weight: 400; }
.response-bookCategory{ font-size: 13px; color: #9b9b9b; margin-bottom: 10px; }
.response-view{ float: left; padding: 0 10px; border-right: 1px solid #b9b9b9;}
.response-star{ float: left; padding: 0 10px 0 0; border-right: 1px solid #b9b9b9; }
.response-forward{ float: left; padding: 0 0 0 10px; }

.fill-star{ color: #00c5cc; }
.unill-star{ color: #d3d3d3; }

.response-text{ background: #f7f7f7; padding: 25px 20px; text-align: left; position: relative; }
.response-text:after {
	bottom: 100%;
	left:3%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(247, 247, 247, 0);
	border-bottom-color: #f7f7f7;
	border-width: 13px;
	margin-left: -13px;
}
.response-text p{ color: #626262; margin: 0; }
.facebook-counter{ margin-top: 5px; text-align: right; color: #acacac; font-size: 12px; }
.facebook-counter i{ font-size: 15px; }


.profile-tab{ width: 100%; margin-bottom: 30px; }
#Latest .profile-bookList{}
#Latest .profile-bookList ul{}
#Latest .profile-bookList ul li{ display: inline-block; width:16.4%; padding: 0; margin: 0 2%; vertical-align: top; }
#Latest .profile-bookList ul li:first-child{margin-left:0px;}
#Latest .profile-bookList ul li:last-child{margin-right:0px;}

#Featured .featured-bookList{}
#Featured .featured-bookList ul{}
#Featured .featured-bookList ul li{ display: inline-block; width:30.3%; padding: 0; margin: 0 2%; vertical-align: top; }
#Featured .featured-bookList ul li:first-child{margin-left:0px;}
#Featured .featured-bookList ul li:nth-child(3){margin-right:0px;}
#Featured .featured-bookList ul li:last-child{display: none;}


.categoryBanner{ width: 100%; position: relative; background-size:cover!important;float:left;width:100%;}
#categoryBanner .col-sm-12{ height: 249px; position: }
.categoryBanner-content { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding:0 15px;
display: -webkit-box; display: -ms-flexbox; display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column; flex-direction: column; flex-direction: column; flex-direction: column;
-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}

.categoryBanner-content h2{ display: inline-block; position: relative; margin:0px; line-height: 0; }
.categoryBanner-content h2 span{ font-family: 'Humanist777BT-RomanB'; font-size:40px; color: #fff; line-height:normal;}
.categoryBanner-content i{ position: relative; top: 0px; padding:0 12px; color: #00e8f0; font-size: 15px; cursor: pointer; transform: rotate(90deg); right: -4px;}
.categoryBanner-content i:hover{ color: #fff;}
.categoryBanner-content p{ width: 50%; font-size:16px; line-height:21px; color: #fff; margin: 0 0 20px 0px; }
.banner-content p span{ display: block; }

.button-follow {}
.button-follow a { display: inline-block; width: 135px; padding:10px 10px; background: none; border:1px solid #02b0b7; font-family: 'Roboto', sans-serif; color: #fff; font-size: 16px; text-align: center;border-radius:6px;}
.button-follow a:hover { background:#02b0b7;}
.button-follow a.active { background:#02b0b7;}

.categoryTab-container{ padding: 0 95px; }

#catagory-container.bookList-container{ background: #fff; padding:0px; }
#catagory-container h2{ text-align: left;  color: #000; font-size:24px; padding: 0 43px; margin-bottom: 15px;}
#catagory-container .view-more{ padding: 0 10px; }
#categoryTab-container .tab-content{ padding-bottom: 20px; min-height: auto; }
.profrad{float:left;width:100%;}
.contact-container {
    float: left;
    width: 100%;
}



/*owner profile richa*/

.jagrit-profile{
	background: #f8f8f8;padding: 70px 0px;border-bottom: 2px solid #F3F3F3;
	float:left;width:100%;
}
.jagrit-profile .container,.story-tab .container{
	max-width: 1174px;width:100%;
}
.jagrit-profile .column > img{
	float: left; width: 180px; height: 180px; border-radius: 50%;
}
.jagrit-profile .column,.jagrit-profile .right{
	min-height:155px;
}
.jagrit-profile .column .img-content{padding-left:230px;}
.jagrit-profile .column .img-content a{color: #000;}
.jagrit-profile .column .img-content a:hover{color: #008f94;}
.jagrit-profile .column h2{text-transform: none;margin-bottom:10px;}
.jagrit-profile .column i{ font-size: 20px; }
.jagrit-profile .column p.loc{
	margin-bottom: 18px;
}
.jagrit-profile .column .category-of-story{margin-top: 18px;}
.jagrit-profile .column .category-of-story a{color: #000; line-height: 30px; }
.jagrit-profile .column .category-of-story a:hover{color: #008f94;}
.social{ margin-bottom: 30px; }
.jagrit-profile .right .social a{ display: inline-block; width:29px; height: 29px; margin-right: 5px; text-align: center;}
.jagrit-profile .right .social a img{ display: inline-block; width: 100%; padding: 1px; -webkit-transition:all .1s ease;-moz-transition:all .1s ease; transition:all .1s ease;}
.jagrit-profile .right .social a:hover img{ padding: 0; }
.jagrit-profile .right{	border-left:1px solid #d8d8d8;padding-left: 70px;}

p{font-size: 16px;}

/*tab*/
.story-tab{padding: 45px 0px}
/*.jagrit-profile p.social a{opacity: 0.7;}
.jagrit-profile p.social a:hover{opacity: 1;}*/
.tab-list{border-bottom: 1px solid #EAEAEA;}
.tab-list li{float: left;list-style: none;}
.tab-list li a{
	padding: 10px 15px;color:#626262;font-size: 16px;display: block;padding: 15px;position: relative;
}
.tab-list li.active a{
color:#008f94!important;
}
.tab-list li.active a:after{
	content:"";display: block;position:absolute;left:0;right: 0;bottom:-2px;height:2px;background: #008f94; 
}
.tab-content{
	/*display: none;*/ /*richa*/
}
/*.tab-content .box{
	padding-bottom: 50px;
}
.tab-content .box:last-child{
	padding-bottom: 0px;
}*/
.tab-content ul:after{
	content: "";display: block;clear:both;
}

.tab-content .box h3{
	text-transform: uppercase;font-size: 26px;font-family: 'Humanist777BT-RomanB';margin-bottom: 20px;
}
.tab-content .box h5{
font-size: 20px;padding-bottom:5px;
}
.tab-content .box{max-width:100%;}

.tab-content .box .view-more{
	float: right;margin-top: 20px;padding: 0;
	color: #292929;font-size: 16px;font-weight: 300;text-decoration: underline;
}
.tab-content .box a:hover{
	text-decoration: none;
}

.tab-content .border{display: block;}
.open{
	display: block!important;animation: fade-tab ease 0.5s ;-webkit-animation: fade-tab ease 0.5s ;
}

@keyframes fade-tab{
	0%{opacity: 0;}

	100%{opacity: 1;}
}
@-webkit-keyframes fade-tab{
	0%{opacity: 0;}

	100%{opacity: 1;}
}

.categoryPage-container{ padding: 0 0 25px 0px; float:left;width:100%;}
.categoryPage-container h2{ font-size: 26px; color: #000; text-align: center; margin:0 0 0 0px; }
.category-scroll-nav{ padding: 0 30px; margin: 0 0 40px 0px; overflow: auto; }


.inner-category-container{ background: #f5f5f5; padding:50px 0px; margin: 0px 0 0 0px; }
.inner-category-container ul{}
.inner-category-container ul li{ display: inline-block; width: 24%; text-align: center; margin:12px 0px; padding:0 0px; }
.inner-category-container ul li a{ display: inline-block; padding:5px 30px; text-align: center; color: #626262; font-size: 18px; border:1px solid #b6b6b6; border-radius:3px; background: #fff;  }
.inner-category-container ul li a:hover{ color: #02cdd3; border:1px solid #02cdd3; }

.scroll-tab{ width: 100%; overflow: auto; padding: 0 85px; margin-bottom: 40px; position: relative; }
.scroll-inner-tab{ display: inline-block; width:100%; padding: 5px 0px; }

.mixBookList-container{ padding: 0 70px; }
.mixBookList-container h2{ color: #000; font-size:24px; padding: 0 20px; margin-bottom: 20px;}

.filter-container{ position: absolute; right: 85px; top: 0px; }
.filter-container i{ color: #d7d7d7; padding: 0 3px; cursor: pointer; font-size: 18px; }
.filter-container i:hover{ color: #5a5a5a; }
.filter-container i.active{ color: #5a5a5a; }

.five-book-list{}
.five-book-list ul{ text-align: center; }
.five-book-list ul li{ display: inline-block; width:16.5%; padding:0px; margin: 0 1.5% 50px 1.5%; vertical-align: top; }

.five-book-list h3{ margin:0 0 2px 0px; }
.five-book-list h3 a{ font-size:15px; font-weight: 600; text-transform: uppercase; color: #000;}
.five-book-list p{ margin-bottom:2px; }
.five-book-list p a{font-size:14px; font-weight: 300; color: #000;}

.five-book-list ul li:hover h3 a, .five-book-list ul li:hover p a{color: #02cdd3;}

.onlyPic{ width: 30%!important }
.onlyPic2{ width: 25%!important }
.onlyPic3{ width: 46.7%!important; }

.three-book-list{ padding: 0 12px; }
.three-book-list ul{ text-align: center; }
.three-book-list ul li{ display: inline-block; width:32.5%; padding: 0 15px; vertical-align: top; }

.mix-book-list{ padding: 0 16px; }
.mix-book-list ul{ text-align: center; }
.mix-book-list ul li{ display: inline-block; width:49.3%; padding: 0 15px; vertical-align: top; }

.category-list-pic{ margin-bottom: 28px; }
.category-list-pic a{ display: inline-block!important; }
.category-list-pic img{ max-width: 100%; -webkit-box-shadow: 5px 5px 5px 0px rgba(224,224,224,1);
-moz-box-shadow: 5px 5px 5px 0px rgba(224,224,224,1);
box-shadow: 5px 5px 5px 0px rgba(224,224,224,1); }

.catecar-left{ float: left; width: 63.9%; }
.catecar-right{ float: right; width: 29.4%;}


.signup-login-container{ padding: 42px 0 20px 0px; min-height: 100%; background: url(../img/signup-login-bg.jpg) no-repeat 0 0; background-size: cover;  }

.signup-logo{ position: absolute; left: 20px; top: 16px;}
.signup-text{ position: absolute; right: 20px; top: 16px; font-size: 14px; color: #111;}
.signup-text a{ color: #111; text-decoration: underline;}
.signup-text a:hover{ text-decoration: none;}

.signup-login-container h2{ margin-bottom: 30px; line-height: 36px; font-size: 24px; color: #111; text-align: center; }

.sign-inner{ margin: 0 auto; width: 963px; }
#sign-inner .sign-left{ border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
#sign-inner .sign-right{ border-top-right-radius: 2px; border-bottom-right-radius: 2px; }

.sign-left{ background: #fff; min-height: 470px; padding: 10px 7% 10px 70px;}
.sign-left-padding{ min-height:283px!important; padding: 10px 4% 10px 4%!important;}
.signup-login-container h3{ font-size: 24px; color: #111; margin-bottom: 28px; line-height: 32px; }
.signup-login-container h4{ font-size: 17px; color: #006185; font-weight: 600; text-transform: uppercase; margin-bottom: 28px; }
.signup-login-container ul{}
.signup-login-container ul li{ padding: 0 0 0 25px; margin-bottom: 10px; font-size: 16px; line-height: 26px; color: #222; background: url(../img/check.png) no-repeat 0 3px;}

.sign-inner .sign-right{padding: 2% 7% 47px 7%;min-height: 400px;}
.sign-right{ background: #0199b2; padding: 7% 7% 25px 7%; min-height: 400px;}
.sign-right-padding{ min-height:283px!important; padding: 0 5% 0 5%!important;}
.sign-right h3{ font-size: 24px; color: #fff; margin-bottom: 28px; text-align: center; }
.sign-right legend{ margin: 0 0 9px 0px; border: none; }
.sign-right input[type='text']{ width: 100%; height: 48px; line-height: auto; padding: 10px 12px; font-size:14px;  }
.sign-right input[type='password']{ width: 100%; height: 48px!important; line-height: auto; padding: 10px 12px; font-size:14px; border: none; border-radius: 0; }
.sign-right button{ width: 100%; height: 48px; line-height: auto; padding: 0px 12px; font-size:16px; }

.bgofshad{background: white;}
#customBtn{height:48px!important;}

.yellow-continue{ background: #fdd208; color: #000;}
.yellow-continue:hover{ background: #f1c805; }

.orange-continue{ background: #ffa200; color: #000;}
.orange-continue:hover{ background: #ef9801; }

.facebook-button{ background: #234080; color: #fff; }
.facebook-button:hover{ background: #1a3061; }

.googlePlus-button{ background: #df1120; color: #fff; }
.googlePlus-button:hover{ background: #c6101d; }

.or{ position: relative; text-align: center; color: #fff; font-size: 13px; padding: 10px 0 15px 0px;}
.or span{ display: inline-block; padding: 0 15px; background: #0199b2; position: relative; z-index: 50;}
.or-hr{ position: absolute; left: 0; top: 19px; height: 1px; width: 100%; background: rgba(255,255,255,0.3);}

.remember{ margin: 0 0 9px 0px; padding: 5px 0 5px 0px; color: #fff; font-size: 13px; }
.remember a{ color: #fff; }
.forget{ text-align: right; }

.remember input[type='checkbox']{display: none;}
.remember label {display: inline-block; width: 100%; font-weight: normal!important; cursor: pointer; background: url(../img/input-check.png) no-repeat 0 6px; padding: 0 0 0 15px;}
.remember input[type='checkbox']:checked + label { background: url(../img/input-uncheck.png) no-repeat 0 6px;}

.signin-inner{ margin: 0 auto; width: 455px; }
#signin-inner section{ border-radius: 2px;  }

.shadow-box{ background: #ff0000;
-webkit-box-shadow: 0px 3px 5px 0px rgba(219,219,219,1);
-moz-box-shadow: 0px 3px 5px 0px rgba(219,219,219,1);
box-shadow: 0px 3px 5px 0px rgba(219,219,219,1);
}

.subscribe-checkbox{ margin: 100px 0 30px 0px; }
.subscribe-checkbox input[type='checkbox']{display: none;}
.subscribe-checkbox label {display: inline-block; width: 100%; font-size:17px; font-weight: 600!important; color: #fff; cursor: pointer; background: url(../img/subscribe-check.png) no-repeat 0 9px; padding: 0 0 0 10px;}
.subscribe-checkbox input[type='checkbox']:checked + label { background: url(../img/subscribe-uncheck.png) no-repeat 0 9px;}

.subscribe-continue{ width: auto!important; padding: 0 35px!important; background: #ffa200!important; color: #000;}
.subscribe-continue:hover{ background: #df8f03!important; }

.dashboard-stepOne-wrapper{ margin: 0 auto; width: 825px; }
.dashboard-stepOne-inner{ background: #fff; padding: 40px 40px 25px 40px; border-radius: 3px;
-webkit-box-shadow: 0px 3px 5px 0px rgba(219,219,219,1);
-moz-box-shadow: 0px 3px 5px 0px rgba(219,219,219,1);
box-shadow: 0px 3px 5px 0px rgba(219,219,219,1);
}
#dashboard-stepOne legend{ border: none; margin:0 0 15px 0; }
#dashboard-stepOne .col-sm-6{ padding-left: 5px; padding-right: 5px; }
#dashboard-stepOne .col-sm-12{ padding-left: 5px; padding-right: 5px; }
#dashboard-stepOne input[type='text']{ width: 100%; height: 45px; line-height: auto; padding: 0 15px; border: 1px solid #f3f2f2; font-size: 14px; }
#dashboard-stepOne input[type='text']:focus{ border: 1px solid #d5d5d5; }
#dashboard-stepOne select{ width: 100%; height: 45px; line-height: auto; padding: 0 15px; border: 1px solid #f3f2f2; font-size: 14px; color: #929292;

background-image: url('../img/location-arrow.png');background-position: 96% 50%;background-repeat: no-repeat;
    appearance:none;
    -webkit-appearance:none
    ;-moz-appearance:none;

}
#dashboard-stepOne select:focus{ border: 1px solid #d5d5d5; }

#dashboard-stepOne textarea{ width: 100%; height: 93px; line-height: auto; padding: 10px 15px; border: 1px solid #f3f2f2; font-size: 14px; }
#dashboard-stepOne textarea:focus{ border: 1px solid #d5d5d5; }
#dashboard-stepOne .button-row{ margin-top: 30px; }

.dashboard-stepOne-inner button{height: 45px; color: #000;}


.yellow-fill{ padding: 0px 35px; background: #fdd208; font-size:16px;}
.yellow-fill:hover{background: #f1c805;}

.orange-fill{ padding: 0px 35px; background: #ffa200; font-size:16px;}
.orange-fill:hover{background: #ef9801;}
 
.yellow-un-fill{ padding: 0px 10px; background: #fff; font-size: 13px; text-decoration: underline;}
.yellow-un-fill:hover{background: #fff;}

.skip-button{ padding: 0px 10px; background: #fff; font-size: 13px; text-decoration: underline; color: #000;}
.skip-button:hover{ text-decoration: none;}


.dashboard-stepSec-wrapper{ margin: 0 auto; width: 730px; }
.dashboard-stepSec-inner{ background: #019ab2; padding:30px 5% 50px 5%; border-radius: 3px;
-webkit-box-shadow: 0px 3px 5px 0px rgba(219,219,219,1);
-moz-box-shadow: 0px 3px 5px 0px rgba(219,219,219,1);
box-shadow: 0px 3px 5px 0px rgba(219,219,219,1);}
#dashboard-stepSec .dashboard-stepSec-inner ul{ margin-bottom: 40px; }
#dashboard-stepSec .dashboard-stepSec-inner ul li{ display: inline-block; width: 22.9%; margin: 0 5%; padding: 0px; background: none; cursor: pointer; }
#dashboard-stepSec .dashboard-stepSec-inner ul li label{ display: inline-block; width:100%; padding: 20px 0 2px 0; margin: 0; font-size: 14px; text-transform: uppercase; color: #fff; text-align: center;  border-bottom: 1px solid rgba(255,255,255,0.1);}
#dashboard-stepSec .dashboard-stepSec-inner ul li input[type='checkbox']{ display:none; }
#dashboard-stepSec .dashboard-stepSec-inner ul li label:hover{ border-bottom: 1px solid rgba(253,210,8,1); }
#dashboard-stepSec .dashboard-stepSec-inner ul li label.select{ border-bottom: 1px solid rgba(253,210,8,1); }

.dashboard-stepSec-inner button{ width: 100%; height: 45px; line-height: auto; padding: 0px 12px; font-size:16px; background: #fdd208; color: #000;}

.dashboard-stepSec-inner button:hover{ background: #f1c805; }

#myBook .modal-dialog{margin-top:100px; }
#myBook .modal-header{ border: none; padding:5px 0; }
#myBook .close{ position: absolute; right: -12px; top: -12px; width: 30px; height: 30px; background: #fff; opacity: 1; border-radius: 50%; }
#myBook .modal-footer{ border: none; padding: 5px 0; }

.modelBook-sty{ margin: 0 0 30px 0px; }
.modelPic{ text-align: center; }
.modelPic img{ max-width: 100%;
-webkit-box-shadow: 5px 5px 5px 0px rgba(224,224,224,1);
-moz-box-shadow: 5px 5px 5px 0px rgba(224,224,224,1);
box-shadow: 5px 5px 5px 0px rgba(224,224,224,1);
}
.modelBook-sty h3{ font-family: 'Humanist777BT-RomanB'; font-size: 21px; color: #111; text-transform: uppercase; margin:0 0 5px 0px;}
.model-date{ font-size: 13px; color: #727272; }
.model-rating {}
.model-rating p{ float: left; width: 100%; padding: 0 10px 0 0px; margin-bottom:5px; }
.model-rating p a{ color: #333; }
.model-rating div{ float: left; width:85%!important; }

.model-date{ margin:10px 0 30px 0px; }

.model-button{}
.read-button { display: inline-block; }
.read-button a { display: block; padding:8px 30px; background: #02cdd3; font-family: 'Roboto', sans-serif; color: #000; font-size: 14px; text-align: center;}
.read-button a:hover { background:#02b6bb;}

.readList-button { display: inline-block; padding: 0 10px; }
.readList-button a { display: block; color: #727272; font-size: 12px; text-align: center; text-decoration: underline;}
.readList-button a:hover { text-decoration: none; }

.modelBook-description{ font-size: 14px; color: #333; }

.thankyou-wrapper{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin:auto; width: 825px; max-height: 300px;}
.thankyou-inner{ text-align: center; }
.thankyou-inner p{ margin: 0 0 30px 0px; font-size: 19px; color: #000; }
.thankyou-inner p a{ color:#000; text-decoration: underline; }
.thankyou-inner p a:hover{text-decoration: none; }

#reader-dashboard{ background: #f8f8f8; padding: 0px 0px 0px 0px; }
#reader-dashboard .bookList-container{padding: 0px 0px; }
#reader-dashboard .bookList-container h2{margin: 0 0 28px 0px; padding: 0 28px; font-size: 29px; text-align: center;}
#reader-dashboard .owl-theme .owl-nav{ margin: 0; }
#reader-dashboard .owl-prev, #reader-dashboard .owl-next{position: absolute; top: 29%; width: 17px; height: 34px; padding:0; margin:0; text-indent: -99em; transition: all 0.0s ease; overflow: hidden;}
#reader-dashboard .owl-prev{left:0; background: url(../img/prev-icon.png) no-repeat 0 0px; }
#reader-dashboard .owl-next{ right: 0; background: url(../img/next-icon.png) no-repeat 0 0px;}
#reader-dashboard .owl-prev:hover, #reader-dashboard .owl-next:hover{}
#reader-dashboard .view-more{ margin:30px 0 0 0px; padding: 0 42px; }
.seprator{ margin:40px 0 0 0px; border-bottom: 1px solid #e7e7e7;}

.myStory-container{ background: #f8f8f8; padding: 50px 0px; position: relative; float:left;width:100%;}
.myStory-container h2{ margin:0 0 25px 0px; font-size: 26px; text-transform: none;}
.myStoryTab-container{ background: #fff; padding:10px 30px 25px 30px; position: relative; }

.newStory-button{ position: absolute; right:50px; top: -60px; }
.newStory-button a{ display: block; padding: 10px 20px; color: #010101; font-size: 15px; background: #00c5cc; }
.newStory-button a:hover{ background: #00b6bc; }

/*-- start tab --*/
.common-tab{margin-bottom: 30px; border-bottom: 1px solid #EAEAEA; }
.common-tab ul{}
.common-tab li{float: left;}
.common-tab li a{padding: 10px 15px; color:#626262; font-size: 16px; display: block; padding: 15px; position: relative;}
.common-tab li.active a{color:#008f94;}
.common-tab li.active a:after{content:"";display: block;position:absolute;left:0;right: 0;bottom:-2px;height:2px;background: #008f94;}

.tab-content{}
.myStory-bookList ul li{ display: inline-block; width: 100%; padding: 25px 0px;  position: relative;border-bottom: 1px solid #f2f2f2;}
.myStory-bookList ul li:last-child{  border-bottom: none; }
.myStory-bookList h3{ font-family: 'Humanist777BT-RomanB'; font-size: 21px; margin-top: 0; }
.myStory-bookList h3 span{ font-family: open sans; font-size: 14px; color: #00c5cc; }
.myStory-bookList p{ font-size: 14px; color: #727272; }

.myStory-bookCategory{font-size: 13px; color: #9b9b9b; margin-bottom: 10px;}
.myStory-bookCategory a{color: #9b9b9b;}
.myStory-left{ float: left; width:120px; margin: 0 20px 0 0px; }
.myStory-pic{ width: 120px; height: 120px; }
.myStory-pic img{ max-width: 100%; }
.myStory-right{ float: left;}
.myStory-star{float: left; padding:0 10px 0 0; border-right: 1px solid #b9b9b9;}
.myStory-view{float: left; padding: 0 10px; border-right: 1px solid #b9b9b9;}
.myStory-view a{ text-decoration: underline; }
.myStory-view a:hover{ color: #00c5cc; }
.myStory-comment{float: left; padding: 0 10px; border-right: 1px solid #b9b9b9;}
#all-stories .myStory-comment{ padding: 0 10px 0 0px; }
#published .col-sm-4, #all-stories .col-sm-4{ padding: 0 28px 0 0px; text-align: right; }
.myStory-share{float: left; padding: 0 10px;}

.storyPage-comment{float: left; padding: 0 10px;}

.graph-container{ display:inline-block; border:1px solid #e7e7e7; padding:5px 17px; color: #7e7e7e; font-size: 20px; margin: 0 2px; margin-bottom: 20px; position: relative; cursor: pointer;}
.graph-container:hover{ background:#e7e7e7; }
/*.graph-container a{ display:inline-block; border:1px solid #e7e7e7; padding:5px 17px; color: #7e7e7e; font-size: 20px; margin: 0 2px;}
.graph-container a:hover{ background:#e7e7e7; }*/

.continueWriting-container{text-align: right;}
.continueWriting-container a{ display:inline-block; border:none; padding:10px 50px; color: #000; font-size: 16px;}
.continueWriting-container a:hover{ background:#00c5cc; }
.continueWriting-container i{ padding: 0 5px; transform: rotate(-90deg); }

.submitStory-header{ position: fixed; width: 100%; padding: 5px 0px; background: #fff; border-bottom: 2px solid #f1f1f1; z-index: 100; max-height:79px;}
.submitStory-header-left { position: relative; padding: 0 50px; }
a.backArrow{ position: absolute; left:25px; top: 16px; }
a.backArrow i{ color: #939393; font-size: 18px; }
a.backArrow i:hover{ color: #02cdd3; }
.submitStory-header-left img{ float: left; margin: 4px 10px 0 0px; border-radius:50%;}
.submitStory-header-left h2{ font-size: 21px; color: #191919; margin: 10px 0 5px 0px; text-transform: none;}
.submitStory-header-left h2 span{ font-size: 13px; color: #787878;}
.submitStory-header-left p{ font-size: 13px; color: #787878;}

.submitStory-header-right{ text-align: right; margin-top: 5px; }
.editProfile-header-right{ text-align: right; margin-top: 5px; }
.submitStory-saveButton{ display:inline-block; font-size:16px; color: #000; padding: 10px 35px; margin: 0 6px; cursor: pointer; }
.submitStory-saveButton:hover{ color: #000; }
.submitStory-saveButton em{display: none; }

.submitStory-header-right select{ display:inline-block; font-size:16px; color: #000; padding: 8px 38px; margin: 0 6px; cursor: pointer; border:1px solid #20ccd2; background-image: url('../img/location-arrow.png');background-position: 88% 50%;background-repeat: no-repeat;
    appearance:none;
    -webkit-appearance:none
    ;-moz-appearance:none;}
#remove { display:inline-block; font-size:13px; color: #000; padding: 5px 10px; cursor: pointer; border:1px solid #ddd; background: #fff; }
.submitStory-publish{ color: #089ca1; padding: 0px; }
.submitStory-publish i{ font-size: 11px; transform: rotate(90deg);  }
.submitStory-fill{ background: #20ccd2; }
.submitStory-fill-red{ background: #f35c5c; }
.submitStory-fill-yellow{ background: #fdd208; }
.submitStory-fill:hover{background: #19bec4;} 
.submitStory-unfill{ border:1px solid #20ccd2; }
.submitStory-unfill:hover{background: #19bec4;}

.submitStory-container{ background: #f5f5f5; padding:90px 0 70px 0px;font-family: 'Humanist777BT-RomanB';}
.submitStory-innerWrapper{ position: relative; }
.soicalMenu-container{ position: absolute; right: 0; top: -50px; }
.soicalMenu-container a{ display: inline-block; color: #484848; font-size:18px;  border-right: 1px solid #dadada; padding: 0 15px;}
.soicalMenu-container a:hover{ color: #02cdd3; }
.soicalMenu-container a:last-child{ border-right:none;}
.submitStory-left legend{ margin-bottom: 15px; }
.submitStory-left legend img{ max-width: 100%; }
.submitStory-left input[type='text']{ width: 100%; padding: 0 10px; height: 47px; line-height: auto; border: 1px solid #ececec; font-size: 15px; }
.submitStory-left textarea{ width: 100%; padding: 10px 10px; height: 193px; border: 1px solid #ececec; font-size: 15px; resize: none;}
.submitStory-left select{ width: 100%; height: 47px; line-height: auto; padding: 0 6px; border: 1px solid #ececec; font-size: 15px;
background-image: url('../img/location-arrow.png');background-position: 96% 50%;background-repeat: no-repeat;
appearance:none;
-webkit-appearance:none
;-moz-appearance:none;
}
.nicEdit-main{ width: 100%!important; height: 857px!important; }

.storyPad{ background: #fff;min-height: 692px;padding: 10px 10px 10px 10px;border: 1px solid #ececec;}
.storyeditorTool-pad{ background: #fff; /*min-height: 850px;*/ padding:0px 0px; }
.story-editorTool-container{ padding: 10px 0px; border-bottom: 1px solid #e2e2e2 }

.tag{font-family:"Times New Roman", Times, serif; font-size: 26px; color: #000; cursor: pointer;}
.boldTag{ font-weight: bold;}
.italictag{ font-style: italic; padding: 0 5px; }

.submitStory-right textarea{ margin-top: 25px; width: 100%; height: 500px; }
#area1{ width: 100%;}

.img-upload-btn {position: relative;
    overflow: hidden;
    width: 100%;
    height: 362px;
    border: none;
    border-radius: 0px;
    background-color: #e8e8e8;} 
.img-upload-btn input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; 
min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; }

#storyPage.submitStory-header{ border-bottom: 2px solid #f1f1f1; }
#storyPage a.backArrow{ }
#storyPage .date{ font-size: 13px; color: #787878; margin-left: 55px;}
#storyPage .myStory-bookCategory{ position: fixed; right:45px; top:18px; width: 240px; z-index: 100; }
#storyPage .myStory-comment{ border: none; }

.story-container{ background: #fff; padding: 65px 0px; }
.story-left{ text-align: center; }
.story-left img{ width: 50px; height: 50px; border-radius: 50%; }
.story-left h2{font-size: 16px;
    margin: 8px 51px 13px 42px;
    color: #333;
    text-transform: none;
    text-align: center;}
.story-left-inner{ background: #fff; }
.storyFixed{     position: fixed;
    left: 58px;
    width: 15%; }

.myStory-logo{ width: 50px; height: 50px; }

.followButton{ }
.followButton a{ display:inline-block; font-size:14px; color: #000; padding: 8px 28px; margin: 0 6px; background: #fff; border: 1px solid #20ccd2; cursor: pointer;}
.followButton a:hover{ background: #20ccd2; }

.share-container{ margin: 25px 0 0 0px; }
.share-container p{ color: #9c9c9c; font-size: 15px; }
.share-container ul li{ margin: 0 0 10px 0px; }
.share-container ul li a{ display: block; color: #2f2f2f; font-size: 24px; }

.story-text{}
.story-text p{ font-size: 17px; line-height: 32px; color: #333333; }
.story-text span{ background: #79e3e6; }
.paraComment{ font-weight: normal; font-size: 12px; display: inline-block; width: 29px; height: 29px; text-align: center; line-height: 29px; border-radius: 50%; background: url(../img/comment-box.png) no-repeat 0 0; color: #fff; }

.commentList{ padding: 0 0 0 20px; }
.commentList ul{}
.commentList ul li{ margin: 0 0 25px 0px; }
.commentList ul li h5{ font-size: 13px; color: #c2c2c2; font-weight: 600; }
.commentList ul li h6{ font-size: 13px; color: #c2c2c2; }
.commentList ul li p{ font-size: 13px; color: #c2c2c2; }
.commentList ul li:hover h5{ color: #333; }
.commentList ul li:hover h6{ color: #333; }
.commentList ul li:hover p{ color: #333; }

.recomdation-container{ padding: 45px 0px; display: inline-block; width: 100%;  text-align: center; border-top: #e6d7d7 1px solid;
    border-bottom: #e6d7d7 1px solid; }
.recomdation-container h2{ font-size: 22px; margin: 0 0 20px 0px; }

.recomdation-container h3{ margin:0 0 2px 0px; }
.recomdation-container h3 a{ font-size:15px; font-weight: 600; text-transform: uppercase; color: #000;}
.recomdation-container p{ margin-bottom:2px; }
.recomdation-container p a{font-size:14px; font-weight: 300; color: #000;}

#recomdation-container .owl-carousel{ padding: 0 30px; }
#recomdation-container .owl-theme .owl-nav{ margin: 0; }
#recomdation-container .owl-prev, #recomdation-container .owl-next{position: absolute; top: 21%; width: 17px; height: 34px; padding:0; margin:0; text-indent: -99em; transition: all 0.0s ease; overflow: hidden;}
#recomdation-container .owl-prev{left:0; background: url(../img/prev-icon.png) no-repeat 0 0px; }
#recomdation-container .owl-next{ right: 0; background: url(../img/next-icon.png) no-repeat 0 0px;}
#recomdation-container .owl-prev:hover, #recomdation-container .owl-next:hover{ background-position: 0 bottom;}

/*.recomdation-container ul{ margin-bottom: 30px; }
.recomdation-container ul li{ display: inline-block; width:22.3%; text-align: center; margin: 0 1.5%; vertical-align: top; }
.recomdation-container ul li:hover h3 a, .recomdation-container ul li:hover p a{color: #02cdd3;}
.recomdation-container ul li:first-child{ margin-left: 0px; }
.recomdation-container ul li:last-child{ margin-right: 0px; }*/

.responsse-container{ padding:0px; display: inline-block; width: 100%; }
.responsse-container h2{ font-size: 22px; margin: 0 0 20px 0px; }

.comment-box{ margin: 0 0 30px 0px; }
.comment-box img{ margin: 10px 0 0 0px; }
.comment-box textarea{width: 100%; height:92px; line-height: auto; border:1px solid #f1f1f1; padding: 13px 10px; resize: none;}

.responsse-container ul{ }
.responsse-container ul li{ display:none; margin: 0 0 30px 0px; }
.responsse-container ul li:nth-child(1), .responsse-container ul li:nth-child(2){ display:block;}
.responsse-container h2{ font-size: 22px; margin: 0 0 30px 0px; }
.responsse-left{ float: left; width:50px; }
.responsse-left img{ border-radius: 50%; }
.responsse-right{ float: right; width: calc(100% - 50px);}

.commentPost-button-container{ display: inline-block; width: 100%; margin: 10px 0 0 0px; text-align: right; }
.worldCount{ display: inline-block; font-size: 13px; color: #6c6c6c; }
.commentPost-button-container button{ display: inline-block; background: #00c5cc; padding: 6px 17px;}
.commentPost-button-container button:hover{ background: #19bec4; }

.responsse-container h3{ margin:0 0 8px 0px; font-size:16px; color: #333;}
.responsse-container h3 span{float: right; display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center; color: #fff; background: #d2d2d2; border-radius: 50%; cursor: pointer; position: relative; }
.responsse-container h3 span:hover{background: #bab9b9; }
.responsse-container h4{ margin:0 0 12px 0px; font-size:11px; color: #969696;}
.responsse-container p{ margin-bottom:10px; font-size:15px; color: #626262;word-wrap: break-word;}

.vote-container{}

.upvote-container{display: inline-block; background: #f8f8f8; font-size:14px; color: #089fa4; line-height: 14px; cursor: pointer; border: 1px solid #e9e7e7; padding: 9px 12px; border-radius: 3px;}
.upvote-container:hover{ background: #e9e7e7; color: #089fa4;}

.downvote-container{ display: inline-block; font-size:14px; color: #626262; line-height: 14px; cursor: pointer; border-right: 1px solid #959595; padding: 0 10px;}
.downvote-container:hover{text-decoration: underline;}

.reply{ display: inline-block; font-size:14px; color: #626262; padding: 0 10px; cursor: pointer;}
.reply:hover{text-decoration: underline;}

.showMore{ display:inline-block; font-size:15px; color: #000; padding: 10px 25px; margin: 0 50px; background: #fff; border: 1px solid #858585; cursor: pointer;}
.showMore:hover{ background: #858585; }


.support-container{ padding: 0px 0 10px 0px; margin-top: 45px; display: inline-block; width: 100%; }

.support-container h2{ font-size: 22px; margin: 0 0 10px 0px; }
.support-container p{ margin-bottom:15px; font-size:15px; color: #626262;}
.support-star{float: left; padding:0 300px 0 0;}
.rat-star{ float: left; }
.rat-star input[type='checkbox'] {display: none;}
.rat-star label {display: inline-block; width: 100%; cursor: pointer; background: url(../img/fill-star.png) no-repeat 0 0px; padding: 10px;}
.rat-star input[type='checkbox']:checked + label { background: url(../img/unfill-star.png) no-repeat 0 0px;}
.support-reaadingList{float: left; padding:0 10px; border-right: 1px solid #b9b9b9;margin-top: 4px;}
.support-comment{float: left; padding:0 10px; margin-top: 4px;}

.supportShare-container{ display: inline-block; margin: 0px; }
.supportShare-container p{ float: left; margin: 4px 0 0 0px; padding: 0 10px; color: #9c9c9c; font-size: 13px; }

.supportShare-container ul{ float: left; }
.supportShare-container ul li{ display: inline-block; margin:0px 5px; }
.supportShare-container ul li a{ display: block; color: #2f2f2f; font-size: 20px; }

.comment-scrollBox{overflow: auto; position: relative; padding:0px; margin:0px; width:100%; max-width: 97%; height: 370px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #e8e7e7;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background: #e8e7e7;}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background: #e8e7e7;}
.mCSB_scrollTools .mCSB_draggerRail{background: #f6f6f6;}

#trueStories .owl-carousel{ padding: 0 30px; }
#trueStories .owl-stage-outer{ padding-bottom: 40px; }

.storyPadding{ margin-top: 40px; }
.story-page-header{ position: fixed; width: 100%; top:0; z-index: 100; background: #fff; }

.white-popup {margin: 0 auto; width: auto; max-width: 582px; position: relative; background: #FFF; padding: 35px 20px;}


.categoryDropDown{ display: none; position: absolute; left: 0px; top: 42px; width: 470px; padding: 15px 5px ; z-index: 50; -webkit-transition:none; -moz-transition:none; transition:none;
}
.categoryDropDown-inner{ display: inline-block; width: 100%; background: #fff; padding: 10px 10px; position: relative;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
border-radius:3px;}

.categoryDropDown ul{ }
.categoryDropDown ul li{ display: inline-block; width:31.5%; text-align: center; margin: 0; vertical-align: top; }
.categoryDropDown ul li a{ display: block; padding:10px 20px; font-size: 14px; line-height: 18px; text-align: left; color: #222; border-right: 1px solid #f1f1f1; /*text-overflow:ellipsis; overflow: hidden; white-space:nowrap;*/ }
.categoryDropDown ul li:nth-child(3) a{ border-right:none; }
.categoryDropDown ul li:nth-child(6) a{ border-right:none; }
.categoryDropDown ul li:nth-child(9) a{ border-right:none; }
.categoryDropDown ul li:nth-child(12) a{ border-right:none; }
.categoryDropDown ul li:nth-child(15) a{ border-right:none; }
.categoryDropDown ul li:nth-child(18) a{ border-right:none; }
.categoryDropDown ul li a:hover{ background: none; color: #008f94; }
.categoryDropDown-inner::after{
content: "";
position: absolute;
width: 0;
height: 0;
top: 0;
left: 50%;    
border: 6px solid black;
border-color: transparent transparent #fff #fff;    
transform-origin: 0 0;
transform: rotate(135deg);    
box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.4);
}


/* start drop down & popup category */
.category-dropDown-wrapper{display: none; position: absolute; right:calc(0px - 120px); top:37px; padding-top: 16px; width: 470px; padding: 15px 5px ; z-index: 50; -webkit-transition:none; -moz-transition:none; transition:none; }
.category-dropDown{ display: inline-block; width: 100%; background: #fff; padding: 10px 10px; position: relative;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
border-radius:3px;
}
.category-dropDown ul{ }
.category-dropDown ul li{ display: inline-block; width:32.5%; text-align: center; margin: 0; vertical-align: top; }
.category-dropDown ul li a{ display: block; padding:5px 20px; font-size: 14px; text-align: left; color: #222; font-weight: normal; text-transform: capitalize; border-right: 1px solid #f1f1f1; /*text-overflow:ellipsis; overflow: hidden;
  white-space:nowrap;*/ }
.category-dropDown ul li:nth-child(3) a{ border-right:none; }
.category-dropDown ul li:nth-child(6) a{ border-right:none; }
.category-dropDown ul li:nth-child(9) a{ border-right:none; }
.category-dropDown ul li:nth-child(12) a{ border-right:none; }
.category-dropDown ul li:nth-child(15) a{ border-right:none; }
.category-dropDown ul li:nth-child(18) a{ border-right:none; }
.category-dropDown ul li a:hover{ background: none; color: #008f94; }
.category-dropDown::after{
content: "";
position: absolute;
width: 0;
height: 0;
top: 0;
left: 65%;    
border: 6px solid black;
border-color: transparent transparent #fff #fff;    
transform-origin: 0 0;
transform: rotate(135deg);    
box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.4);
}

.category-mobile{ display: none; position: fixed; left: 0; top: 50px; width: 100%; height: 100%; padding:20px 0 10px 0px; background: #f6f6f6; z-index: 150; }
.category-mobile:after {
	bottom: 100%;
	right: 138px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(246, 246, 246, 0);
	border-bottom-color: #f6f6f6;
	border-width: 10px;
	margin-left: -10px;
}
.category-close{ display: none; position: absolute; right: 5px; top: 5px; color: #bebebe; font-weight: bold; font-size: 14px; width: 30px; height: 30px; text-align: center; line-height: 30px; z-index: 151; cursor: pointer; }
.category-close:hover{ color: #fff; background: #02cdd3; }
.category-mobile ul{ padding: 0 10px; }
.category-mobile ul li{ float: left; width:50%; text-align: center; margin:0; padding: 0 10px; }
.category-mobile ul li a{ display: block; padding:10px 0px; font-size: 14px; text-align: left; color: #222; font-weight: normal; text-transform: capitalize; border-bottom: 1px solid #dddddd; }
.category-mobile ul li a:hover{ color: #02cdd3; border-bottom:1px solid #02cdd3; }
/* end drop down & popup category */


/* start drop down & popup account */
.account-container-wrapper{ display:none; position: absolute; right: 0; top:34px; width: 175px; padding-top: 16px; z-index: 10001;
-webkit-transition:none;-moz-transition:none; transition:none;}
.account-container{ width:100%; background: #fff; padding: 0 20px 10px 20px; position: relative;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);
border-radius:3px;
}
.account-container h2{ text-align: left; margin: 0 0 0px 0px;}
.account-container h2 a{ padding: 15px 0px; border-bottom: 1px solid #ededed; font-size: 14px; color: #222; font-weight: 600; text-transform: none; }
.account-container h2 a:hover{ background: none; color: #008f94; }
.account-container ul{ }
.account-container ul li{ display: inline-block; width: 100%;  text-align: center; }
.account-container ul li a{ padding: 10px 0px; text-align: left; color: #222; }
.account-container ul li a:hover{ background: none; color: #008f94; }
.account-container::after{
content: "";
position: absolute;
width: 0;
height: 0;
top: 0;
left: 58%;    
border: 7px solid black;
border-color: transparent transparent #fff #fff;    
transform-origin: 0 0;
transform: rotate(135deg);    
box-shadow: -5px 5px 5px 0 rgba(0, 0, 0, 0.1);
}
#mainlog .account-container-wrapper{right: -20px; width: 100px; }
#mainlog .account-container{ padding: 10px 20px 10px 20px; }
#mainlog .account-container ul li a{ text-align: center; border-bottom: 1px solid #f3f2f2; }
#mainlog .account-container ul li:last-child a{ border-bottom:none; }

/* end drop down & popup account */

.storyWriting-menu{ display: none; position: absolute; right: 0; top: 0px; color: #7e7e7e; font-size: 20px; cursor: pointer; }
.storyWriting-menu:hover{color: #008f94; }

.mobile-storyBlock{ display: none; }
.mobile-imagePicker{ display: none; }

/* start drop down & popup category */
.myStory-dropDown-wrapper{display: none; position: absolute; right:-70px; top:37px; padding: 16px 5px 5px 5px; width:175px; z-index: 50; -webkit-transition:none;-moz-transition:none; transition:none;}
.myStory-dropDown{ display: inline-block; width: 100%; background: #fff; padding: 15px 10px 15px 10px; position: relative;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
border-radius:3px;
}
.myStory-dropDown ul{ }
.myStory-dropDown ul li{ float: left; width:100%; text-align: center; margin: 0; padding: 0!important; border: 0; }
.myStory-dropDown ul li a{ display: block; padding:7px 0px; font-size: 14px; text-align: left; color: #727272; font-weight: normal; text-transform: capitalize;  border: none; border-bottom:1px solid #f2f2f2;}
.myStory-dropDown ul li a i{ padding:0 10px 0 0px;}
.myStory-dropDown ul li:last-child a{ border-bottom:none;}
.myStory-dropDown ul li a:hover{ background: none; color: #008f94; }
.myStory-dropDown::after{
content: "";
position: absolute;
width: 0;
height: 0;
top: 0;
left: 50%;    
border: 6px solid black;
border-color: transparent transparent #fff #fff;    
transform-origin: 0 0;
transform: rotate(135deg);    
box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.4);
}

/* end drop down & popup category */


/* start response drop down */
.response-dropDown-wrapper{display: none; position: absolute; right:-40px; top:27px; padding-top: 16px; width:175px; z-index: 50;}
.response-dropDown{ display: inline-block; width: 100%; background: #fff; padding: 15px 10px 15px 10px; position: relative;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
border-radius:3px;
}
.response-dropDown ul{ }
.response-dropDown ul li{ float: left; width:100%; text-align: center; margin: 0; padding: 0!important; border: 0; }
.response-dropDown ul li a{ display: block; padding:7px 0px; font-size: 14px; text-align: left; color: #727272; font-weight: normal; text-transform: capitalize;  border: none; border-bottom:1px solid #f2f2f2;}
.response-dropDown ul li a i{ padding:0 10px 0 0px;}
.response-dropDown ul li:last-child a{ border-bottom:none;}
.response-dropDown ul li a:hover{ background: none; color: #008f94; }
.response-dropDown::after{
content: "";
position: absolute;
width: 0;
height: 0;
top: 0;
left: 74%;    
border: 6px solid black;
border-color: transparent transparent #fff #fff;    
transform-origin: 0 0;
transform: rotate(135deg);    
box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.4);
}

.edit-profile-container{ margin: 0 auto; width: 930px; }
.edit-profile-container legend{ margin:0 0 15px 0px;}
.edit-profile-container input[type='text']{ width: 100%; height: 46px; line-height: auto; padding: 0 13px; border:1px solid #eee;}
.edit-profile-container textarea{ width: 100%; height: 90px; line-height: auto; padding: 10px 13px; border:1px solid #eee; resize: none;}
.edit-profile-container select{ width: 100%; height: 46px; line-height: auto; padding: 0 13px; border:1px solid #eee;

background-image: url('../img/location-arrow.png');background-position: 96% 50%;background-repeat: no-repeat;
    appearance:none;
    -webkit-appearance:none
    ;-moz-appearance:none;
    }
.edit-label{ margin-top: 10px; font-size: 15px; color: #5a5a5a; }
.edit-label span{ color: #ff0000; }
.edit-category-container{ padding: 10px 10px 20px 10px; background: #fff; border:1px solid #eee;}
.edit-category-container ul{}
.edit-category-container ul li{ display: inline-block; width: 20%; margin: 0 2%; vertical-align: top; }
.edit-category-container ul li label{ display: block; width: 100%; font-weight: normal; padding:7px 0px; text-align: left;  font-size: 15px; color: #999; vertical-align: top; cursor: pointer; border-bottom:1px solid #ededed;  }
.edit-category-container ul li input[type="checkbox"]{ display: none; }
.edit-category-container ul li label:hover{ border-bottom:1px solid #008f94; color: #008f94;}
.edit-category-container ul li label.active{ border-bottom:1px solid #008f94; color: #008f94;}

.mobile-follow-container{ display: none; }
.mobile-follow-left{ float: left; }
.mobile-follow-left img{ float: left; width: 50px; height: 50px; border-radius: 50%; margin: 0 10px 0 0; }
.mobile-follow-left h2{ display: inline-block; margin: 10px 0 0 0px; font-size: 16px; text-transform: none; }
.mobile-followButton{ float: right; margin: 10px 0 0 0px; }
.mobile-followButton a{ display:inline-block; font-size:14px; color: #000; padding: 8px 20px; background: #fff; border: 1px solid #20ccd2; }
.mobile-followButton a:hover{ background: #20ccd2; }

#setting-container .col-sm-12{ padding: 0px; }
#setting-container .col-sm-9{ padding: 0px; }
#setting-container .col-sm-3{ padding: 0px; }
.setting-container{ background: #f5f5f5; padding: 100px 0 0 0px;}
.setting-padding{ padding: 0 80px; }
.setting-inner-container{ background: #fff; padding:40px 145px; }
.setting-inner-container legend{ padding: 10px 0px; border-top: 1px solid #ebebeb; }
.setting-inner-container h2{ font-size: 28px; color: #333; font-weight: 600; text-transform: none; margin-bottom: 30px; }
.setting-inner-container h3{ font-size: 17px; color: #333; font-weight: 600; margin-bottom: 30px; }
.setting-spe{ font-size: 24px; color: #333; font-weight: 600; margin:30px 0 15px 0px; }
.setting-right{ text-align: right; }
.setting-inner-container h4{ font-size: 17px; color: #333; font-weight: 600; }
.setting-inner-container p{ text-align: left; font-size: 16px; color: #626262; }
.setting-inner-container input[type='text']{ width: 100%; padding: 5px 5px; margin: 0 0 10px 0; }
.setting-inner-container input[disabled] { background: #f6f5f5; }

.emailEdit-button{ display: block; margin-top:18px; }
.setting-button{ display:inline-block; font-size:14px; color: #626262; padding: 10px 20px; border: 1px solid #00c5cc; }
.setting-button:hover{ background: #00c5cc; color: #fff; }

.saveCancel-button{ display: none; margin-top:13px; }
.setting-button{ display:inline-block; font-size:14px; color: #626262; padding: 10px 20px; border: 1px solid #00c5cc; background: none; cursor: pointer; }
.setting-button:hover{ background: #00c5cc; color: #fff; }
.anchor{ }
.anchor a{ font-size: 16px; color: #626262; text-decoration: underline; }
.anchor a:hover{ text-decoration: none; }

.setting-facebook-button{ margin-top: 16px; }
.setting-facebook-button a{ display:inline-block; font-size:13px; color: #fff; padding: 10px 25px; background: #25458b; }
.setting-facebook-button a:hover{ background: #223f7f; }

.setting-google-button{ margin-top: 16px; }
.setting-google-button a{ display:inline-block; font-size:13px; color: #fff; padding: 10px 25px; background: #df1120; }
.setting-google-button a:hover{ background: #d0101e; }

.disconnect{ margin-top: 10px; font-size: 16px; font-weight: 600; color: #626262; }
.disconnect a{ font-weight: normal; color: #626262; }
.disconnect a:hover{ color: #20ccd2; }

#onOff-button .btn-group{ margin: 20px 0 0 0px; }
#onOff-button .btn-sm{ border-radius: 0px; }
#onOff-button .btn-default.btn-on-2.active{ background-color: #11c9cf; }
#onOff-button .btn-group-sm > .btn, .btn-sm{ padding: 10px 15px }
/* Switch button */
.btn-default.btn-on.active{background-color: #5BB75B;color: white;}
.btn-default.btn-off.active{background-color: #DA4F49;color: white;}

.btn-default.btn-on-1.active{background-color: #006FFC;color: white;}
.btn-default.btn-off-1.active{background-color: #DA4F49;color: white;}

.btn-default.btn-on-2.active{background-color: #00D590;color: white;}
.btn-default.btn-off-2.active{background-color: #A7A7A7;color: white;}

.btn-default.btn-on-3.active{color: #5BB75B;font-weight:bolder;}
.btn-default.btn-off-3.active{color: #DA4F49;font-weight:bolder;}

.btn-default.btn-on-4.active{background-color: #006FFC;color: #5BB75B;}
.btn-default.btn-off-4.active{background-color: #DA4F49;color: #DA4F49;}



.radio-toolbar{ float: right; margin: 20px 0 0 0px; }
.radio-toolbar input[type="radio"] {display:none;}
.radio-toolbar label {float: left; padding: 10px 15px; margin: 0px; background:#fff; border: 1px solid #bbbcbc;  color: #303030; font-size:14px; cursor: pointer;}
.radio-toolbar input[type="radio"]:checked + label {background:#979696; color: #fff;}

.notifications-container{ display: inline-block; text-align: right; position: relative; cursor: pointer; }
.notifications-container i{display: inline-block;
    vertical-align: top;
    padding: 4px 10px;
    margin-top: 7px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin-left: -1px;}
.notifications-container i:hover{ color: white; }
.notifications-container em{color: #000;
    font-style: normal;
    position: absolute;
    right: -3px;
    width: 18px;
    height: 18px;
    background: #fff;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    font-size: 10px;}

#gapon{margin-top: 70px;}
#modalst:hover{overflow-y: scroll;}

/* start notification drop down container */
.notification-dropDown-wrapper{display: none; position: absolute; right:-110px; top:34px; padding: 16px 5px 5px 5px; width:480px; z-index: 10001;
 -webkit-transition:none;-moz-transition:none; transition:none;}

 .mobileNotification-dropDown-wrapper{display: none; position: absolute; right:-110px; top:34px; padding: 16px 5px 5px 5px; width:480px; z-index: 50;
 -webkit-transition:none;-moz-transition:none; transition:none;}
 
.notification-dropDown{ display: inline-block; width: 100%; background: #fff; padding: 0px 10px 15px 10px; position: relative;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
border-radius:3px;
}


.notification-dropDown::after{
	display: none;
content: "";
position: absolute;
width: 0;
height: 0;
top: 0;
right: 21%;    
border: 6px solid black;
border-color: transparent transparent #fff #fff;    
transform-origin: 0 0;
transform: rotate(135deg);    
box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.4);
}

/* start notification drop down container */

.notifiction-top-tab{ float: left; width: 100%; }
.notifiction-top-tab ul{ float: left; width: 100%; border-bottom: 1px solid #EAEAEA;}
.notifiction-top-tab ul li{float: left;list-style: none;}
.notifiction-top-tab ul li a{padding: 10px 15px;color:#626262;font-size: 16px;display: block;padding: 15px;position: relative;}
.notifiction-top-tab ul li.active a{color:#008f94!important;}
.notifiction-top-tab ul li.active a:after{ content:"";display: block;position:absolute;left:0;right: 0;bottom:-2px;height:2px;background: #008f94; 
}

#notification-list{}
#inbox-list{ display: none; }

#notification-list2{}
#inbox-list2{ display: none; }

.notifiction-bottom-tab{}
.notifiction-bottom-tab ul{ }
.notifiction-bottom-tab ul li{ float: left; width:100%; text-align: left; margin: 0; padding:15px 0; border-bottom:1px solid #f6f6f6; }
.notifiction-bottom-tab ul li:last-child a{ border-bottom:none;}

.notification-left{ float: left; width: 45px; }
.notification-left img{ float: left; margin: 0 10px 0 0px; border-radius: 50px;}
.notification-right{ float: right; width: calc( 100% - 45px); }
.notification-dropDown h6{ font-size: 13px; color: #333; font-weight: 600; margin: 0 0 3px 0px; }
.notification-dropDown p{ font-size: 13px; color: #333; margin: 0 0 5px 0px;}
.date-container{ font-size: 11px; color: #333; }
.date-container span{ display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 20px; background: #04aeb4; border-radius: 50%; }
.date-container span i{ padding: 0; font-weight: normal; font-size: 11px; }

.notification-viewmore{ display: none; width: 100%; border-top: 1px solid #d9d9d9; padding: 20px 20px 10px 10px; text-align: left; }
.notification-viewmore a{ font-size: 13px; color: #3e3e3e; text-decoration: underline; cursor: pointer; }
.notification-viewmore a:hover{ color: #04aeb4; }

#renews{float: left;padding: 28px 0px 20px;width: 100%;}
#renews .change-plan a{background:#11c9cf;}
.memberShip-container{background: #f8f8f8; padding:140px 0px 80px 0px;position: relative; }
.memberShip-container h2{ margin:25px 0px; font-size: 26px; text-transform: none;}
.myStoryTab-inner-container{ background: #fff; padding:10px 30px 25px 30px; position: relative; }

.member-detail-container {}
.member-detail-container h4{ margin:0 0 5px 0px; font-size: 15px; color: #333333; font-weight: 600; }
.member-detail-container p{ margin:0 0 10px 0px; font-size: 15px; color: #626262; }
.payment-row{ width: 100%; margin-bottom: 10px; }
.payment-left{ float: left; width: 50%; }
.payment-right{ float: left; width: 50%; }
.change-plan{ display: inline-block; }
.change-plan a{ display: block; padding: 10px 25px; color: #010101; font-size: 18px; background: #fff; border: 1px solid #11c9cf; font-weight:bold;}
.change-plan a:hover{ background: #12d3d9!important; }

.payment-history-container { margin:20px 0 0 0px; }
.payment-history-container h3{ margin:0 0 25px 0px; font-size: 19px; font-weight: bold; }
.payment-history-container table{ width: 100%; border-collapse: collapse; border:1px solid #e1e1e1; }
.payment-history-container table th{ border:1px solid #e1e1e1; padding: 10px 25px; }
.payment-history-container table td{ border:1px solid #e1e1e1; padding: 10px 25px; }
.payment-history-container table tr:nth-child(2n){ background: #fafafa; }

.membership-note{ padding: 20px 0 0 28px; color: #454545; font-size: 11px; }

.message-block {margin: 0 auto; width: auto; max-width: 584px; position: relative; background: #FFF;border-radius: 10px 10px 0px 0px;}
.message-block h2{ padding: 12px 15px; margin: 0 0 10px 0px; background: #10959a; font-size: 18px; color: white; text-transform: none; position: relative;border-radius: 10px 10px 0px 0px;}
.message-menu{ position: relative;right: 32px;top: 3px;color: white;font-size: 24px;
cursor: pointer;display: inline-block;float: right; }
#subscruibe-popup .mfp-close{ border-radius: 50%; top: 5px; right: 3px;line-height: 30px; color: white; opacity: 1; }
.darma{margin: 0px 0px 0px 3px;}
.popout{display: inline-block;float: right;position: relative;right: 92px;top: 4px;transform: rotate(36deg);cursor: pointer;color: white;}
.popout i{color: white;}

.message-textarea-container{ border-top: 1px solid #eaeaea; position: relative; width: 100%;float: left; background: white; padding: 15px 0px 13px 0px;border-radius: 0px 0px 10px 10px;}
.message-textarea-container textarea{ width: 83%;padding: 8px 25px;height: 40px;resize: none;overflow: hidden;border-radius: 20px;margin-left: 0px;font-weight: 600; border: 1px solid #ebeaea;}
.message-textarea-container textarea:active{box-shadow: 2px 2px 10px #dedddd;}
.message-textarea-container textarea:focus{box-shadow: 2px 2px 10px #dedddd;}
.message-send{ position: absolute;right: 20px;top: 24px;background: none;text-align: center;width: 30px;height: 30px;line-height: 25px;color: white;background: #10959a;
    border-radius: 50px;}
.message-send:hover{ color: white; }

.message-box{ max-height: 250px; min-height: 250px; overflow: auto; padding: 10px;text-align: center;}
.leftyou{width: 60%; float: left;text-align: left;margin-bottom: 10px;margin-left: 7px;}
.rightme{width: 60%; float: right;text-align: right;}
.leftyou p{display: inline-block;background: #f0f0f0;padding: 4px 10px;border-radius: 4px;color: black;font-size: 14px;}
.leftyou img{width: 28px; height: 28px;display: inline-block;margin-right: 5px;border-radius: 50px;}
.rightme p{text-align: left;display: inline-block;background: #10959a;padding: 4px 10px;border-radius: 4px;color: white;font-size: 14px;}
.rightme img{width:28px; height: 28px;display: inline-block;border-radius: 50px;float: right;margin-left: 5px;}


.message-date{ margin: 0 0 20px 0px; font-size: 13px; color: #595959; text-transform: uppercase; text-align: center; }{ margin: 0 0 20px 0px; font-size: 13px; color: #595959; text-transform: uppercase; text-align: center; }

.other-message{ padding:0 20px 20px 20px; }
.other-message-inner{ background: #f8f8f8; padding: 10px 10px; border-radius:10px; }
.other-message-pic{ float: left; width: 60px; }
.other-message-pic img{ width: 47px; height: 47px; border-right:50%;}
.other-message-text{ float: left; width: calc( 100% - 60px); font-size: 14px; color: #333; border-radius: 15px;}

.our-message{ padding:0 20px 20px 20px; }
.our-message-text{ float: right; font-size: 14px; color: #fff;width: 60%;}
.our-message-text span{font-size: 13px; display: inline-block; background: #10959a; padding: 10px 10px; border-radius:10px;text-align: left;}


#carsouelFiveList .owl-carousel{ padding: 0 30px; margin-bottom: 30px; }
#carsouelFiveList .owl-stage-outer{ padding-bottom: 40px; }
#carsouelFiveList .owl-theme .owl-nav{ margin: 0; }
#carsouelFiveList .owl-prev, #carsouelFiveList .owl-next{position: absolute; top: 29%; width: 17px; height: 34px; padding:0; margin:0; text-indent: -99em; transition: all 0.0s ease; overflow: hidden;}
#carsouelFiveList .owl-prev{left:0; background: url(../img/prev-icon.png) no-repeat 0 0px; }
#carsouelFiveList .owl-next{ right: 0; background: url(../img/next-icon.png) no-repeat 0 0px;}
#carsouelFiveList .owl-prev:hover, #carsouelFiveList .owl-next:hover{ background-position: 0 bottom; }

#carsouelThreeList .owl-carousel{ padding: 0 30px;  margin-bottom: 30px; }
#carsouelThreeList .owl-stage-outer{ padding-bottom: 40px; }
#carsouelThreeList .owl-theme .owl-nav{ margin: 0; }
#carsouelThreeList .owl-prev, #carsouelThreeList .owl-next{position: absolute; top: 43%; width: 17px; height: 34px; padding:0; margin:0; text-indent: -99em; transition: all 0.0s ease; overflow: hidden;}
#carsouelThreeList .owl-prev{left:0; background: url(../img/prev-icon.png) no-repeat 0 0px; }
#carsouelThreeList .owl-next{ right: 0; background: url(../img/next-icon.png) no-repeat 0 0px;}
#carsouelThreeList .owl-prev:hover, #carsouelThreeList .owl-next:hover{ background-position: 0 bottom;}

.rating {display: inline-block;position: relative;height: 50px;line-height: 24px;font-size: 24px;}

.rating label {position: absolute;top: 0;left: 0; cursor: pointer;}

.rating label:last-child {position: static;}

.rating label:nth-child(1) {z-index: 5;}

.rating label:nth-child(2) { z-index: 4;}

.rating label:nth-child(3) { z-index: 3;}

.rating label:nth-child(4) { z-index: 2;}

.rating label:nth-child(5) { z-index: 1;}

.rating label input {position: absolute;top: 0;left: 0;opacity: 0;}

.rating label .icon {float: left; color: transparent;}

.rating label:last-child .icon { color: #9b9b9b;}

.rating:not(:hover) label input:checked ~ .icon,
.rating:hover label:hover input ~ .icon { color: #00c5cc; }

.rating label input:focus:not(:checked) ~ .icon:last-child {
  color: #000; text-shadow: 0 0 5px #00c5cc; }

.search-page-container{ background: #f8f8f8; padding: 30px 0 50px 0px; position: relative; }
.search-inner-container{ margin: 0 auto; width: 1170px; }

.search-list-container{}

.search-box-container{ padding: 40px 68px 15px 68px; margin: 0 0 50px 0px; background: #fff; border: 1px solid #f2f2f2; }
.search-box-top{ margin: 0 0 20px 0px; }

.search-category-box{ float: left; width:26%; }
.search-category-box select{ float: left; width:100%; padding: 13px 20px; border: 1px solid #e7e7e7; background: #fafafa; 
background-image: url('../img/location-arrow.png');background-position: 90% 50%;background-repeat: no-repeat;
appearance:none;
-webkit-appearance:none
;-moz-appearance:none;
    }

.search-block{ float: right; width:70%; position: relative; }
.search-block input[type='text']{ width: 100%; height: 46px; line-height: auto; border-bottom: 1px solid #dcdcdc; font-size: 40px; color: #191919; }
.search-block button{ position: absolute; right: 0px; top: 0px; background: #fff; font-size: 26px; color: #4c4c4c; }
.search-block button:hover{ color: #008f94; }


.search-list-container h3{ margin:0 0 25px 0; padding: 20px 25px; font-size: 21px; color: #333; text-transform: uppercase; font-weight: 600; border-bottom: 1px solid #f2f2f2; }
.search-list-container h4{ font-family: 'Humanist777BT-RomanB'; text-transform: uppercase; font-size: 21px; color: #333; margin-top: 0; }
.search-list-container h4 a{ color: #333; }
.search-list-container h4 a:hover{ color: #00c5cc; }

.search-result-container{}

.story-result{ background: #fff; border: 1px solid #f2f2f2; }
.story-result ul li{ display: inline-block; padding: 0 0 15px 0px; margin: 0 0 25px 0px; background: #fff; border-bottom: 1px solid #f2f2f2; }
.story-result ul li:last-child{ border-bottom: none; }

.tag-container{ background: #fff; border: 1px solid #f2f2f2; }
.tag-container ul { padding: 0 25px 25px 25px; }
.tag-container ul li { display: inline-block; padding: 0 3px; margin: 0 0 20px 0px; }
.tag-container ul li a{ display: block; border: 1px solid #d3d3d3; padding: 5px 25px; font-size: 14px; color: #626262; border-radius: 3px; }
.tag-container ul li a:hover{ border: 1px solid #00c5cc; color: #00c5cc; }

.search-left{ float: left; width:120px; margin: 0 20px 0 0px; }
.search-pic{ width: 120px; height: 120px; }
.search-pic img{ max-width: 100%; }
.author-search-pic{ width: 120px; height: 120px; text-align: center; }
.author-search-pic img{ max-width: 100%; border-radius: 50%; }
.search-right{ float: left; width: calc( 100% - 150px); }
.search-right p{ float: left; width: 100%; font-size: 14px; line-height: 22px; color: #333; }

.search-star{ float: left; width: 100%; margin: 0 0 10px 0px; color: #9b9b9b; font-size: 13px; }
.search-star span{ display: inline-block; font-size: 14px; color: #727272; padding: 0 10px; }

.search-commentShare{ float: left; width: 100%; margin: 0 0 10px 0px; color: #9b9b9b; font-size: 15px; }
.search-commentShare a{ color: #9b9b9b; }
.search-commentShare a:hover{ color: #00c5cc; }
.search-comment{float: left; }
.search-share{ float: left; padding: 0 10px; margin: 0 0 0 10px; border-left: 1px solid #b9b9b9;}

#Adventure - Action-container.bookList-container{ background: #f2f2f2; }
#Drama-container.bookList-container{ background: #fff; }
#Tragedy-container.bookList-container{ background: #f8f8f8;}

.love-story-container{ padding: 60px 0px; text-align: center; }
.love-story-container h2{ font-size: 30px; margin: 0 0 30px 0px; text-transform: none; }

#JoinNow-container2.JoinNow-container{ padding: 50px 0 30px 0px; background: #f8f8f8;float:left;width:100%;}

#mostpoularCount li{ margin: 0 0 50px 0px; }

#content li{ margin-bottom:50px; }
.loading-bar{ margin: 0 auto; width: 40px; height: 40px; background: url(../img/loader.gif) no-repeat center center; }
.loading-bar img{ display: none; }

#change-profile-pic.change-profile-pic{ display: inline-block; margin-top:10px; padding: 8px 20px; background: #e6e6e6; font-size: 14px; color: #333; cursor: pointer; }

#profile_pic_popup .modal-content{ display: inline-block; width: 100%; padding: 20px 0 30px 0px; background: #f5f5f5; border-radius:0; height:610px; }
#profile_pic_popup h3{ margin:0 0 0 0px; font-size: 19px; color: #333; }
#profile_pic_popup h4{ margin:5px 0 25px 0px; font-size: 16px; color: #333; }

#save_crop{ float: right; }
#profile_pic_popup .file{ float: left; max-width: 100%; padding: 10px 10px;  margin:0 0 10px 0px; background: #e6e6e6;  }

.contact-container{}
.contact-container h2{ margin: 0 0 30px 0px; font-size: 28px; color: #333; text-transform: uppercase; font-weight: 700; }
.contact-inner{ margin: 0 auto; width: 1000px; position: relative; }
.getIntouch-container{ background: #fafafa; padding:60px 0px;}
.getIntouch-container legend{ margin:0 0 15px 0px;}
.getIntouch-container label{ font-size: 15px; color: #767676; font-weight: normal; }
.getIntouch-container input[type='text']{ width: 100%; height: 46px; line-height: auto; padding: 0 13px; border:1px solid #eee;}
.getIntouch-container select{ width: 100%; height: 46px; line-height: auto; padding: 0 13px; border:1px solid #eee; 

background-image: url('../img/location-arrow.png');background-position: 96% 50%;background-repeat: no-repeat;
appearance:none;
-webkit-appearance:none
;-moz-appearance:none;
}

.getIntouch-container textarea{ width: 100%; height: 132px; line-height: auto; padding: 10px 13px; border:1px solid #eee; resize: none;}
.getIntouch-container button{ float: right; margin: 10px 0 0 0px; padding:8px 40px; background: #f39502; font-size: 17px; color: #fff; text-transform: uppercase; }
.getIntouch-container button:hover{ background: #e08902; }

.contactinfo-container{ padding: 60px 0px; }
.address-detail{ }
.address-detail ul{ }
.address-detail ul li i{padding-right:5px;}
.address-detail ul li{ margin: 0 0 15px 0px; padding: 0 0 0 0px; font-size: 16px; color: #4e4e4e; line-height: 28px; position: relative; }
.address-detail ul li a{ color: #4e4e4e; }
.address-detail ul li a:hover{ color: #20ccd2; }

.location:before{font-family: FontAwesome; content: '\f041'; font-size: 24px; color: #858585; position: absolute; left: 0; top: 5px;display:none;}
.phone:before{font-family: FontAwesome; content: '\f095'; font-size: 20px; color: #858585; position: absolute; left: 0; top: 2px; display:none;}
.email:before{font-family: FontAwesome; content: '\f0e0'; font-size: 18px; color: #858585; position: absolute; left: 0; top: 2px; display:none;}
.globe:before{font-family: FontAwesome; content: '\f0ac'; font-size: 18px; color: #858585; position: absolute; left: 0; top: 2px; display:none;}

.relatehelp{ display: none; border: 1px solid #e6e6e6;
-webkit-box-shadow: 2px 3px 3px 0px rgba(235,235,235,1);
-moz-box-shadow: 2px 3px 3px 0px rgba(235,235,235,1);
box-shadow: 2px 3px 3px 0px rgba(235,235,235,1);
}
.relatehelp h3{ margin: 0; padding: 10px 0px; text-align: center; background: #20ccd2; color: #fff; font-size: 19px; font-weight: 600; }
.relatehelp ul{ text-align: center; }
.relatehelp ul li{ display: inline-block; width: 100%; }
.relatehelp ul li a{ display: block; padding: 10px 0px; font-size: 16px; color: #4e4e4e; border-bottom: 1px solid #f5f5f5; }
.relatehelp ul li:last-child a{ border-bottom:none; }
.relatehelp ul li a:hover{ color: #20ccd2; }

.emailPassword-popup{ margin: 0 auto; width: auto; position: relative; padding: 25px; max-width: 581px; padding: 35px 35px 35px 35px; background: #f5f5f5; border: 1px solid #bcbcbc; }
.emailPassword-popup h2{ padding:0 0 25px 0px; font-family: 'open sans'; font-size: 19px; margin: 0 0 30px 0px; color: #333; font-weight: 600; text-transform: none; border-bottom: 1px solid #dadada; }
.emailPassword-popup legend{ display: inline-block; margin:0 0 5px 0px; }
.lab{ margin: 8px 0 0 0px; font-size: 16px; color: #727272; }
.emailPassword-popup input[type='text']{ width: 100%; height: 40px; line-height: auto; padding: 0 10px; border: 1px solid #d7d7d7; }
.emailPassword-popup input[type='text']:focus{ background: #f9f9f9;  border: 1px solid #d7d7d7; }

.emailPassword-popup input[type='button']{ float: right; font-family: 'Roboto'; font-size:14px; color: #010101; padding:8px 25px; background: #00c5cc;}
.emailPassword-popup input[type='button']:hover{background: #19bec4;} 
.emailPassword-popup span{ display: none; font-size: 12px; color: #727272; }
#emailChange .mfp-close, #passwordChange .mfp-close, #notificationList .mfp-close{ background:#fff; border-radius: 50%; top: -10px; right: -10px; width: 30px; height: 30px; line-height: 30px; color: #9d9d9d; opacity: 1; }

.notification-popup{ margin: 0 auto; width: auto; position: relative; padding: 25px; max-width: 1100px; padding: 35px 35px 35px 35px; background: #f5f5f5; border: 1px solid #bcbcbc; }
#notificationList h2{ margin: 0; padding:0 0 20px 0; font-family: 'open sans'; text-transform: none; font-size: 19px; color: #333; font-weight: 600; }
#notificationList .bor{border-bottom: 1px solid #bcbcbc;}
#notificationList .row{ margin: 15px 0px; }
.notification-point{  font-size: 16px; color: #727272; }

.notification-point ul{ padding: 0 0 0 50px; }
.notification-point ul li{ margin: 5px 0 0 0px; padding: 0 0 0 10px; background: url(../img/notification-dot.png) no-repeat 0 9px;  } 
#notificationList input[type='submit']{ float: right; margin: 20px 0 0 0px; font-family: 'Roboto'; font-size:14px; color: #010101; padding:8px 25px; background: #00c5cc;}
#notificationList input[type='submit']:hover{background: #19bec4;}
#notificationList input[type='button']{ float: right; margin: 20px 0 0 0px; font-family: 'Roboto'; font-size:14px; color: #010101; padding:8px 25px; background: #00c5cc;}
#notificationList input[type='button']:hover{background: #19bec4;}

#notificationList input[type='checkbox']{display: none;}
#notificationList label {display: inline-block; cursor: pointer; background: url(../img/notification-checkbox.png) no-repeat 0 1px; padding:10px;}
#notificationList input[type='checkbox']:checked + label { background: url(../img/notification-checkbox.png) no-repeat 0 -81px;}

.payment-container{ background: #f8f8f8; padding:100px 0px 0px 0px; position: relative; }
.payment-container h2{ margin:25px 0px; font-size: 21px; color: #333; text-transform: none; text-align: center;}
.payment-inner-container{ background: #fff; padding:10px 30px 50px 30px; position: relative; }

.memberShip-popup {margin: 0 auto;width: auto;position: relative;padding: 25px;
max-width: 850px; padding: 40px 30px;background: #019ab2;}

.memberShip-popup h2{ padding:20px 10px; font-family: 'open sans'; font-size: 19px; margin: 0 0 30px 0px; color: #333; font-weight: 600; text-transform: none; border-bottom: 1px solid #dadada; }
.membership-feature { border-right:1px solid #fff; padding:0 50px 0 0px; }
.membership-feature ul{ }
.membership-feature ul li{ background: url(../img/white-check.png) no-repeat 10px 0px; padding: 0 0 0 45px; margin: 0 0 20px 0px; font-size: 16px; color: #fff; font-weight: 600; }
.membership-feature ul li:last-child{ margin-bottom:0px;  }

.coupon-container{ margin:35px auto 25px auto; width:650px;  }
.coupon-container input[type='text']{ float: left; width: 50%; height: 43px; line-height: auto; padding: 0 10px; border:1px dashed #505050; }
.coupon-container button{ float: right; width: 50%; height: 43px; line-height: auto; padding: 0px; background: #505050; font-size: 16px; color: #fff; text-transform: uppercase; }
.coupon-container button:hover{ background: #444343; }

#coupon-table{ margin: 0 auto 30px auto; width: 400px; text-align: center; }
#coupon-table table tr th{ text-align: left; padding: 10px 0px; text-transform: uppercase; }
#coupon-table table tr td{  padding: 10px 0px; color: #444; font-weight: 600; }
#coupon-table hr{ padding: 0; margin: 0; }
#coupon-table span{ color: #019ab2; }

.place-order { text-align: center; }
.place-order button{ display: inline-block; height: 43px; line-height: auto; padding: 0 40px; background: #fdd208; font-size: 16px; color: #222; }
.place-order button:hover{ background: #f6cb00; }

.bill-container{ float: right; width:100%; padding: 30px 0px; background: #019ab2; text-align: center; }
.bill-container h4{ margin: 0; font-size: 16px; color: #fff; font-weight: 600; }
.bill-container h3{ margin:10px 0px; font-size: 60px; color: #fff; font-weight: 700; }
.bill-container p{ margin:0 0 15px 0; font-size: 16px; color: #fff; }
.bill-button{ float: right; padding: 8px 25px; background: #00c5cc; color: #000; font-size: 17px; }
.bill-button:hover{ background: #19bec4; color: #000; }
.bill-container input[type='text']{ height: 25px; line-height:auto; margin:0 0 10px 0; font-size: 13px; color: #000; text-align: center; }

.bill-container a{ display: inline-block; color: #fff; font-size: 14px; text-decoration: underline; cursor: pointer; }
.bill-container a:hover{ text-decoration: none; }

.loading-bar1{ margin: 20px auto 0 auto; width: 192px; font-size:14px; color: #000; padding: 8px 30px; background: #fff; border: 1px solid #20ccd2; cursor: pointer; }
.loading-bar1:hover{ background: #20ccd2; }

.success{min-height:300px; text-align: center;}
.billing-table{ margin: 50px auto; width: 80%; } 
.billing-table tr td{ border: 1px solid #ddd; padding: 10px 10px; } 
.billing-table tr td input[type='text']{ border: 1px solid #ddd; padding: 10px 10px; } 


.billing-container{ padding:35px 0 0 0px; background: #f5f5f5; }
.billing-container h2{ color: #333; font-size: 21px; font-weight: bold; text-align: center; text-transform: none; margin-bottom: 35px; }
.billing-inner-wrapper{ margin: 0 auto; width: 825px; }
.billing-inner{ background: #fff; padding: 40px 40px 25px 40px; border-radius: 3px;
-webkit-box-shadow: 0px 3px 5px 0px rgba(219,219,219,1);
-moz-box-shadow: 0px 3px 5px 0px rgba(219,219,219,1);
box-shadow: 0px 3px 5px 0px rgba(219,219,219,1);
}

#billing-sty legend{ border: none; margin:0 0 15px 0; }
#billing-sty .col-sm-6{ padding-left: 5px; padding-right: 5px; }
#billing-sty .col-sm-12{ padding-left: 5px; padding-right: 5px; }
#billing-sty label{ color: #afafaf; font-weight: normal; font-size: 14px; }
#billing-sty input[type='text']{ width: 100%; height: 45px; line-height: auto; padding: 0 15px; border: 1px solid #f3f2f2; font-size: 14px; color: #5a5a5a; }
#billing-sty input[type='text']:focus{ border: 1px solid #d5d5d5; }
#billing-sty select{ width: 100%; height: 45px; line-height: auto; padding: 0 15px; border: 1px solid #f3f2f2; font-size: 14px; color: #929292;
background-image: url('../img/location-arrow.png');background-position: 96% 50%;background-repeat: no-repeat;
    appearance:none;
    -webkit-appearance:none
    ;-moz-appearance:none;

}
#billing-sty select:focus{ border: 1px solid #d5d5d5; }

#billing-sty textarea{ width: 100%; height: 93px; line-height: auto; padding: 10px 15px; border: 1px solid #f3f2f2; font-size: 14px; color: #5a5a5a;}
#billing-sty textarea:focus{ border: 1px solid #d5d5d5; }
#billing-sty .button-row{ margin-top: 30px; }

.billing-sty button{ width: 100%; height: 45px; line-height: auto; padding: 0px 12px; font-size:16px; background: #fdd208; color: #000;}
.billing-sty button:hover{ background: #f1c805; }

div#search-stories {
    min-height: 137px;
}
div#search-authors {
    min-height: 137px;
}

div#search-stories h3 {
    text-align: center;
}

div#search-authors h3 {
    text-align: center;
}
.search-list-container .col-sm-5 {
    text-align: center;
}
div#search-stories ul p.nf{
    text-align: center;
}
div#search-authors ul p.nf {
    text-align: center;
}
.seoh1{
font-family: 'AvenirNextLTPro-Demi';
    font-size: 40px;
    color: #000;
    margin: 0 0 20px 0px;
    text-transform: none;
}

h2.seoh2{
    font-family: 'AvenirNextLTPro-Regular';
    font-size: 21px;
    line-height: 28px;
    color: #000;
    margin: 0 0 40px 0px;
}
h3.seoh3{
    margin: 0 0 50px 0px;
    font-family: 'Humanist777BT-RomanB';
    font-size: 40px;
    text-transform: uppercase;
    color: #000;
}
h3.seoh32{
    font-family: 'Humanist777BT-RomanB';
    color: #000;
    font-size: 30px;
    margin: 0 0 30px 0px;
    text-transform: none;
}
h1.seoauthh1{
font-family: 'AvenirNextLTPro-Regular';
    font-size: 36px;
    line-height: 45px;
    color: #fff;
    text-transform: none;
    margin: 0 0 22px 0px;}
h2.seoh2head{
    margin: 0px 0 -3px 0px;
    display: block;
    padding: 5px 2px 5px -1px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
}

h2.seoh2auth{
font-size: 19px;
    font-weight: 600;
    color: #fff;
    line-height: 32px;
}
h1.abtseoh1{
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 46px;
    line-height: 50px;
    font-weight: 800;
    color: #fff;
    text-transform: none;
    margin: 0 0 22px 0px;
}

.royalty-top-block{ padding: 10px 10px; border:1px solid #EAEAEA; }
.royalty-dashboard h2{ font-family: 'Humanist777BT-RomanB'; font-size: 21px; margin-top: 0; line-height: 30px;}
.royalty-dashboard h2 span{ display: block; font-size: 14px; }
.royalty-dashboard h3{ font-family: 'open sans'; font-size: 21px; margin: 0 0 25px 0; }
.royalty-dashboard h3 a{ text-decoration: underline; color: #333; }
.royalty-dashboard p{ font-size: 14px; color: #333; }

.royalty-filter-container{ margin-bottom: 20px; }
.royalty-filter{ float: right; width: 100%; text-align: right; }
.royalty-filter label{ margin: 0 10px 0 0px; }
.royalty-filter select{ display: inline-block; height: 40px; line-height: 36px; padding:0 20px 0 10px; border: 1px solid #bebebe; background-image: url('../img/location-arrow.png');background-position: 96% 50%;background-repeat: no-repeat;
    appearance:none;
    -webkit-appearance:none
    ;-moz-appearance:none; }
.select-date{ display: inline-block; }
.royalty-filter input[type='text']{ height: 40px; line-height: 40px; width: 185px;border: 1px solid #bebebe; padding: 0 10px; }
.royalty-filter button{ display: inline-block; height: 40px; line-height: 40px; background: #5e6772; color: #fff; padding: 0 20px; }
.royalty-filter button:hover{ background: #505964; }
.royalty-balance-container{}
.royalty-balance-container p{ font-size: 21px; color: #333; }
.royalty-balance-container span{ float: right; }

.royalty-graph-container{ margin: 20px 0 10px 0px; }
.royalty-graph-block{ margin: 0 0 15px 0px; }
.royalty-grey-block { width: 100%; height: 20px; background: #e6e6e6; }
.royalty-blue-block{ height: 100%; background: #02cdd3; }

.payout-stat-container{ margin: 30px 0 0 0px;  }
.payout-stat-container h6{ text-align: right; }
.payout-stat-container h6 a{ font-size: 16px; }
.payout-container{ padding: 10px 10px; border: 1px solid #EAEAEA; }
.months-list{ margin: 0 0 10px 0; }
.months-list ul{}
.months-list ul li{ font-size: 14px; font-weight: 600; }

#divpayoutHistory .table>thead:first-child>tr:first-child>th{border-bottom: none!important;}
#divroyaltyhistory th{border-bottom: none!important;}
#divstoryStat th{border-bottom: none!important;}

/*testseo css changed*/
.submitimage{margin: 3px 10px 0px 0px!important;}
.dategap{margin-bottom: 9px!important;}
.topgap{margin: 5px 0 5px!important;}
.topgap{margin: 5px 0 5px!important;}
.imagemargin{margin: 3px 10px 0 0px!important;}
.newview a{background: #fdd208!important;cursor: pointer!important;padding: 7px 10px!important;border-radius:4px!important;color: black!important; text-decoration: none!important;}
.newview a:hover{background: #f4ca06!important;}
.panread{font-size: 18px; font-weight: 900; position: relative;top: 2px; right: 2px;}
.catgwidth{width: 265px!important;top: 21px!important;}
.commntpointer{cursor: pointer!important; padding-top: 6px;}
.newstar{padding: 0px!important; float: none;}
.newreadinlist a{margin-top: 4px!important;background: #fdd208!important;padding: 7px 10px!important;border-radius: 4px!important;cursor: pointer!important;}
.newreadinlist a:hover{background: #f4ca06!important;}
.inputgap{margin-bottom: 15px;}
.panshow{display: inline-block!important;}
.sizeofpop{max-width: 570px!important; padding: 30px 30px 30px 30px!important;}
.emailPassword-popup input[type='password']{ width: 100%; height: 40px; line-height: auto; padding: 0 10px; border: 1px solid #d7d7d7; }
.emailPassword-popup input[type='password']:focus{ background: #f9f9f9;  border: 1px solid #d7d7d7; }
.lefttimage{float: left!important;}
.lefttimage img{width: 40px; height: 40px; border-radius: 50%;}
.useridentity{padding-left: 15px; float: left; width: 80%; overflow: hidden;}
.personname{font-size: 13px; color: #999; padding-left: 3px; word-wrap: break-word;}
.useridentity ul{list-style: none;}
.useridentity ul li{display: inline-block; float: left;font-size: 12px;
    color: #999;
    font-weight: normal ; padding-right: 3px;}
/*.useridentity ul li+li:before{content: "\00b7";font-size: 24px;line-height: 1px;position: relative;top: 4px;padding-right: 2px;}*/
.follownow{position: absolute;right: 20px;padding: 9px 25px;border-radius: 6px;color: #717171; cursor: pointer; font-weight: 900; font-size: 15px; border: 2px solid #ccc;}
.follownow:hover{background: #f2f2f2;color: #717171;}
.following{position: absolute;right: 20px;padding: 9px;border-radius: 6px;color: white; cursor: pointer; font-weight: 900; font-size: 15px; background: #00b2b2;    width: 120px;
    height: 40px;
    text-align: center;
    padding: 9px}
.following:hover{background: #00a2a2; color: white;}
.divep{margin: 5px;}
.followingright input[type='button']{
	position: absolute;
    right: 25px;
    padding: 10px 25px;
    border-radius: 10px;
    font-size: 15px;
    background: #00b2b2;
    color: white;
}
.margingap{margin-bottom: 20px;}




.stat-container{ padding: 10px 10px; border: 1px solid #EAEAEA; }
#stat-container th{ text-align: right; }
#stat-container h3{ margin-bottom:5px; }
#stat-container span{ float: right; cursor: pointer; }
#stat-container span:hover{ color:#02cdd3; }
.stat-filter{ margin: 0 0 2px 0px; }
.stat-filter select {height: 40px; line-height: 40px; padding:0 20px 0 10px; border: 1px solid #02cdd3; background-image: url('../img/location-arrow.png');background-position: 96% 50%;background-repeat: no-repeat;
    appearance:none;
    -webkit-appearance:none
    ;-moz-appearance:none;}
.royalty-tbl{
    padding:5% 0% 0% 0%;
}
.quote-container{ padding: 10px 10px 10px 10px; }
.quote-container p{ font-size: 18px; color: #000; }
.quote-container p span{ display: table-cell; }
.big-quote {font-size: 30px;padding-right: 15px;vertical-align: top; color: #11c9cf;}
.small-quote {color: #11c9cf;}
.quote-author{ float: right; display: inline-block!important; margin-top: 5px; font-size: 16px; color: #000; }
.quote {
    text-align: center;
    line-height: 22px;
    float: left;
    width: 550px;
    font-weight: 600;
    font-family: inherit;
}
#hellobar-bar {
    font-family: "Open Sans", sans-serif;
    width: 100%;
    margin: 0;
    height: 30px;
    display: table;
    font-size: 17px;
    font-weight: 400;
    padding: .33em .5em;
    -webkit-font-smoothing: antialiased;
    color: #5c5e60;
    position: fixed;
    background-color: white;
    box-shadow: 0 1px 3px 2px rgba(0,0,0,0.15);
}
#hellobar-bar.regular {
    height: 30px;
    font-size: 14px;
    padding: .2em .5em;
}
.hb-content-wrapper {
    text-align: center;
    text-align: center;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}
.hb-content-wrapper p {
    margin-top: 0;
    margin-bottom: 0;
}
.hb-text-wrapper {
    margin-right: .67em;
    display: inline-block;
    line-height: 1.3;
    padding: 0% 40% 0% 0%;
}
.hb-text-wrapper .hb-headline-text {
    font-size: 1em;
    display: inline-block;
    vertical-align: middle;
    text-align: initial;
}
#hellobar-bar .hb-cta {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0;
    color: #ffffff;
    background-color: #fdd208;
    border-color: #fdd208;
}
.hb-cta-button {
    opacity: 1;
    color: #fff;
    display: block;
    cursor: pointer;
    line-height: 1.5;
    max-width: 22.5em;
    text-align: center;
    position: relative;
    border-radius: 3px;
    white-space: nowrap;
    margin: 1.75em auto 0;
    text-decoration: none;
    padding: 0;
    overflow: hidden;
}
.hb-cta-button .hb-text-holder {
    border-radius: inherit;
    padding: 5px 15px;
}
.hb-close-wrapper {
    display: table-cell;
    width: 1.6em;
}
.hb-close-wrapper .icon-close {
    font-size: 14px;
    top: 15px;
    right: 25px;
    width: 15px;
    height: 15px;
    opacity: .3;
    color: #000;
    cursor: pointer;
    position: absolute;
    text-align: center;
    line-height: 15px;
    z-index: 1000;
    text-decoration: none;
}
.spl2{
	font-size:18px;
	font-weight:600;
}
.dimg{
	float:left;
}
.dimg img{
	height:45px;
	width:50px;
}

#memberShipContainer .col-sm-6{ padding: 0; }

.dashboard-strip{background: #cc0000; text-align: center; padding: 13px 0px 5px 0px; color: black;}
.dashboard-strip p{text-align: center; font-size: 17px; color: white;}
.dashboard-strip a{font-weight: bold; padding: 0px 2px 0px 2px; text-decoration: underline; color: white;} 
.dashboard-strip.warning {background: #cca000;}

.imgs img {
    height: 105px;
    width: 105px;
}
.row.imgresult {
    padding: 1% 1% 1% 1%;
}
.cimg:hover{
    cursor:pointer;
}
div#sname {
    margin: 26% 0% 0% 0%;
    width: 100%;
    text-align: center;
}

div#aname {
    margin: 26% 0% 0% 0%;
    width: 100%;
    text-align: center;

}

ul.cul {
    border-bottom: 1px solid #ededed;
    font-size: 14px;
    color: #222;
    font-weight: 600;
    text-transform: none;
}

ul.aul {
    border-bottom: 1px solid #ededed;
    font-size: 14px;
    color: #222;
    font-weight: 600;
    text-transform: none;
}

span.scl {
    font-size: 9px;
    float: right !important;
    padding: 0% 0% 2% 0% !important;
}
a.ybtn {
       display: block !important;
       float: right !important;
    width: 96px;
    height: 17px;
    padding: 0px !important;
    text-align: center !important;
    border: 1px solid #11c9cf !important;
    margin-left: 23%;
    color: #010101 !important;
    font-size: 10px !important;
}
a.ybtn:hover {
       display: block !important;
       float: right !important;
    width: 96px;
    height: 17px;
    background: #11c9cf !important;
    padding: 0px !important;
    text-align: center !important;
    border-radius: 1px solid #11c9cf !important;
    margin-left: 23%;
    color: #010101 !important;
    font-size: 10px !important;
}
a.acl{
    padding:7% 0% 0% 0% !important;
}
.licl{
    margin-bottom:7px !important;
}
p.info1{
    font-size: 16px;
    font-family: sans-serif;
}

p.info2{
    font-size:14px;
    font-weight: 600;
}
.cmodal{
    margin-top: 8%;
}

/*submitstory_page*/
.storywid{width: 100%!important; height: 220px!important;}

/* Image Maker part2*/
.imgmaker .modal-dialog {
         width: 80%;
         height: auto;
         padding: 0;
         }
         .imgmaker .modal-content {
         height: 99%;
         }
         /* Style the tab */
         .imgmaker .tab {
         float: left;
         /*border: 1px solid #ccc;*/
         background-color: #f1f1f1;
         width: 23%;
         height: 480px;
         }
         /* Style the buttons inside the tab */
         .imgmaker .tab button {
         display: block;
         background-color: #0e1318;
         color: #838688;
         font-weight: 600;
         padding: 10px 8px;
         width: 100%;
         border: none;
         outline: none;
         text-align: center;
         cursor: pointer;
         transition: 0.3s;
         font-size: 13px;
         }

         .imgmaker .tab button:hover{
         	color: white;
         	font-weight: 700;
         }
         /* Change background color of buttons on hover */
         /*.imgmaker .tab button:hover {
         background-color: #293039;
         }*/
         /* Create an active/current "tab button" class */
         .imgmaker .tab button.active {
         background-color: #3f4349;color: white;}
         
         /* Style the tab content */
         .imgmaker .tabcontent {
         float: left;
         padding: 0px 12px;
         /*border: 1px solid #ccc;*/
         width: 77%;
         border-left: none;
         height: 480px;
         background: #3f4349;
         }
         .imgmaker .imgsec{
         	width: 380px;;
            height: 340px;
            position: inherit;
            padding: 1% 1% 0% 1%;
         }
         
.bgcolorred {
    background-color: #ff5c5c;
    width: 36px;
    height: 35px;
    float: left;
    display: inline-block;
}
.bgcolororange {
    background-color: #ffbd4a;
    display: inline-block;
    width: 37px;
    height: 35px;
    float: left;
    
}
.bgcoloryellow {
    background-color: #fff952;
    width: 37px;
    height: 35px;
    float: left;
    display: inline-block;
}
.bgcolorlightgreen {
    background-color: #99e265;
    width: 37px;
    height: 35px;
    float: left;
    display: inline-block;
}
.bgcolorgreen {
    background-color: #35b729;
    width: 37px;
    height: 35px;
    display: inline-block;
    float: left;
    
}
.bgcolorlightblue {
    background-color: #44d9e6;
    width: 37px;
    float: left;
    display: inline-block;
    height: 35px;
    
}
.bgcolorblue {
    background-color: #2eb2ff;
    width: 37px;
    display: inline-block;
    height: 35px;
    float: left;
    
}
.bgcolordarkblue {
    background-color: #5271ff;
    width: 37px;
    display: inline-block;
    height: 35px;
    float: left;
    
}
.bgcolorwhite {
    background-color: #fff;
    width: 36px;
    display: inline-block;
    height: 35px;
    float: left;
    
}
.bgcolorviolet {
    background-color: #b760e6;
    width: 37px;
    display: inline-block;
    height: 35px;
    float: left;
    }
.bgcolormagenta {
    background-color: #ff63b1;
    width: 37px;
    display: inline-block;
    height: 35px;
    float: left;
    
}
.bgcolorblack {
    background-color: #000000;
    width: 37px;
    display: inline-block;
    height: 35px;
    float: left;
    
}
.bgcolorgery {
    background-color: #666666;
    width: 37px;
    display: inline-block;
    height: 35px;
    float: left;

  
}
.bgcolorsilver {
    background-color: #a8a8a8;
    width: 37px;
    display: inline-block;
    height: 35px;
    float: left;
    
}
.bgcolorlightgery {
    background-color: #d9d9d9;
    width: 37px;
    height: 35px;
    display: inline-block;
    float: left;
    
}
.bgchover{
    cursor:pointer;
}
.bgchovera{
    cursor:pointer;
}
.bgchovers{
    cursor:pointer;
}
div#imgcontainer {
    margin: 45px 0px 15px 97px;
}

.btnstyle{background: #20ccd2;
    border: none;
    position: absolute;
    right: 50px;
    top: -8px;
    padding: 8px 20px;
    border-radius: 0px;
    color: black;}
.btnstyle:hover {background: #19bec4;}
/*.reducepad{padding: 5px!important;}*/

.bgimage{background-image:url('../img/tab-aa.png');background-position: 49% 27%;background-repeat: no-repeat;}
 .tab .bgimage:hover {background-image:url('../img/tab-ab.png');background-position: 49% 27%;background-repeat: no-repeat;}
 .tab .bgimage.active{background-image:url('../img/tab-ab.png');background-position: 49% 27%;background-repeat: no-repeat;}
.bgimage2{background-image:url('../img/tab-a.png');background-position: 49% 27%;background-repeat: no-repeat;}
.tab .bgimage2:hover {background-image:url('../img/tab-b.png');background-position: 49% 27%;background-repeat: no-repeat;}
.tab .bgimage2.active{background-image:url('../img/tab-b.png');background-position: 49% 27%;background-repeat: no-repeat;}
.bgimage3{background-image:url('../img/tita.png');background-position: 49% 27%;background-repeat: no-repeat;}
.tab .bgimage3:hover {background-image:url('../img/titl.png');background-position: 49% 27%;background-repeat: no-repeat;}
.tab .bgimage3.active{background-image:url('../img/titl.png');background-position: 49% 27%;background-repeat: no-repeat;}


.backstylew{text-align: center;
    cursor: pointer;
    transition: 0.3s;
    font-size: 13px}
.backstylew.active {background-color: #293039;
    color: white;}
.chngclr{border-radius: 0px 5px 0px 0px;}
.chngwhite{border-radius: 0px 0px 0px 5px;}
.btrad{border-radius: 0px 0px 5px;}


.scrollcall{height: 450px;overflow-y: scroll;}
.scrollcall:hover{}


#file{display: none;}

.uploadshort{padding: 10px; background: #d1a300; color: white;font-size: 14px; width: 100%; cursor: pointer; border-radius: 5px;text-align: center; margin-bottom: 20px; font-weight: 600; transition: all ease-in-out .3s;float: none;margin: 0 auto;}
.uploadshort:hover{background: #e0af03;}
#mainDiv3{margin: 0 auto; float: none;}
.mainDiv3 img{top: -21px;left: -16px;}
#cropSign:hover{height: 25px;width: 42px; background-repeat: no-repeat;background-repeat: no-repeat;background:#197724 url(http://shortstorylovers.com/img/submit.png);}
.res{width: 350px;}
.coverbacksize{width: 362px; margin-left: 3%;}
.bccreate{width:362px;height:362px;margin-left: 1%;margin: 0 auto;
font-weight: bold;background-size: 300px 100px;background: white url('') center ;background-repeat: no-repeat;max-width: 1263px;text-align: center;}
.top-heading-stroy{text-align: center;margin: 0 auto;}
.top-heading-stroy img{max-width: 100%; text-align: center; float: none; margin: 0 auto;}
.buttonbt{text-align: left; margin-left: 50px!important;}
.starcenter{text-align: center; margin: 0 auto; float: none;}
.sharestory{display: none;}
.storyjustify{text-align: justify; padding: 0px 38px 25px 38px!important;}
.destop-imagePicker{background: white;}
.mob-login{display: none;}
.submob{display: none;}
.subtmb{background: black; float: left!important; margin-top: 10px;}
.subcolr{color: white!important; padding: 9px 6px!important;}
.sublogcolr{padding: 2px 3px!important; color: white!important;}
.logindrop{ display: none;}
.lgdrop{display: none;}
.storylogin{border-top: 1px solid #ededed; border-bottom: 1px solid #ededed;}
.storylogin{margin-bottom: 2px;}
.loginmb{margin-bottom: 10px;}
.dramap{position: relative;top: -2px;left: 15px;margin: 0px!important;width: 100%!important;text-align: center}
#vmtag{text-align: center;
    padding: 7px 12px;
    display: inline-block;
    width: 120px;
    margin-left: 4px;
    position: relative;
    left: 4px;
    background: #46b89f;
    border-radius: 5px;
    color: white;transition: ease-in .3s;}
#vmtag:hover{background: #50d0b4; transition: ease-in .3s;}
.catbuttn{padding: 10px 20px;border-radius: 35px;box-shadow: 0px 2px #022902;
}


.divinwidth ul li{display: inline-block;width: 32.5%;padding: 0 50px; background: none;border:none; margin: 0px;}
.divinwidth ul li:hover{background: none; border: none;}
.divinwidth ul li:focus{background: none!important; border: none!important;}
.divinwidth ul li:active{background: none!important; border: none!important;}
.divinwidth ul li p{display: block;padding: 32px 0 8px 0px;text-align: center;color: black;
    font-size: 18px;text-transform: uppercase;border-bottom: 1px solid #3c3c3c;}
.divinwidth ul li p:hover{color: #02cdd3;border-bottom: 1px solid #02cdd3;}
.btonmrt{margin-top: 20px; float: none;}

.lefthow ul {
    list-style: none;
}
.lefthow ul li {
    width: 100%;
    float: left;
    display: block!important;
    margin-bottom: 15px!important;
    font-family: 'Humanist777BT-RomanB';
}
.lefthow .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border: white!important;
    background: white!important;
    border-radius: 6px;
    box-shadow: 0 4px 32px rgb(0 0 0 / 8%);
    padding-bottom: 20px;
}
.leftpantl a h3 {
    font-weight: bold;
    font-size: 24px;
    letter-spacing: .3px;
    color: #2e2e2e!important;
    line-height: 30px;
    margin-top: 12px;
    text-align:left;
}

#main .card-body img{max-width:160px;}
.leftpantl.card-header .btn{white-space: inherit!important;position:relative;}
#main .card-body{background: #f8f8f8;}
#main #faq .card .card-header .btn-header-link.collapsed {
    background: 0 0!important;
    color: #000;
}
#main #faq .card .card-header .btn-header-link {
    text-align: left;
    background: #f8f8f8!important;
    color: #222;
    padding: 20px;
    white-space: inherit;
}

.leftpantl a p {
    color: #6c6c6c;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 0px;
    font-family: 'Open Sans', sans-serif;
}
#mobli{display:none;}
.applist{float: left;width: 100%;padding: 80px 0px;background:white;}
.applist .container{max-width:1200px;}
.blck img{max-width:250px;border-radius: 5px;}
.lefthow .nav-tabs>li>a:hover{background:white!important;border:none!important;}
#howitworks {float:left;width:100%;padding:60px 0px;}
#howitworks .container{max-width:1210px;}
.lefthow .nav-tabs>li>a{border:none!important;}
.leftpantl{padding-top:0px;}
.leftpantl .nav-pills>li{margin-bottom:15px;font-family: 'Humanist777BT-RomanB';margin-left: 0px;}

.homefaq{padding:50px 0px 0px!important;background:white;}

.benefits{font-size: 20px;font-weight: bold;color: #eb6440;margin-top: -40px;padding-bottom: 15px;padding-left: 0px;}

.leftpantl .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{border: white!important;background: white!important;border-radius:6px;box-shadow: 0 4px 8px rgb(0 0 0 / 22%);padding: 10px 15px 25px 30px;color: black;}
.leftpantl .nav-pills>li>a{color:black;padding: 10px 15px 25px 30px;}
.leftpantl.card-header a{color:black;padding: 10px 15px 25px 30px;}
#main .leftpantl.card-header a{color:black;padding: 10px 15px 25px 30px;border-radius:0px;}
.leftpantl .nav>li>a:focus, .nav>li>a:hover{background: #f8f8f8;}
@font-face {

    font-family: 'Avenir Next LT Pro';

    src: url('..blog/font/AvenirNextLTPro-Regular.woff2') format('woff2'),

        url('..blog/font/AvenirNextLTPro-Regular.woff') format('woff'),

        url('..blog/font/AvenirNextLTPro-Regular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

.authpic img{width: 50px;height: 50px;border-radius: 50%;}
.authpic h2{font-weight: 600; font-family: 'AvenirNextLTPro-Regular';font-size: 17px;color: #333;display: inline-block;margin: 0px 10px;margin-top: 25px;text-transform: initial;}
.topright{margin-top: 21px;}
.topright h5{text-align: left;font-size: 26px;line-height: 40px;font-family:
 'AvenirNextLTPro-Regular';}
 .topright h1{font-family: AvenirNextLTPro-Demi;color: #333333;letter-spacing: .5px;font-size: 39px;}
.rightinfo{margin-top: 20px;}
.topright span{color: #20ccd2;font-family: 'AvenirNextLTPro-Regular';font-size: 18px;font-weight: 600;
letter-spacing: .5px;}
.rightstop{position: fixed;}
.storyhead{position: absolute!important;}
.submithead{position: absolute!important;}
.rightpos{position: absolute!important;}
.nwstorty{border-right: none;}
.fontsturc{font-family: 'AvenirNextLTPro-Regular';color: #333333;font-size: 22px;
font-weight: 300;text-align: left;border-top:none;border-bottom:none;line-height: 40px;}

.remobod{border: none!important;margin-top: 35px;}
.recomtop{width: 100%; margin-top: 20px;}
.rate{text-transform: initial; text-align: center; margin-bottom: 25px;
	font-family:'AvenirNextLTPro-Regular';font-size: 36px!important;margin-bottom: 35px!important; }
.boxto{margin-top: 20px;}
.bigbtn{width: 227px; font-size: 20px;}
.leavetop{width: 100%; background: #f4f4f4;margin-top: 50px;}

#storyPage .readtops{right: 18px!important;}
a.newback{left: 56px!important;}
.newheadl{padding: 0px 80px!important;}
.starsize{height: 37px!important;font-size: 33px!important;}
.newcomment textarea{background: none!important;border: 1px solid #e0e0e0!important;margin-left: -10px;}
.newcomment label{font-size: 25px!important;color: #333333!important;
	margin-left: -10px;font-family:'AvenirNextLTPro-Regular';font-weight: 600!important;}
.newrespons img{margin-left: -10px;}
.storyrightside{left: 32px!important;}
.newstylebut{margin-left: 41px!important;}
.newrect h2{font-family:'AvenirNextLTPro-Regular';font-size: 35px;margin-bottom: 50px;text-transform: initial;}
.review{font-size: 35px!important; font-family: 'AvenirNextLTPro-Regular';
text-align: center;text-transform: initial;}

.seardrop{position: absolute;z-index: 9999;top: 52px;}
.seardrop ul{list-style: none;padding: 1px 10px 10px 10px;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);border-radius: 3px;}
.seardrop ul li{padding: 3px 0px;}
.seardrop ul li a{color: black; font-size: 14px;}
.seardrop ul li a:hover{color: #00c5cc;}
.date-container span i{font-weight: 600!important;}

.lncs{font-size: 27px!important; text-align: left;margin: 0px 0px 25px 55px!important;
text-transform: none!important;}
.ldsd{font-size: 40px!important; text-align: center;margin: -5px 0px 40px 28px!important;}
.fortext{}
.dfdfds{font-size: 20px!important; text-align: left;margin: 0px 0px 25px 49px!important;text-transform: none!important;color:#4d4d4d!important;}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:0!important;}

/*storypage*/
.inreview{width: 800px; background: white; padding: 30px 0px;margin: 0 auto;}
.nomobile{display: block;}


.not-rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    width: 100%;
    text-align: left;
    margin: 0 auto;
}

.not-rating input {
    position: absolute;
    left: -999999px;
}

.not-rating label {
    display: inline-block;
    font-size: 0;
}

.not-rating > label:before {
    position: relative;
    font-family: FontAwesome;
    font: 25px/1 FontAwesome;
    display: block;
    content: "\f005";
    color: #ccc;
    background: #b1b1b1;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.not-rating > label.active:before {
    position: relative;
    font-family: FontAwesome;
    font: 25px/1 FontAwesome;
    display: block;
    content: "\f005";
    color: #ccc;
    background: #01c9ce;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.not-rating > label:hover:before,
.not-rating > label:hover ~ label:before,
.not-rating > label.selected:before,
.not-rating > label.selected ~ label:before {
    color: #01c9ce;
    background: #01c9ce;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    cursor:pointer;
}
.slider-image img{border-radius: 6px;}
.featu{padding: 50px 0px 7px 0px;}
.featautho{float: left;margin-bottom: 10px;display: none;margin-left: -10px;}
.featautho img{width: 40px;height: 40px;}
.featautho a{text-transform: uppercase;font-size: 13px;font-family: 'Avenir Next LT Pro';color: #666666;margin-left: 7px;}
.notvisi{}
.size img{width: 100%;float: none;max-width: 100%;border-radius: 6px;}
.mobileslider{display: none;}
.slider-text{text-align: center;margin: 0 auto;}
.slider-text h2{font-weight: bold;text-align: center;font-size: 18px;color: #333333;margin-top: 15px;margin-bottom: 0px!important;}
.slider-text h2 a{text-align: center;font-size: 17px;color: #333333;margin-top: 20px;}
.slider-text p{font-size: 13px;font-family: 'Avenir Next LT Pro';}
.slider-text p a{font-size: 14px;font-family: 'Open Sans', sans-serif;color: black;}
.toptxt h2{letter-spacing: 0.75px;font-weight: bold;font-size: 17px;color: #333333;padding: 10px;margin-bottom: 10px;display: inline-block;width: 65%;line-height: 25px;}
.toptxt a{font-size: 13px;color: #333333;padding: 15px 10px;text-decoration: underline;float: right;}
.backf{background: #f8f8f8;padding: 50px 0 25px 0px;}
.most-relv{width: 100%;margin: 0 auto;text-align: center;float: none;padding: 50px 0px 40px 0px;}
.wdirel{width: 1210px;margin: 0 auto;}
.relll img{width: 100%;max-width: 100%;}
.dfsdfkdf{margin: 0px 0px 25px 0px!important;}
.mostmore{display: inline-block;float: right;font-size: 13px; color: #333333;padding-top: 29px;margin-right: 10px;text-decoration: underline;}
.mostrelevent{width: 100%;background: #f8f8f8;float: left;padding: 15px 0px 12px 0px;display: none;}
.mostrelevent h2{font-size: 17px!important;
    text-transform: uppercase!important;
    margin-left: 10px;font-weight: bold;color: #333333;
    }
.inter{border-bottom: 1px solid #efefef;float: left;width: 100%;padding-bottom: 15px;}
/*.newyorker .inter:nth-child(8){padding:5px 10px 0px 10px;border-bottom: none;}*/
.inter:last-child{}
.newyorker:last-child{padding-bottom: 0px;border-bottom: 1px solid #f8f8f8;}
.addn:last-child{border-bottom: 1px solid #f8f8f8;}
.newyorker .inter:nth-child(2){border-bottom: none;}
.firstrel img{width: 100%;border-radius: 6px;box-shadow: 2px 2px 10px #ccc;}
.firstrel p{font-size: 16px; color: #333333;padding: 15px 0px 5px 0px;}
.relvtag{border-bottom: 1px solid #a5a3a3;padding-bottom: 15px;}
.relvtag:last-child{border-bottom: none;}
.relvtag a{padding: 3px 8px;
    color: #666666;
    background: #f8f8f8;
    display: inline-block;
    border-radius: 50px;margin-bottom: 5px;}

.vm{    float: right;
    margin-top: 10px;
    margin-right: 10px;}
.vm a{font-size: 13px;color: #333333;text-decoration: underline;}
.btr{margin-bottom: 20px;}

#green{display: none;color: green;}
.sidemove{padding: 0px 62px!important;}
.nomobile{padding: 30px 0px 20px 0px!important;}
.ctg{padding: 50px 0 60px 0px!important; float: left;width: 100%;}
.mobile-popular{display: none;}
.mob-relv{display: none;}
.topfeat{width: 100%;float: left;}
.tops{max-width: 100%;height: 300px;}
.tops img{height: 300px;width: auto;}
.featu{background: white;}
.chngcl{background: white!important;}
.removmob{width: 100%;float: left;display: block;}
.mgrnl{text-align: left;margin-left: 30px;font-size: 27px;}
.golef{text-align: left!important;font-size: 27px!important;text-transform: none;}
.flowa{float: left;width: 100%;}
.widok{width: 65%;}
.container-new{max-width: 1200px;width: 100%;margin: 0 auto;}
.lespad{padding: 40px 0px 20px 0px;}
.nls{margin: 0px 0px 25px 42px!important;}
.infea{padding: 0px 10px 0px 10px;}
.ctpad{padding: 0px 15px 0px 15px;}
.lts{margin: 0px 0px 25px 60px!important;}
.ltvw{padding: 0px 69px!important;}
.popl{margin: 0px 0px 25px 35px!important;}
.popv{padding: 0px 44px;}
.ctl{margin: 0px 0px 25px 68px!important}
.mlv{margin: 10px 0px 0px 0px!important;padding: 0px 85px!important;}
.bookpad{padding: 25px 0px 0px 0px;}
.ctpadd{padding: 0px 20px 0px 20px;}
.rlvtnh{text-align: left!important;font-size: 27px!important;text-transform: none;margin-left: 27px!important;}
.btpd{padding: 50px 0px 20px 0px!important;}
.rpad{padding: 50px 0px 20px 0px!important;}
.paddcl{padding-top: 30px!important;}

.invi{font-family: 'Humanist777BT-RomanB';}
.leftinvite{background: white;}
.continueWriting-container .navbar-nav>li>a{padding-top: 8px;
    padding-bottom: 8px;border: 1px solid #e7e7e7;}
#draft .col-sm-4{padding: 0 28px 0 0px;float: right;text-align: right;}
.continueWriting-container .nav>li>a{padding: 10px 12px;}
.continueWriting-container .dropdown-menu{box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
margin-top: 15px!important;border-radius: 3px!important;right: 0px!important;
left: -57px!important;padding: 15px 10px 0px 10px!important;width: 175px;}
.continueWriting-container .dropdown-menu>li>a{border-bottom: 1px solid #f2f2f2;color: #727272;}
.continueWriting-container .dropdown-menu>li>a:nth-child(3){border-bottom: none!important;}
.continueWriting-container .dropdown-menu>li>a:hover{background: none!important;color: #008f94!important;}
.continueWriting-container .dropdown-menu li{padding: 0px 0px 10px 0px!important;}
.continueWriting-container .dropdown-menu li a{padding: 0px 0px 10px 0px!important;}
.continueWriting-container .dropdown-menu li:nth-child(3){border-bottom: none!important;}

.dropdown-menu span{transform: rotate(135deg);
    height: 12px;
    width: 12px;
    background: white;
    box-shadow: -3px 2px 3px #6f6e6e;
    position: absolute;
    top: -6px;
    z-index: 1000001;
    right: 84px;}


.subscruibe-popup h2 img{}
.chatim{width: 30px;height: 30px;border-radius: 50px;margin-right: 10px;}
.showdropm{position: absolute;top: 50px;right: 20px;background: white;box-shadow: 2px 2px 10px black;border-radius: 5px;width: 198px;padding: 15px;z-index: 10001;display: none;}
.showdropm ul{list-style: none;}
.showdropm ul li{display: block;border-bottom: 1px solid #f2f2f2;padding: 10px 0px 10px 0px;}
.showdropm ul li a{color: #727272;font-size: 15px;}
.showdropm ul li:nth-child(3){border-bottom: none;}
.showdropm span{height: 15px;width: 15px;background: white;box-shadow: -2px 2px 2px #535252;position: absolute;top: -8px;transform: rotate(135deg);right: 40px;z-index: -11;}
.showdropm ul li a:hover{color: #008f94!important;}
.showdropm ul li i{font-size: 16px;}
.Emoji{display: inline-block;margin-right: 15px;margin-left: 10px;margin-top: 10px;float: left;cursor: pointer;}
.allemoji{padding: 10px 0px 10px 11px;
    background: white;
    position: absolute;
    bottom: -15px;
    width: 90%;
    left: 14px;
    margin: 0 auto;
    text-align: center;
    border-radius: 10px 10px 10px 0px;
    box-shadow: 2px 2px 10px #7a7a7a;
    display: none;
    text-align: center;
    z-index: 101;}
.allemoji button{display: inline-block;padding: 0px 8px 0px 10px;background: none;text-align: center;float: left;margin-bottom: 10px;transition-delay: 2s;}
.allemoji span{height: 15px;
    width: 15px;
    background: white;
    box-shadow: 2px 2px 3px #4f4c4c;
    position: absolute;
    bottom: -6px;
    left: 3px;
    transform: rotate(44deg);}
.toopen{position: relative;}
.forreport{display: none;}
.forreport textarea{width: 100%;height: 100px;border: 1px solid #727272;padding: 10px;}
.forreport button{background: #ffa200;padding: 4px 12px;color: #000;font-family: 'Roboto', sans-serif;border:none;}


.decwi{max-width: 500px;}

.popbg{background: #f9ec04;padding: 10px;border: 3px dashed #02cdd3;}
.poppic{margin: 0px auto;text-align: center;}
.poppic img{margin-top: 30px;width: 230px;}
.poppic p{font-size: 18px;color: #000000;padding: 0px 35px;margin-bottom: 20px;
    margin-top: 20px;}
.sdfsfdfi{border-bottom:none;box-shadow:none;-webkit-box-shadow:none;border:none;-webkit-box-shadow:none;box-shadow:none;}
.clsoetr{color: white;opacity: 1;font-size: 28px;margin: 0px!important;position: absolute;right: -12px;z-index: 10001;
    top: 16px;background: #02cdd3;border-radius: 100%;height: 30px;width: 30px;text-align: center;
    }
.clsoetr:hover{opacity: 1;text-shadow: none;}
.poppic a{display: inline-block;width: 204px;padding: 15px 10px;background: #02cdd3;font-family: 'Roboto', sans-serif;color: #000;font-size: 16px;text-align: center;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;}
.poppic a:hover{color: black;background: #02b6bb;text-decoration: none;}
.offerpop{text-align: center;margin-top: 15px;margin-bottom: 50px;}
.offerpop p{font-size: 18px;color: black;letter-spacing: 0.4px;}
.offerpop p span{font-size: 16px;color: #ff0000;display: inline-block;font-weight: bolder;}
.chafdwid{max-width: 400px;margin: 57px auto;}

.needhelp{background: white;border: 3px solid #ffd90b;width: 200px;border-radius: 50px;height: 55px;font-weight: bold;font-size: 20px;font-family: 'Humanist777BT-RomanB';box-shadow: 3px 4px 1px #ffbd0a;position: fixed;z-index: 10000001;bottom: 50px;right: 50px;}
.needhelp span{position: relative;top: 1px;left: -8px;}
.needhelp i{max-width: 38px;border: 2px solid black;border-radius: 50px;padding: 4px;position: relative;right: -10px;background: #ffd90b;}
.twobuttons{padding: 20px 10px 10px;text-align: right;}
.submit{display: inline-block;}
.cancel{display: inline-block;}
.submit button{padding: 9px 25px;border-radius: 50px;font-size: 16px;font-weight: bold;background:#eb6440;margin-right:15px;color:white;width:104px;}
.cancel button{padding: 10px 6px;border-radius: 50px;font-size: 15px;font-weight: bold;background:none;height:48px;}
.userdetl{display:flex;padding:10px 10px 0px;}
.fd-img img{max-width:50px;border-radius: 50px;width:47px;height:47px;}
.fd-details{padding-left: 15px;padding-top: 5px;}
.fd-details h6{font-size: 18px;font-weight: bold;margin: 0px;padding-bottom:4px;}
.fd-details p{font-size: 14px;color: grey;}
.topform{padding-top:10px;display:none;}
#exampleModalCenterproof .modal-header button span{font-size:24px;}
.topform label{width:46%;margin:0px 10px;}
.topform label input{height:48px;border:1px solid #e5e5e5;width:100%;border-radius: 5px;padding: 10px 15px;font-family: 'Humanist777BT-RomanB';font-weight: normal;}
.feeddiv{padding-top:20px;}
.feeddiv textarea{border: 1px solid #e5e5e5;width: 96%;border-radius: 5px;padding: 10px 15px;height: 185px;font-family: 'Humanist777BT-RomanB';}
.needhelp{bottom: 52px;}
.fd-img{display: flex;
    align-items: center;
    justify-content: center;}
.fd-img p{background: #16cad0;color: white;padding: 0px;border-radius: 50px;height: 50px;padding-top: 14px;font-weight: bold;font-family: 'Humanist777BT-RomanB';width:50px;text-align:center;text-transform:uppercase;}
.modal-header h5{font-family: 'Humanist777BT-RomanB';font-weight: bold;font-size: 20px;float: left;margin: 0;padding-left:10px;}


/*bookscss*/
.strydrop {
    background: white;
    position: absolute;
    width: 185px;
    right: 46px;
    box-shadow: 2px 2px 10px #ccc;
    border-radius: 5px;
    top: 80px;
    display: none;
}

.strydrop ul li {
    border-radius: 0px !important;
    display: block!important;
}

.strydrop ul li a {
    color: black;
    border: none !important;
    border-bottom: 1px solid #ccc !important;
    border-radius: 0px !important;
    width: 100% !important;
    height: 100% !important;
    font-size: 15px !important;
    text-align: left !important;
    margin: 0px !important;
    padding: 13px 15px;
    justify-content: normal !important;
}

.strydrop ul li button {
    border-bottom: none !important;
    background: #ededed;
    font-size: 15px !important;
    color: black;
    width: 100%;
    text-align: left;
    padding-top: 13px;
    padding-left: 15px;
    padding-bottom: 13px;
}
.dmenu li button {
    padding: 10px 15px !important;
}
.dmenu li a:hover {
    background: #d8d8d8 !important;
}
.strydrop ul li a i {
    padding-right: 8px;
    top: 0px !important;
}

.dmenu li button:hover {
    background: #d8d8d8 !important;
}

.firstdspt {
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 25px;
    position: relative;
}


@media only screen and (max-width : 1280px){
	.res{width: 0px;}
	.container-new{padding: 0px 25px 0px 25px;}

}

.categoryBanner-content h3 span {
    font-family: 'Humanist777BT-RomanB';
    font-size: 20px;
    color: #fff;
    line-height: normal;
}

.spanbutton{
    padding: 10px;
    display: inline;
    border-radius: 2px;
    font-family: "Arial";
    border: 0;
    margin: 0 10px;
    background: #8a7c7c;
    font-size: 15px;
    line-height: 15px;
    color: white;
    width: auto;
    height: auto;
    box-sizing: content-box;
}

.controlbtn {
    margin-top: 100px;
    line-height: 250%;
}

.bbtn {
    margin-top: 3%;
    margin-left: 5%;
}

@media screen and (min-width: 992px) and (max-width: 1200px){
	.imgmaker .tabcontent{width: 70%;}
	.imgmaker .tab{width: 30%;}
	.imgmaker .imgsec{position: relative;left: 88px; }
	div#imgcontainer{margin: 50px auto;}
}

@media screen and (min-width: 992px) and (max-width: 1200px){

	.imgmaker .imgsec{left: 60px;}
}

@media screen and (min-width: 769px) and (max-width: 991px){

	.modal-body{height: 770px!important;}
	.imgmaker .imgsec{position: absolute; top: 370px;left: 0;right: 0;}
	.imgmaker .tab{height: 340px;}
    .imgmaker .tabcontent{height: 340px;overflow: hidden}
    div#imgcontainer{margin: 0 auto;}
}

@media screen and (min-width: 970px) and (max-width: 991px){

	.chngclr{border-radius: 0px;}
	.chngwhite{border-radius: 0px;}
	.bgcolorred{border-radius: 5px 0px 0px 5px!important;}
	.btrad{border-radius: 0px 0px 0px 5px;}
}

@media screen and (min-width: 840px) and (max-width: 975px){
	.bgcolorsilver{border-radius: 0px 5px 5px 0px;}
	.chngclr{border-radius: 0px;}
	.chngwhite{border-radius: 0px;}
}


@media screen and (min-width: 780px) and (max-width: 839px){
	.chngclr{border-radius: 0px;}
	.chngwhite{border-radius: 0px;}
	.bgcolormagenta{width: 38px;}
	.bgcolorviolet{width: 38px;}
	.bgcolorblack{border-radius: 0px 5px 5px 0px;}
	.bgcolorgery{border-radius: 0px 0px 0px 5px;}
	.bgcolorred{width: 37px;}
}


@media only screen and (max-width: 992px){
  .offs{margin-left: 0px;}
  .flot{margin-top: 0px;}
}

@media only screen and (max-width: 768px){
	.modal-dialog{width: 96%!important;padding: 0px!important;
    margin: 0 auto!important;}
    .modal-body{height: 770px!important;}
    .tab{border-radius: 0px!important;}
    .imgmaker .imgsec{position: absolute; top: 370px;left: 0;right: 0;}
    div#imgcontainer{margin: 0 auto;}
    .imgmaker .tab{height: 340px;}
    .imgmaker .tabcontent{height: 340px;overflow: hidden}
    .catgwidth{width: 100%!important;}
    .support-star{float: none;}
    .newstar{padding: 0px!important;}
    .showonmob{display: inline-block!important; position: static;width: 100%; float: none;margin: 0 auto; }
    .showside{display: block!important;}
    .newresp{width: calc(100% - 0px)!important;}
    .buttonbt{margin-left: 40px!important;}
    .removebot{border-bottom: none!important;}
    .remmtp{margin-top: 5px!important;}
    .disclass{display: inline-block!important;}
    .margrght{margin-right: 8px;}
    .logtp{margin-top: 10px!important;}
    .margrght{margin-right: 8px;}
    .sharestory{display: inline-block;float: left;position: fixed;top: 7px;
    z-index: 100001;right: 25px;font-size: 25px; color: #00c5cc; cursor: pointer}
    .share-container p{display: none;}
    .share-container{position: fixed;top: 44px;z-index: 100001;right: 0px;background: #00c5cc;border-radius: 10px;padding: 7px; display: none;}
    .storyjustify{padding: 0px!important;}
    .mob-login{display: block; float: right;}
    .mobus{transform: rotate(0deg)!important; font-size: 15px!important; color: black!important; right: 2px;position: absolute;top: 11px;
    }
    .loged-header li i{padding: 0px 4px;}
    .loged-header li a{padding: 7px 0px;}
    .loged-header li img{margin: 2px -3px 0px 23px;}
    .mobile-notification-container{right: 10px;}
    .account-container::after{left: 99%}
    .submob{display: block;}
    .subbg{background: black; float: left;}
    .logindrop{display: none;width: 150px;position: absolute;top: 47px;background: white;padding: 0px 10px;border-radius: 5px;right: 10px;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); z-index: 1;}
    .lgdrop{display: inline-block;}
    .logindrop ul {list-style: none;}
    .logindrop ul li{color: black; padding: 7px 0px 8px 0px; 
    	text-transform: uppercase;}
    .logindrop ul li a{padding: 10px 8px;text-align: left;color: #222;font-size: 12px; font-weight: 600;}
    .logindrop ul li a:hover{color: #008f94;}
    .button-follow a{width: 110px; padding: 8px 10px;}
    .divinwidth ul li p{font-size: 13px;padding: 16px 0 4px;}
    .forsuheirt{height: auto!important;}
}


@media screen and (min-width: 767px) and (max-width: 779px){
	.bgcolormagenta{border-radius: 0px 5px 5px 0px; width: 38px;}
	.bgcolorblack{border-radius: 0px 0px 0px 5px;}
	.chngclr{border-radius: 0px;}
	.chngwhite{border-radius: 0px;}
	.bgcolorviolet{width: 39px;}
	.bgcolorwhite{width: 38px;}
}




@media screen and (min-width: 365px){
/*	.disclass a{padding: 6px 16px!important;} */

}

@media only screen and (max-width: 350px){
	.sharestory{right: 5px;}
}

@media screen and (min-width: 320px;) and (max-width: 370px;){
	#storyPage .myStory-bookCategory{margin-top: 94px!important;}
}

@media screen and (min-width: 320px) and (max-width: 425px){
.imgmaker .imgsec{width: 100%;}
.bccreate{width: 95%;}
.imgmaker .tabcontent{width: 70%}
.imgmaker .tab{width: 30%;}
}
@media screen and (max-width: 767px){
    #main #faq .card .card-header .btn-header-link:after {
    content: "\f106";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
    position: absolute;
    right: 8px;
    top: 8px;
    font-size:24px;
}

#main #faq .card .card-header .btn-header-link.collapsed:after {
    content: "\f107";
    color: black;
    font-size:24px;
}
    #main .card{border-bottom: 1px solid #ccc!important;}
    .applist{padding:30px 0px;}
    #main .card-body{padding-bottom: 30px;
    padding-top: 10px;}
    .leftpantl a{text-align:left!important;}
    .leftpantl a h3{margin-top: 0px!important;font-size: 19px;line-height:27px!important;max-width: 90%;}
    .leftpantl a p{font-size: 15px;line-height: 22px;}
    .leftpantl.card-header a{padding:10px 15px 15px 15px!important;}
	.slider-image a img{border-radius: 6px!important;}
	.paddcl{padding-top: 0px!important;}
	.rpad{padding: 0px!important;}
	.category-scroll-nav{margin: 0px;}
	.mlv{display: none;}
	.lncs{display: none;}
	.container-new .row{width: 100%;margin: 0px;}
    a.hideresponsive{display:none !important;}
    .slider-text p a{font-size: 13px;color: #666666;}
    .mob-relv{display: block;}
    .mobile-popular{display: block;}
    .mobstory{margin-top: 88px!important;}
	#storyPage .mobtst{margin: 54px 0 0 0px!important;}
	.nomobile{}
	.featu ul li{width: 100%!important;padding-bottom: 20px!important;}
	.featu ul li img{border-radius: 6px!important;}
	.featu{padding: 25px 0px 10px 0px!important;}
	.featu{display: block!important;}
	.bookList-container{}
	.hiden{display: none;}
	.ctg{padding: 40px 0 40px 0px!important;}
	.ldsd{margin: 0px 0px 25px -4px!important;font-size: 24px!important;font-weight: bold;color: #333333;text-align: center;}
	#messageTextarea{width: 100%!important;max-width: 91%!important;}
	.popout{top: 0px!important;}
}

a.following:hover span {display:none}
a.following:hover{background:#a5c35e!important;}
a.following:hover:before {content:"Unfollow"}

a.followingp:hover span {display:none}
a.followingp:hover{background:#a5c35e!important;}
a.followingp:hover:before {content:"Unfollow"}

.popular h2{
    margin: 0 0 25px 0px;
    padding: 0 25px;
    font-size: 27px;
    text-align: center;
}



@media only screen and (max-width: 767px){
    
    .forget {
    text-align: right;
    padding: 0px;
    position: relative;
    right: 13px;
    width:100%;max-width:100%;
}
    
    .submit button{font-size: 15px;padding: 14px 22px;width:110px;}
    .needhelp span{font-size: 14px;left: 2px;top: -1px;}
    #dksno{display:none!important;}
    #mobli{display:block!important;}
    .needhelp{bottom: 90px;right: 11px;text-align: center;width: 136px;height: 48px;}
    .needhelp i{max-width: 32px;position:static;float: right;margin-right: 10px;}
    .needhelp{z-index:1001;}
    #exampleModalCenterproof .modal-body{height:auto!important;}
    .topform label{width:100%!important;margin:0px 0px 10px;}
    .feeddiv textarea{width:100%;}
    .feeddiv{padding-top:0px;}
    
	.mgb{margin-bottom: 20px;}
	.removmob{display: none!important;}
	.featautho{display: block;}
	.notvisi{display: none!important;}
	.mobileslider{display: block;padding: 10px 0px 12px 0px;width: 100%;float: left;}
	.most-relv{display: none;}
	.mob-relv{display: block;background: #f8f8f8;float: left;width: 100%;padding: 0px 0px 0px 0px;}
	.newyorker{padding: 5px 10px 15px 10px;}
	.addn{padding-top: 0px;}
	.textpic{float: right;display: inline-block;}
	.textpic img{width: 120px;height: 120px;border-radius: 6px;}
	.textnewy{float: left;display: inline-block;width: 65%;overflow: hidden;margin-top: -6px;}
	.textnewy h4 a{font-size: 17px;color: #333333;margin-top: 20px;font-family: 'Humanist777BT-RomanB';font-weight: bold;}
	.textnewy p a{text-transform: uppercase;
    font-size: 13px;
    font-family: 'Avenir Next LT Pro';
    color: #666666;}
	.textnewy a:hover{text-decoration: underline;}
	.storytag{float: left;margin-top: 10px;}
	.storytag a{background: #cacaca;padding: 5px 10px;color: white;border-radius: 50px;margin-right: 5px;cursor: pointer;}
	.mst{font-size: 17px!important;text-transform: uppercase!important;margin-left: 10px!important;margin-top: 22px!important;color: #333333;font-weight: bold;margin-bottom: 15px;}
	.backf{display: none;}
	.pops{font-size: 17px!important;text-transform: uppercase!important;margin-left: 10px!important;color: #333333;font-weight: bold;margin-bottom: 20px!important;display: inline-block;margin-top: 5px;}
	.mostrelevent{display: block;}
	.darma{margin: 0px 0px 0px 42px!important;}
	#messageTextarea{width: 100%!important;max-width: 85%!important;}
	.flot{float: none;margin-right: 0px!important;margin-top: 25px;}
	.tillmay{right: 0px;text-align: center;left: 0px;}
  .offs{float: none;margin-left: 0px!important;}
  .tillmay p{font-size: 12px!important;}

}

@media only screen and (max-width: 576px){
    #flashMessage{font-size:15px;margin-bottom:5px;}
    .remember a{font-size:16px;}
    .sign-right input[type='text']{font-size:16px;}
    .signup-text a{font-size:20px;}
    #mobsign.signup-text span{font-size:17px;}
    .mnhead .searchi i{font-size:21px!important;}
    .applist .button-join a{width: 290px!important;}
  .offs{float: none;margin-left: 0px!important;}
  .offs img{height: 110px!important;width: auto!important;}
  .banner{padding: 60px 0px!important;}
  .banner-content h2{font-size: 22px!important;line-height: 35px!important;}
  .seoh1{font-size: 32px;}
  .poppic a{width: 175px;}
  .poppic p{padding: 0px 5px;}
  .button-join a{width: 220px!important;padding: 12px 4px;}
  .maypop p{font-size: 12px;}
}


@media only screen and (max-width: 480px){
	.divinwidth ul li p{padding: 10px 0px; font-size: 13px;}
	.widok{width: 65%;}

}

@media only screen and (max-width: 380px)
{
	.textnewy{width: 55%;}
}
@media screen (min-width: 480px) and (max-width: 576px){
	.featautho{margin-left: -100px;width: 100%;}
}


.palign{
    text-align:center;
}
#content {
    border-bottom: #e6d7d7 1px solid;
    border-top: #e6d7d7 1px solid;
}

h2#tmprev {
    padding: 5% 1% 1% 1%;
}

.content {
    padding-top: 10px;
}


@media only screen and (max-width: 380px){
	
}
div#mainDiv3 img {
    position: absolute !important;
}


@media only screen and (max-width: 345px){
	.pops{width: 60%;line-height: 25px;}
}

.tooltiptext {
  visibility: hidden;
  background-color: #fff;
  border:1px solid #d0d0d0;
  color: #565656;
  text-align: center;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 99%;
  left: 12.3%;
  font-size:13px;
  box-shadow:0px 3px 3px -1px #D1D1D1;
  border-bottom-color:#fff;
  width: 25%;
}

.tooltiptext::after {
    content:"";
  position: absolute;
  bottom: 100%;
  left: 45%;
  border-width: 9px;
  border-style: solid;
  border-color: transparent transparent black transparent;
  border-bottom-color:#D1D1D1;
}

.myStory-star:hover .tooltiptext {
  visibility: visible;
}


.banner{max-height: 550px!important;}

.downloadapp{float:left;width:100%;background:#f8f8f8;padding:60px 0px;}
.downloadapp .container{max-width: 1136px;padding: 0px 25px;box-shadow: 0px 16px 32px 0px #e9eef266;border-radius: 8px;padding-top: 25px;background:white;}
.applist .button-join{text-align: center;padding-top: 50px;}
.applist .button-join a{width: 300px;background:#eb6440;color:#fff;border-radius:6px;}
.applist .button-join a:hover{background: #eb5128;color: white;}
.downloadapp h3{font-family: 'Humanist777BT-RomanB';font-weight: bold;font-size: 38px;padding-left: 25px;padding-top: 45px;line-height: 52px;padding-right: 95px;letter-spacing: .6px;}
.downloadapp p{font-family: 'Humanist777BT-RomanB';color: grey;font-weight: normal;font-size: 17px;padding-left: 25px;padding-bottom: 20px;}
.dwnbutn{margin-left: 25px;}
.dwnbutn img{max-width:170px;}
.appimage img{max-width:93%;}
.downloadapp .col-sm-5{float:right;}

.sslstrip{background: white;position: fixed;z-index: 10001;width: 80%;margin: 0 auto;float: none;border-radius: 5px;padding: 10px;left: 50px;right:auto;width: 60%;box-shadow: 0px 4px 4px 0px #0000006b;bottom: 12px;}
.textapp{float:left;}
.modal{z-index:100001;}
.smallbtnapp{float: right;padding-top: 0px;}
.smallbtnapp img{max-width:144px;}
.smallbtnapp button{position: absolute;right: -12px;top: -12px;background: black;width: 25px;height: 25px;text-align: center;color: white;border-radius: 50px;font-size: 14px;padding: 3px;border:none;cursor:pointer;}
.textapp h4{font-family: 'Humanist777BT-RomanB';font-weight: bold;font-size: 22px;padding-right: 95px;letter-spacing: .6px;margin-bottom:5px;margin-top: 8px;}
.textapp p{font-size: 14px;color:grey;font-family: 'Humanist777BT-RomanB';}

.stats{float:left;width:100%;padding-top: 40px;}
.stats ul{list-style:none;}
.stats ul li{display:inline-block;padding-right: 40px;}
.stats ul li h3{font-size: 24px;font-weight: bold;font-family: 'Humanist777BT-RomanB';margin-bottom: 5px;color: black;}
.stats ul li p{font-size: 16px;margin: 0;}





/*latestcsstrending*/
.tendigstory ul{margin-left: 10px;}
.tendigstory ul li{display: inline-block;max-width: 100%;
    width: 21.4%;
    margin-right: 16px;}
.forcat{max-width:93%!important;margin:0 auto;}
.popular-container .col-sm-12{padding:0px;}
.tendigstory ul li img{max-width:100%;-webkit-box-shadow: 5px 5px 5px 0px rgba(224,224,224,1);-moz-box-shadow: 5px 5px 5px 0px rgba(224, 224, 224, 1);box-shadow: 5px 5px 5px 0px rgba(224,224,224,1);}
.tendigstory .owl-item.active{float:left;width:100%!important;}
.tendigstory .border img{max-width:100%;border-radius:0px;}
.tendigstory{width: 100%;max-width: 100%;padding: 0px 0px 35px;margin: 0 auto;}
.tendigstory .swiper{padding-left: 55px;padding-right: 15px;}
.titlestr a {color: black;text-align: left;font-size: 16px;font-weight:500;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 45px;overflow: hidden;}
.titlestr {text-align: left;margin-top: 20px;}
.tendigstory .swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    background: #f8f8f8;
    color: black !important;
    width: 45px;
    height: 45px;
    font-size: 24px;
    border-radius: 50px;
    padding-top: 10px;
}
.tendigstory .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    background: #f8f8f8;
    color: black !important;
    width: 45px;
    height: 45px;
    font-size: 24px;
    border-radius: 50px;
    padding-top: 10px;
}
.tendigstory .swiper-button-next {
    width: 45px;
    height: 45px;
    border-radius: 50px;
    top: 35%;
}
.tendigstory .swiper-button-prev {
    width: 45px;
    height: 45px;
    border-radius: 50px;
    top: 35%;
}
.tendigstory .relvtag a {
    padding: 3px 8px;
    color: #424242;
    background: #e7e7e7;
    display: inline-block;
    border-radius: 50px;
    margin-bottom: 5px;
    font-size: 12px !important;
    width: auto !important;
    height:auto;
}
.tendigstory .relvtag {
    padding-bottom: 5px;
    border-bottom: none ! Important;
}

.tendigstoryaa .relvtag a {
    padding: 3px 8px;
    color: #424242;
    background: #e7e7e7;
    display: inline-block;
    border-radius: 50px;
    margin-bottom: 5px;
    font-size: 12px !important;
    width: auto !important;
    height:auto;
}
.tendigstoryaa .relvtag {
    padding-bottom: 5px;
    border-bottom: none ! Important;
}

#popupdonation .modal-dialog{max-width:500px;}
    #popupdonation .modal-title{font-weight:600;font-size:16px;}
    #popupdonation .modal-title img{max-width: 30px;margin-right: 5px;    position: relative;top: -5px;}
    .dodetails label {width: 100%;margin-bottom:10px;}
    .dodetails{padding:25px 10px 15px;}
    .dodetails label input {border: 1px solid #ccc;width: 100%;border-radius: 10px;height: 48px;padding: 10px 15px;font-size: 15px;font-weight:400;}
    .dodetails label textarea{border: 1px solid #ccc;width: 100%;border-radius: 10px;height: 85px;padding: 10px 15px;font-size: 15px;font-weight:400;}
    .dodetails label p {font-weight: 600;margin-bottom: 7px;font-size: 14px;}
    
    
    
    .butnconfirm button{    width: 140px;
    background: #fd0;
    display: inline-block;
    padding: 13px 10px;
    color: #000;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    border: none;
    margin-top: 0px;
    border-radius: 10px;
    margin-bottom: 10px;
}
    .modal{z-index:10000000001;}
    .othramt{text-align: center;margin: 0 auto;width: 100%;}
    .othramt .othrn {background: white;color: black;font-weight: 500;height: 45px;width: 150px;border-radius: 10px;border: 1px solid #e2e2e2;box-shadow: 2px 2px 5px #cccccc85;margin-top: 10px;font-size: 15px;    margin: 0 auto;text-align: center;padding-top: 12px;margin-top: 10px;cursor: pointer;}
    .otherinbox{text-align: center;width: 100%;max-width: 150px;margin: 0 auto;border: 1px solid #ccc;display: flex;height: 48px;align-items: center;border-radius: 10px;overflow: hidden;}
    .otherinbox span{padding: 10px;border-right: 1px solid #ccc;line-height: 2px;font-weight:500;}
    .otherinbox input{width: 100%;padding: 10px;font-weight:500;border:none;outline:none;}
    .payothr{display:none;margin-top:10px;}
    .btn-primary.focus, .btn-primary:focus{background:#ffe229;color:black!important;}
    
    
.middle{display: flex;align-items: center;justify-content: center;}
.middle input[type="radio"] {
	 display: none;
}
.othramt input[type="radio"] {
	 display: none;
}
 .middle input[type="radio"]:checked + .box {
	 background-color: #02cdd3;
	 border:1px solid #02cdd3;
}
 .middle input[type="radio"]:checked + .box span {
	 color: white;
	 transform: translateY(0px);
}
 .middle input[type="radio"]:checked + .box span:before {
	 transform: translateY(0px);
	 opacity: 1;
}
.middle label {
    padding: 0px 5px;
    margin: 0px;
}
 .middle .box {
	 width: 110px;
    height: 45px;
    background-color: #fff;
    transition: all 250ms ease;
    will-change: transition;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: relative;
    font-weight: 500;
    padding-top: 10px;
    border-radius: 10px;
    border: 1px solid #e2e2e2;
    box-shadow: 2px 2px 5px #cccccc85;
}
 .middle .box:active {
	 transform: translateY(0px);
}
 .middle .box span {
	 position: absolute;
    left: 0;
    right: 0;
    transition: all 300ms ease;
    font-size: 16px;
    user-select: none;
	 color: #000;
	 font-weight:600;
}

 .middle .front-end span:before {
	
}
 .middle .back-end span:before {
	 
}
 .middle p {
	 color: #fff;
	 
	 font-weight: 400;
}
 .middle p a {
	 text-decoration: underline;
	 font-weight: bold;
	 color: #fff;
}
 .middle p span:after {
	 color: yellow;
}

.donatebtns button{display: flex;align-items: center;justify-content: center;}
.donatebtns button:hover{background:#ffe229!important;color:black!important;}


#popupdonation .modal-dialog{max-width:500px;}
    #popupdonation .modal-title{font-weight:600;font-size:16px;}
    #popupdonation .modal-title img{max-width: 30px;margin-right: 5px;    position: relative;top: -5px;}
    .dodetails label {width: 100%;margin-bottom:10px;}
    .dodetails{padding:25px 10px 15px;}
    .dodetails label input {border: 1px solid #ccc;width: 100%;border-radius: 10px;height: 48px;padding: 10px 15px;font-size: 15px;font-weight:400;}
    .dodetails label textarea{border: 1px solid #ccc;width: 100%;border-radius: 10px;height: 85px;padding: 10px 15px;font-size: 15px;font-weight:400;}
    .dodetails label p {font-weight: 600;margin-bottom: 7px;font-size: 14px;}
    .butnconfirm button{    width: 140px;
    background: #fd0;
    display: inline-block;
    padding: 13px 10px;
    color: #000;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    border: none;
    margin-top: 0px;
    border-radius: 10px;
    margin-bottom: 10px;
}
    .modal{z-index:10000000001;}
    .othramt{text-align: center;margin: 0 auto;width: 100%;}
    .othramt .othrn {background: white;color: black;font-weight: 500;height: 45px;width: 150px;border-radius: 10px;border: 1px solid #e2e2e2;box-shadow: 2px 2px 5px #cccccc85;margin-top: 10px;font-size: 15px;    margin: 0 auto;text-align: center;padding-top: 12px;margin-top: 10px;cursor: pointer;}
    .otherinbox{text-align: center;width: 100%;max-width: 150px;margin: 0 auto;border: 1px solid #ccc;display: flex;height: 48px;align-items: center;border-radius: 10px;overflow: hidden;}
    .otherinbox span{padding: 10px;border-right: 1px solid #ccc;line-height: 2px;font-weight:500;}
    .otherinbox input{width: 100%;padding: 10px;font-weight:500;border:none;outline:none;}
    .payothr{display:none;margin-top:10px;}
    .btn-primary.focus, .btn-primary:focus{background:#ffe229;color:black!important;}
    
    
.middle{display: flex;align-items: center;justify-content: center;}
.middle input[type="radio"] {
	 display: none;
}
.othramt input[type="radio"] {
	 display: none;
}
 .middle input[type="radio"]:checked + .box {
	 background-color: #02cdd3;
	 border:1px solid #02cdd3;
}
 .middle input[type="radio"]:checked + .box span {
	 color: white;
	 transform: translateY(0px);
}
 .middle input[type="radio"]:checked + .box span:before {
	 transform: translateY(0px);
	 opacity: 1;
}
.middle label {
    padding: 0px 5px;
    margin: 0px;
}
 .middle .box {
	 width: 110px;
    height: 45px;
    background-color: #fff;
    transition: all 250ms ease;
    will-change: transition;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: relative;
    font-weight: 500;
    padding-top: 10px;
    border-radius: 10px;
    border: 1px solid #e2e2e2;
    box-shadow: 2px 2px 5px #cccccc85;
}
 .middle .box:active {
	 transform: translateY(0px);
}
 .middle .box span {
	 position: absolute;
    left: 0;
    right: 0;
    transition: all 300ms ease;
    font-size: 16px;
    user-select: none;
	 color: #000;
	 font-weight:600;
}

 .middle .front-end span:before {
	
}
 .middle .back-end span:before {
	 
}
 .middle p {
	 color: #fff;
	 
	 font-weight: 400;
}
 .middle p a {
	 text-decoration: underline;
	 font-weight: bold;
	 color: #fff;
}
 .middle p span:after {
	 color: yellow;
}

.donatebtns button{display: flex;align-items: center;justify-content: center;}
.donatebtns button:hover{background:#ffe229!important;color:black!important;}


/*pagedesign*/
.donationpg{float:left;width:100%;padding:30px 0px 200px;}
#exampleModalLongTitle{font-size: 22px;font-weight: 600;display: flex;align-items: center;padding:20px 20px;border-bottom:1px solid #eaeaea;}
#exampleModalLongTitle img{max-width: 35px;margin-right: 15px;position: relative;top: -5px;}
.middle{padding-top:10px;}
.rightmodal{max-width: 100%;background: white;box-shadow: 0px 0px 10px #0505051f;padding: 0px;border-radius: 5px;}
.dontbg{background-image: url(https://www.shortstorylovers.com/authorimg/coverimg/Happy-3.jpg);height: 300px;background-size: cover;background-position: center;}
.donationpg .container{position:relative;max-width:1280px!important;}

.listofsupport{background: white;border-radius: 5px;box-shadow: 0px 0px 10px #0505051f;max-width: 500px;float: left;
    width: 100%;}
.headsuprot h2{text-transform: none;font-size: 18px;margin-bottom: 0px;font-weight: 600;padding-bottom:10px;}
.headsuprot p{color:gray;font-size:16px;margin:0px;line-height:25px;font-weight: 400;}
.headsuprot{padding:25px 20px 20px;}
.recntsupport {border-top: 1px solid #eaeaea;padding-top: 20px;padding-bottom:15px;float: left;width: 100%;}
.recntsupport h4{font-size: 18px;font-weight: 600;margin-top: 0px;padding-left: 20px;margin-bottom: 0px;padding-bottom: 20px;}
.topsupt{display:flex;}
.recntsupport ul{padding-left:20px;list-style:none;max-height: 257px;
    overflow-y: auto;float: left;width: 100%;}
/* Scrollbar Styling */
.recntsupport ul::-webkit-scrollbar {
    width: 6px;
}
 
 
 
.recntsupport ul::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.recntsupport ul::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #c1c1c1; 
}

.recntsupport ul li{padding-bottom:20px;float: left;width: 100%;}
.dontdiv{display: flex;align-items: center;}
.donticon img{max-width:45px;border-radius:50px;}
.donttext{padding-left:15px;}
.donttext span{font-weight:600;font-size:15px;}
.recntsupport ul li .nameus{height: 45px !important;width: 45px !important;margin:0px!important;font-size: 14px;
    font-weight: bold;
    background: #02cdd3;
    color: white;
    border-radius: 50px;
   
    display: flex;
    align-items: center;
    justify-content: center;
    
    text-transform: uppercase;}
.messgdiv{background: #f8f8f8;padding: 12px;border-radius: 10px;max-width: 80%;float: left;margin-left: 60px;position: relative;}
.messgdiv p{font-size: 14px;margin-bottom: 0px;}
.messgdiv::before{content: '';position: absolute;width: 0;height: 0;top: 0;border: 7px solid #f8f8f8;border-color: transparent transparent #f8f8f8 #f8f8f8;transform-origin: 0 0;transform: rotate(135deg);box-shadow: 0px 0px -2px 0 rgba(0, 0, 0, 0.1);left: 31px;}



.catgrynewdes{padding:30px 0px;background:white!important;}
    .catgrynewdes .swiper-button-next {width: 45px;height: 45px;border-radius: 50px;top: 50%;}
    .catgrynewdes .swiper-button-prev {width: 45px;height: 45px;border-radius: 50px;top: 50%;}
    .catgrynewdes .swiper-button-next:after {background: #f8f8f8;color: black !important;width: 45px;height: 45px;font-size: 24px;border-radius: 50px;padding-top: 10px;padding-left: 16px;}
    .catgrynewdes .swiper-button-prev:after {background: #f8f8f8;color: black !important;width: 45px;height: 45px;font-size: 24px;border-radius: 50px;padding-top: 10px;padding-left: 16px;}
    .followrsdiv{float:left;width:100%;padding:60px 0px 60px;background:white;}
    .followrsdiv ul li {
    width: 23%;
    margin: 0px 10px 30px;
    display: inline-block;
    vertical-align: top;}
.followrsdiv ul li:nth-child(4){margin-right:0px;}
.followrsdiv ul li:nth-child(8){margin-right:0px;}
    .folow {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 30px 15px;
    
}
.folow a{color:black;}
.flowimg {
    border-radius: 60px;
    background: white;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    margin-top:-41px;
    margin-left:15px;
    
}
.flowimg img {
   width: 70px!important;border-radius: 50px!important;
}
.auhtnfl {
    padding:20px 15px;
}
.auhtnfl h4{    font-size: 18px!important;
    font-weight: 600;
    display:flex;
}

.auhtnfl h4 img{max-width:22px;margin-left:10px;height:22px;}

.auhtnfl p{font-size: 14px;
    color: gray;
    margin-bottom: 0px;
    padding-bottom: 20px;}
.auhtnfl span {
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 46px;
    overflow: hidden;
}
.followrsdiv .container{max-width:1300px;}
.followrsdiv .popl {
    margin: 0px 0px 25px 0px!important;
}
.auhtnfl a {
    text-align: center;
    color: black;
    margin-top: 20px;
}
.top10main{width: 100%;max-width: 100%!important;padding: 15px 0px 0px;margin: 0 auto;}
.stnmactg {
    text-align: left;
    color: black;
    padding-top: 15px;
}
.catssl {
    padding-bottom: 3px;
}
.catssl a {
    color: #333;
    font-size: 12px;
    text-transform: none;
    font-weight: bold;
    letter-spacing: .4px;
    height: auto !important;
}
.strssl a {
    color: black;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: auto;
    overflow: hidden;
}
.hoverdiv:hover .stnmactg {
    padding-left: 10px;
    margin-top: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 10px;
}
.hoverdiv:hover .strssl a {
    font-size: 14px;
}
.authhmssl {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}
.authhmssl a {
    display: flex;
    align-items: center;
    color: black;
    font-size: 13px;
    font-weight: bold;
}
.authhmig img {
    max-width: 30px !important;
    border-radius: 50px !important;
    margin-right: 10px;
}
.hoverdiv:hover .authhmssl {
    padding-left: 10px;
    padding-top: 10px;
}
.titlestr .stnmactg {
    padding-top: 0px;
}
.hoverdiv:hover .titlestr .stnmactg {
    padding: 0px;
}
.cvimage{height: 163px;background-size: cover;background-position: center;border-radius: 6px 6px 0px 0px;}
    .auhtnfl{position:relative;}
    .subshm{background: #ffdd00;border-radius: 50px;font-size: 13px;font-family: 'Poppins';font-weight: 500;position: absolute;right: 15px;margin-top: 0px;top: -33px;}
    
    .subshm button {
    background: #ffdd00;
    padding: 7px 16px;
    border-radius: 50px;
}

#authorscd{padding-bottom:70px;}

.supprtstrip a {
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 10px;
    margin-left: 10px;
    color: black;
    border: 1px solid black;
}

.ctagyhead{max-width:93%!important;}
.catgrynewdes .swiper{padding-left:55px;padding-right:55px;}
.catgrynewdes .col-sm-12{padding:0px;}


 .lafeat{float:left;width:100%;}
    
        .skeleton {
            height: 292px;
            float: left;
            width: 100%;
            overflow: auto;
            white-space: nowrap;
            overflow-x: hidden;
            overflow-y: hidden;
            padding-left: 56px; 
        }
        .skeleton-item {
            background: #ddd;
            width: 287px;
            height: 287px;
            border-radius: 4px;
            animation: skeleton-loading 1.5s infinite;
            display: inline-block;
            margin-right: 17px;
        }
        
        .skeleton2 {
            height: 209px;
            float: left;
            width: 100%;
            overflow: auto;
            white-space: nowrap;
            overflow-x: hidden;
            overflow-y: hidden;
            padding-left: 56px; 
        }
        .skeleton-item2 {
            background: #ddd;
            width: 209px;
            height: 209px;
            border-radius: 4px;
            animation: skeleton-loading 1.5s infinite;
            display: inline-block;
            margin-right: 17px;
        }
        
        .skeleton3 {
            height: 209px;
            float: left;
            width: 100%;
            overflow: auto;
            white-space: nowrap;
            overflow-x: hidden;
            overflow-y: hidden;
            padding-left: 56px; 
        }
        .skeleton-item3 {
            background: #ddd;
            width: 209px;
            height: 209px;
            border-radius: 4px;
            animation: skeleton-loading 1.5s infinite;
            display: inline-block;
            margin-right: 17px;
        }
        
        .skeleton4 {
                float: left;
    width: 100%;
    overflow: auto;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-left: 72px;
        }
        .skeleton-item4 {
            background: #ddd;
    width: 257px;
    height: 120px;
    border-radius: 4px;
    animation: skeleton-loading 1.5s infinite;
    display: inline-block;
    margin-right: 17px;
        }
        
        .skeleton5 {
            height: 209px;
            float: left;
            width: 100%;
            overflow: auto;
            white-space: nowrap;
            overflow-x: hidden;
            overflow-y: hidden;
            padding-left: 56px; 
        }
        .skeleton-item5 {
            background: #ddd;
            width: 209px;
            height: 209px;
            border-radius: 4px;
            animation: skeleton-loading 1.5s infinite;
            display: inline-block;
            margin-right: 17px;
        }
        
        .skeleton6 {
            height: 209px;
            float: left;
            width: 100%;
            overflow: auto;
            white-space: nowrap;
            overflow-x: hidden;
            overflow-y: hidden;
            padding-left: 56px; 
        }
        .skeleton-item6 {
            background: #ddd;
            width: 209px;
            height: 209px;
            border-radius: 4px;
            animation: skeleton-loading 1.5s infinite;
            display: inline-block;
            margin-right: 17px;
        }
        
        
        .skeleton8 {
            float: left;
            width: 100%;
            overflow: auto;
            white-space: nowrap;
            overflow-x: hidden;
            overflow-y: hidden;
            padding-left: 60px; 
        }
        .skeleton-item8 {
            background: #ddd;
            width: 255px;
            height: 90px;
            border-radius: 4px;
            animation: skeleton-loading 1.5s infinite;
            display: inline-block;
            margin-right: 17px;
        }
        
        @keyframes skeleton-loading {
            0% {
                background-color: #ddd;
            }
            50% {
                background-color: #ccc;
            }
            100% {
                background-color: #ddd;
            }
        }

#popular-container .owl-next {
    right: 20px;
    background: url(../img/right-chevron-ssl-blk.png) no-repeat 0 0px;
    height: 45px;
    width: 45px;
    background-color: white;
    border-radius: 50px;
    background-position: center;
}

#popular-container .owl-prev {
    left: 20px;
    background: url(../img/right-chevron-ssl-blk.png) no-repeat 0 0px;
    height: 45px;
    width: 45px;
    background-color: white;
    border-radius: 50px;
    background-position: center;
    transform: rotate(180deg);
}

#catetop{position:relative;}

#catetop .owl-next {
    right: 30px;
    background: url(../img/right-chevron-ssl-blk.png) no-repeat 0 0px;
    height: 45px;
    width: 45px;
    background-color: white;
    border-radius: 50px;
    background-position: center;
    position: absolute;
    top: 30%;
}

#catetop .owl-prev {
    left: 30px;
    background: url(../img/right-chevron-ssl-blk.png) no-repeat 0 0px;
    height: 45px;
    width: 45px;
    background-color: white;
    border-radius: 50px;
    background-position: center;
    transform: rotate(180deg);
    position: absolute;
    top: 30%;
}
.owl-theme .owl-nav [class*=owl-]{font-size:0px!important;}

#featuredauth-container .owl-next {
    right: 20px;
    background: url(../img/right-chevron-ssl-blk.png) no-repeat 0 0px;
    height: 45px;
    width: 45px;
    background-color: white;
    border-radius: 50px;
    background-position: center;
    position: absolute;
    top: 30%;
}

#featuredauth-container .owl-prev {
    left: 20px;
    background: url(../img/right-chevron-ssl-blk.png) no-repeat 0 0px;
    height: 45px;
    width: 45px;
    background-color: white;
    border-radius: 50px;
    background-position: center;
    transform: rotate(180deg);
    position: absolute;
    top: 30%;
}
header .container{padding:0px 60px;}
.popular-container .owl-carousel .owl-stage{padding-top:30px;padding-bottom:20px;}
.popular-container.latsfeat .owl-carousel .owl-stage{padding-top:30px;padding-bottom:30px;}
.catgrynewdes .owl-carousel .owl-stage{padding-top:30px;padding-bottom:20px;}
.hoverdiv:hover{transform: scale(1.05);background: #f8f8f8;box-shadow: 0px 0px 4px #00000052;border-radius: 5px;position: relative;z-index: 1001;}
    .hoverdiv:hover a img{border-radius:5px 5px 0px 0px;}
    .hoverdiv:hover .titlestr{padding-left: 10px;margin-top: 10px;padding-right:10px;}
    .hoverdiv:hover .titlestr a{font-size:13px!important;height:41px;}
    .hoverdiv:hover .relvtag a{font-size:11px!important;margin-bottom:0px!important;height:auto!important;}
    .catgeblck:hover{transform: scale(1.1);box-shadow: 0px 0px 4px #00000052;border-radius: 5px;position: relative;z-index: 1001;}
    .hoverdiv:hover .datarelat{padding-left: 10px;padding-right: 10px;margin-top:10px;}
    #skeleton4 .owl-carousel .owl-stage{padding-top:30px;padding-bottom:30px;}
#featuredauth-container .hoverdiv:hover{transform: scale(1.05);box-shadow: 0px 0px 4px #00000052;border-radius: 5px;position: relative;z-index: 1001;}
#featuredauth-container .hoverdiv:hover .auhtnfl h4{font-size:16px!important;}
.latsfeat .hoverdiv:hover{transform: scale(1.05);box-shadow: 0px 0px 4px #00000052;border-radius: 5px;position: relative;z-index: 1001;}
.auhtnfl h4:hover .blktl{display:flex!important;}
.blktl{font-size: 11px;
    background: black;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 5px;
    position: relative;
    top: -30px;
    left: -43px;    width: 70px;
    height: 24px;
    font-weight: normal;display:none;z-index:1001;}
.blktl::after{content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -2px;
    right: 30% !important;
    border: 7px solid black;
    border-color: #000 black black;
    transform-origin: 0 0;
    transform: rotate(47deg);
    box-shadow: -5px 5px 5px 0 rgba(0, 0, 0, 0.1);
    left: auto;
    z-index: -1;}

.storcnt{background:linear-gradient(to bottom, #d2d2d2 0%, #272727 100%)!important;-webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;}
    
    
.greydivstory{float:left;width:100%;padding:60px 0px;background:#f2f2f28a;}
.greydivstory .container{max-width: 100%;padding: 0px 60px;}
    
.greydivstory h2{text-transform: none;font-size: 24px;margin: 0px;padding: 20px 0px 30px;}    
.greydivstory h2 span br{display:none;}
.greydivstory h3{font-size: 22px;margin: 0px;padding-bottom: 10px;color: black;font-weight: bold;}
.greydivstory h3 span{font-weight:500!important;}
.greydivstory h4{font-size: 22px;margin: 0px;padding-bottom: 10px;color: black;font-weight: bold;}
.greydivstory h4 span{font-weight:500!important;}
.greydivstory h5{font-size: 22px;margin: 0px;padding-bottom: 10px;color: black;font-weight: bold;}
.greydivstory h5 span{font-weight:500!important;}
.greydivstory h6{font-size: 22px;margin: 0px;padding-bottom: 10px;color: black;font-weight: bold;}
.greydivstory h6 span{font-weight:500!important;}
.greydivstory p {font-size: 16px;margin-bottom: 20px;color: #646464;}    


.highdemans{float:left;width:100%;padding:60px 0px;font-family:poppins;}
.headdmnd h1 {color: black;font-size: 26px;font-weight: 600;margin:0px;}
.headdmnd h1 span{color:#eb6440;}
.headdmnd p {font-size: 16px;color: #1e1e1e;padding-top: 10px;max-width: 590px;line-height:28px;}
.blockshm.text-center {float: left;width: 100%;text-align:left;}
.blockshm ul{}
.blockshm.text-center ul li{display:inline-block;position:relative;}
.blockshm.text-center ul li a {display: flex;width: 230px;height: 100px;flex-direction: column;color: black;align-items: baseline;justify-content: center;margin-bottom:10px;
}
.iconwar {
    font-size: 16px;
    margin-bottom: 8px;
    color: #eb6440;
}
.blockshm.text-center {
    float: left;
    width: 100%;
    margin-top: 10px;
}
.blockshm.text-center ul li a h3 {
     font-size: 18px;
    font-weight: 600;
    margin-top:0px;
    margin-bottom: 5px;
    display:flex;
}
.blockshm.text-center ul li a p {
    font-size: 14px;
}
.adbtnstow {
    float: left;
    width: 100%;
    margin-top: 10px;
}
.rightgp {
    float: left;
    width: 100%;
    padding-left: 30px;
}
.addhomestr a{    background: #02cdd3;
    color: black;
    font-weight: 600;
    padding: 14px 0px;
    font-size: 18px;
    border-radius: 6px;
    display: block;
    max-width: 180px;
    text-align: center;
    margin-top: 0px;}   
    .addhomestr a:hover{text-decoration:none!important;color:black!important;}


.addhomestr p{    margin-top: 15px;
    color: black;
    font-size: 14px;
    font-weight: 400;}    

.iconwar img{max-width:45px;margin-bottom:15px;}
.adbtnstow p {
    font-size: 15px;
    margin-top: 15px;
}    

.demnaimg img{max-width:100%;border-radius:5px;}

.blockshm.text-center ul li a h3 i{width: 18px;
    height: 18px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    background: none;
    border: 1px solid black;
    cursor: pointer;
    transform: rotate(180deg);
    font-size: 9px;}    
    
.highdemans .row{background: #e4ebfd;
    border-radius: 5px;
    padding: 35px 15px;}
    
 
.toolpopss {
    background: white;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #ccc;
    padding: 20px;
    position: absolute;
    z-index: 10001;
    right: 0px;
    width: 320px;
    top: 66px;
    display: none;
}
.toolpopss h5 {
    font-size: 16px;
    font-weight: 600;
}
.toolpopss p {
    font-weight: normal;
    font-size: 14px;
    margin: 0px;
}
 
.bottomnavg ul{margin-bottom: 0px!important;}


/*webviewcode*/
    .mainsection{float:left;width:100%;}
    .mainsection .container{max-width:100%;width:100%;padding:0px;}
    .col-sm-2.leftpanl{height: 100vh;overflow-x: hidden;margin-bottom: 84px;top: 80px;overflow-y: scroll;background:rgb(244 242 255)!important;max-width: 18%;float: left;left: 0px;padding: 0px;padding-bottom: 74px;position: fixed !important;  width: 17.8%;}
    .Leftbardiv {float: left;width: 100%;padding: 30px 5px 5px;}
    .listofbar {float: left;width: 100%;padding: 0px 16px;}
    .listofbar ul {list-style: none;}
    .listofbar ul li {display: block;}
    .listofbar ul li a {display: block;width: 100%;font-size: 15px;padding: 10px 20px;margin-bottom: 8px;color: black;border-radius: 10px;font-family:"Poppins";}
    .listofbar ul li a img {max-width: 20px;margin-right: 10px;}
    .listofbar ul li a:hover{background: white;text-decoration: none;}
    .mainsection .col-sm-10 {max-width: 82%;float: right;padding: 0px 60px;padding-top: 120px;}
    .mainsection #style-1 {max-height: 100%!important;overflow-y: auto!important;}
    .hdlist{margin-bottom:30px;float: left;width: 100%;}
    .hdlist h1{color: black;font-size: 28px;font-weight: 600;font-family: 'Poppins', sans-serif !important;margin-bottom: 15px;margin:0px;}
    .hdlist h1 i{display:none;}    
    
    .fixdprol{float: left;position: fixed;bottom: 50px;left:38px;}
    .prl .nameus{height: 55px !important;width: 55px !important;font-size:20px!important;}
    .prl{display: flex;align-items: center;}
    .nmandedit span{display:block;font-size:16px;font-family:"Poppins";font-weight:500;color:black;}
    .nmandedit span a{text-decoration: underline;font-weight: 500;color: #616161;font-size:15px;}
    
  .nosupport {font-family: poppins;margin-top: 60px;float:left;width:100%;}
    .sad img {max-width: 32px;}
    .nosupport h4 {
    font-weight: 600;
    padding-top: 5px;
    font-size: 15px;
    font-family: poppins;
    float:none!important;
    }
    .nosupport p {
    font-size: 15px;
    }
    .nosupport a {
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-top: 25px;
    padding: 14px 20px;
    width: 250px;
    color: black;
    font-weight: 600;
    background: #fff001;
    border-radius: 50px;
    font-size: 15px;
    }
  
    
     .headingsbs{padding: 9px 15px !important;background: #58C9CE !important;height:56px;display:none;}
.headingsbs h1{font-size: 15px !important;display: flex;margin-bottom:0px;font-weight:600;align-items:center;margin-top:0px!important;margin-bottom:0px!important;}
.headingsbs .formbner button{text-transform: none;color: black;width: 120px;padding: 8px 0px;font-size: 13px;border:1px solid black;border-radius:6px;    background: none;letter-spacing: 0;}
.payoutpg{padding-top:0px!important;}
.headingsbs h1 a {width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px;
        border-radius: 50px;
    }
.headingsbs h1 a:hover{background:#60e2e7;}  
    
.hdlist h1 a{width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;margin-right: 15px;border-radius: 50px;}
.hdlist h1 a:hover{background:#60e2e7;} 
.readinglist .hdlist h1 i{margin-right:0px!important;}
.hdlist h1{align-items:center;}
    
.xplore a{height:50px;}  
.titlestr a:hover{color: black!important;}
.strssl a:hover{color: black!important;}
.catssl a:hover{color: #333!important;}
.view-more a:hover{text-decoration: underline!important;}
.previa a:hover{text-decoration: none!important;}
.hoverdiv:hover .titlestr a {
    font-size: 13px !important;
    height: 41px;
}
.hoverdiv:hover .datarelat h3 a{font-size: 14px!important;}   
.skeleton32 {height: 292px;float: left;width: 100%;overflow: auto;white-space: nowrap;
    overflow-x: hidden;overflow-y: hidden;padding-left: 56px;}

@media only screen and (max-width:576px){

    .skeleton32 {
        height: auto;
        padding-left: 16px;
    }
}