@import url('https://fonts.googleapis.com/css?family=Play:400,700|Roboto:300,400,500,700');
.fonts{
	font-family: 'Roboto', sans-serif;
	font-family: 'Play', sans-serif;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
}
*:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
::selection {
  background: #e9188e;
  color: #fff;
}
::-moz-selection {
  background: #e9188e;
  color: #fff;
}
input[type="text"] {
  border-radius: 0px;
}
select {
  -webkit-appearance: menulist-button;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
a {
  text-decoration: none;
  outline: none;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -ms-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}
a:hover, a:focus {
  outline: none;
  text-decoration: none;
}
button {
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -ms-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}
header, section, footer, aside, article, figure {
  display: block;
}
body {
  background-color: #FFF;
  margin: 0;
  padding: 0;
  color: #fff;
  font-weight: 400;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
}
.clr {
  clear: both;
  line-height: 0;
  font-size: 0;
}
.galaxy-bg{
	background-image: url('../images/galaxy-bg.jpg');
	background-size: cover;
}
.galaxy-bg.inner{
	background-position: 0 -129px;
}
.header{
	padding-top: 30px;
	padding-bottom: 30px;
}
.header .join{
	font-size: 17px;
	text-transform: uppercase;
	text-align: right;
	font-weight: 300;
}
.header .join .fa{
	margin-left: 15px;
}
.header .join a{
	color: #fff;
	font-size: 20px;
}
.header .join a:hover{
	color: #ffd800;
	text-decoration: none;
}
.navigation{
	margin-top: 25px;
}
.navigation .navbar{
	margin-bottom: 0;
	border-radius: 0;
	font-family: 'Play', sans-serif;
}
.navigation .navbar-nav{
	float: right;
}
.navigation .navbar .navbar-collapse{
	padding: 0;	
}
.navigation .navbar-default{
	background-color: transparent;
    border-color: transparent;
	min-height: auto;
}
.navigation .navbar-nav > li{
	margin-left: 35px;
}
.content-bg h4 {
    font-family: 'Play', sans-serif;
    font-weight: 600;
    font-size: 15px;
}
.navigation .navbar-default .navbar-nav > li > a{
	color: #ffd800;
	font-weight: 400;
	font-size: 20px;
	text-transform: uppercase;
	padding: 0;
}
.story-tittle-content a {
    text-transform: uppercase;
}
.navigation .navbar-default .navbar-nav > li > a:hover, 
.navigation .navbar-default .navbar-nav > li > a:focus{
	color: #fff;
	background-color: transparent;
}
.navigation .navbar-default .navbar-nav > li.current_page_item a{
	color: #fff;
	background-color: transparent;
}
.navigation .dropdown-menu{
	background-color: #ffd800;
	font-size: 16px;
	border: 0;
	box-shadow: none;
	border-radius: 0;
}
.navigation .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	background-color: #281b45;
	color: #fff;
}
.banner-area{
	padding-top: 50px;
}
.banner-area .col-md-5.right{
	float: right;
}
.banner-area .col-md-7.left{
	float: left;
}
.banner-area .issue-detail{
	padding-left: 50px;
	margin-top: 100px;
}
.banner-area .issue-detail h1{
	font-size: 26px;
	font-weight: bold;
	color: #00ffea;
	text-transform: uppercase;
	font-family: 'Play', sans-serif;
	margin-bottom: 20px;
}
.banner-area .issue-detail p{
	font-size: 17px;
	font-weight: 300;
	line-height: 35px;
}
.banner-area .issue-detail .month-detail ul{
	margin: 50px 0;
	padding: 0;
	list-style: none;
}
.banner-area .issue-detail .month-detail ul li{
	display: inline-block;
	font-size: 17px;
	padding: 5px 10px;
	font-weight: 300;
}
.banner-area .issue-detail .month-detail ul li.active{
	background-color: #ff884e;
}
.banner-area .issue-detail .ebbok-btn {
	margin: 7px 0;
}
.banner-area .issue-detail .ebbok-btn a{
	background-color: #ec6929;
	font-size: 17px;
	color: #fff;
	display: inline-block;
	border-radius: 10px;
	text-transform: uppercase;
	padding: 13px 20px;
	font-weight: 300;
	width: 290px;
	text-align: center;
}
.banner-area .issue-detail .ebbok-btn a:hover{
	background-color: #ffd800;
	text-decoration: none;
	color: #000;
}
.banner-area .ci-img{
	position: relative;
	top: 50px;
}
.banner-area .ci-img img{
	border: 1px solid #00ffea;
	
}
.content-bg{
	background-image: url('../images/content-bg.jpg');
	background-size: cover;
	padding-top: 70px;
	padding-bottom: 50px;
	color: #262626;
}
.content-bg h1{
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Play', sans-serif;
	margin: 0 0 15px 0;
}
.content-bg .content-points{
	background-color: #ec6929;
}
.content-bg .content-points ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.content-bg .content-points ul li{
	margin: 0;
	text-align: center;	
	border-bottom: 1px solid #fc8951;
}
.content-bg .content-points ul li a{
	font-size: 18px;
	color: #fff;
	font-weight: 300;
	display: block;
	padding: 15px 15px;
}
.content-bg .content-points ul li a:hover, 
.content-bg .content-points ul li a.active{
	text-decoration: none;
	background-color: #4e67ff;
}
.content-bg .content-main h2{
	color: #000;
	font-size: 23px;
	text-align: center;
	font-weight: 300;
	margin: 0 0 30px 0;
	line-height: 30px;
}
.content-bg .content-main h2 span{
	text-transform: uppercase;
	display: block;
}
.content-bg .content-main p{
	font-size: 15px;
	color: #262626;
	text-align: center;
	font-weight: 400;
	line-height: 30px;
	margin: 20px 0;
}
.content-bg .content-main .buy-btn{
	text-align: center;
	margin-top: 50px;
}
.content-bg .content-main .buy-btn a{
	background-color: #1d3bf1;
	border-radius: 10px;
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
	padding: 15px 25px;
	display: inline-block;
}
.content-bg .content-main .buy-btn a:hover{
	text-decoration: none;
	background-color: #f31050;
}
.dragon-bg{
	background-image: url('../images/dragon-bg.jpg');
	background-size: cover;
	padding-top: 30px;
	padding-bottom: 70px;
}
.dragon-bg h1{
	text-align: center;
	font-size: 35px;
	font-weight: 300;
	margin-bottom: 40px;
	text-transform: uppercase;
}
.dragon-bg h3{
	text-transform: uppercase;
	color: #ffb924;
	font-size: 25px;
	font-weight: 500;
}
.dragon-bg .issue-type ul{
	margin: 0;
	padding: 0;
	list-style: none;	
}
.dragon-bg .issue-type ul li{
	
	line-height: 40px;
}
.dragon-bg .issue-type ul li::after{
	content: "";
    height: 1px;
    background: #fff;
    width: 270px;
    position: absolute;
    left: 15px;
}
.dragon-bg .issue-type ul li:first-child::after{
	height: 0;
}
.dragon-bg .issue-type ul li a{
	font-size: 20px;
	color: #fff;
	font-weight: 300;
}
.dragon-bg .issue-type ul li a:hover, 
.dragon-bg .issue-type a:hover{
	text-decoration: none;
	color: #ffd800;
}
.dragon-bg .issue-type a.issue-btn{
	background-color: #8ea411;
	color: #fff;
	font-size: 25px;
	font-weight: 400;
	text-transform: uppercase;
	padding: 10px 20px;
	border-radius: 10px;
	margin-top: 50px;
	display: inline-block;
}
.dragon-bg .issue-type a.issue-btn:hover{
	background-color: #ffd800;
	color: #000;
}
.dragon-bg .subs{
	border: 1px solid #fff;
	padding-top: 20px;
	padding-bottom: 20px;
}
.dragon-bg .subs h3{
	font-size: 25px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	margin: 0 0 20px 0;
}
.dragon-bg .subs .weightbook{
	background-color: #da9215;
	padding: 10px;
	height: 90px;
	position: relative;
	border: 1px solid transparent;
	margin: 15px 0;
}
.dragon-bg .subs .amazon{
	background-color: #1589da;
	padding: 10px;
	height: 90px;
	margin: 15px 0;
	position: relative;
	border: 1px solid transparent;
}
.dragon-bg .subs .digital{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}
.dragon-bg .subs .email{
	background-color: #11a491;
	padding: 10px;
	height: 90px;
	position: relative;
	border: 1px solid transparent;
}
.dragon-bg .subs .logo{
	float: left;
	width: 150px;
	text-align: center;
	margin-top: 15px;
}
.dragon-bg .subs .logo.email-logo{
	width: 100px;
}
.dragon-bg .subs .text{
	font-size: 17px;
	color: #fff;
	font-weight: 300;
	float: right;
	width: 185px;
	text-align: center;
	margin-top: 12px;
}
.dragon-bg .subs .paper-text{
	margin-top: 5px;
}
.logo.paper-logo img {
    width: 125px;
    height: 38px;
}
.dragon-bg .subs .below-content {
    margin-top: 15px;
    font-size: 16px;
    font-family: 'Play', sans-serif;
    line-height: 22px;
}
.dragon-bg .subs .below-content a {
    color: #da9215;
}
.dragon-bg .subs .below-content a:hover {
    color: #1589da;
}
.dragon-bg .subs .text.email-text{
	font-size: 17px;
	width: 230px;
	margin-top: 15px;
}
.dragon-bg .subs .text.email-text a{
	color: #000;
	display: block;
	font-size: 17px;
	font-weight: 400;
}
.dragon-bg .subs .weightbook:hover, 
.dragon-bg .subs .amazon:hover, 
.dragon-bg .subs .email:hover{
	background-color: #8ea411;
	transition: all 250ms;
	border: 1px solid #fff;
	cursor: pointer;
}

.archive-bg{
	background-image: url('../images/archive-bg.jpg');
	background-size: cover;
	padding-top: 30px;
	padding-bottom: 60px;
}
.archive-bg h1{
	text-align: center;
	font-size: 35px;
	font-weight: 300;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.archive-bg .archive-img img{
	border: 1px solid #fff;
	width: 100%;
	height:297px;
}
.archive-bg .archive-text{
	text-align: center;
	padding: 10px 20px;
}
.archive-bg .archive-text a{
	color: #fff;
	font-family: 'Play', sans-serif;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
}
.archive-bg .view-all{	
	text-align: right;
}
.archive-bg .view-all a{
	background-color: #00ffcc;
	font-size: 17px;
	color: #000;
	text-transform: uppercase;
	display: inline-block;
	padding: 5px 15px;
	margin-bottom: 20px;
}
.archive-bg .view-all a:hover{
	background-color: #1d3bf1;
	text-decoration: none;
	color: #fff;
}

.footer-top{
	background-color: #202020;
	padding-top: 40px;
	padding-bottom: 40px;
}
.footer-top .footer-logo{
	margin-top: 90px;
}
.footer-top .footer-logo img{
	padding-left: 30px;
	opacity: 0.8;
}
.footer-top .footer-logo img:hover{
	opacity: 1;
}
.footer-top .write-us h4{
	font-size: 22px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.footer-top .write-us a{
	background-color: #4c4c4c;
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	padding: 10px 15px;
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 5px;
}
.footer-top .write-us a:hover{
	text-decoration: none;
	background-color: #1589da;
}
.footer-bottom{
	background-color: #171717;
	padding-top: 40px;
	padding-bottom: 20px;
	font-size: 17px;
	font-weight: 300;
	text-align: center;
}
.footer-bottom p{
	margin-bottom: 30px;
}
.navigation .navbar-toggle{
	float: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;
}
.navigation .navbar-header{
	text-align: center;
}
/******** addition *******/
.ebbok-btn-orange{
	font-size:14px;
	color:#ec6929;
	background:none;
	padding:0px;
	margin:12px 0px 0px;
}
.banner-area .issue-detail .ebbok-btn a.ebbok-btn-orange {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #ec6929;
    display: block;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 3px;
    margin: 12px 0 0;
    padding: 0;
}
.banner-area .issue-detail .ebbok-btn a.ebbok-btn-orange:hover{
	color:#FBBE09;
}
.content-bg #boxscroll.content-points, .content-bg #story-corponding-text {
    max-height: 540px;
}
.nicescroll-cursors {
  background: rgba(0, 0, 0, 0.5) !important;
}
.content-bg .content-points ul li {
  border-bottom: 0 none;
}
.content-bg .content-points ul li a:hover, .content-bg .content-points ul li a.active{
	background:none;
}
.content-bg .content-points ul li a {
  padding: 20px 40px;
  font-weight:normal;
}
.content-bg .content-points ul li.active a{
	background-color: #4e67ff;
}
.content-bg .content-points ul li a.disabled-link {
    color: #c7c7c7;
    cursor: not-allowed;
}
.content-bg .content-points ul li a.disabled-link:hover {
	color:#fff;
    background: #c7c7c7;
}
.content-bg .content-points ul li.story-tittle-content a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #0a3d75;
    font-weight: bold;
}
.content-bg {
    background-image: url("../images/content-bg2.jpg");
}
.content-bg .content-main p {
    color: #000;
    text-align: left;
}
.dragon-bg .issue-type ul li {
    position: relative;
}
.dragon-bg .issue-type {
    padding-left: 120px;
}
/* Archives */
.page-heading{
	font-size: 25px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Play', sans-serif;
	padding: 65px 0;
	font-weight: bold;
}
.archive-full{
	background-color: #f78e36;
	padding-top: 50px;
	padding-bottom: 50px;
}
.archive-full .ar-bg{
	background-color: #f3f3f3;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.archive-full .ar-bg h2{
	color: #113aeb;
	text-transform: uppercase;
	font-size: 24px;
	font-family: 'Play', sans-serif;
	margin: 0 0 20px 0;
	font-weight: 600;
}
.archive-full .ar-bg .issue-img{
	text-align: center;
}
.archive-full .ar-bg .issue-img img{
	width: 100%;
	border: 1px solid #000;
}
.archive-full .ar-bg .issue-img h4{
	font-size: 18px;
	font-family: 'Play', sans-serif;
	text-transform: uppercase;
	color: #000;
}
.archive-full .ar-bg .issue-img h4 span{
	display: block;
}
.archive-full .ar-bg .content h3{
	font-size: 20px;
	font-family: 'Play', sans-serif;
	margin: 0 0 20px 0;
	font-weight: 600;
	color: #000;
	text-transform: uppercase;
}
.archive-full .ar-bg .content .content-text{
	font-size: 16px;
	font-weight: 400;
	color: #000;
}
.archive-full .ar-bg .content .content-text span{
	color: #ab4f03;
}
.ar-bg .issue-download h3{
	font-size: 20px;
	font-family: 'Play', sans-serif;
	margin: 0 0 5px 0;
	font-weight: 600;
	color: #000;
	text-transform: uppercase;
}
.ar-bg .issue-download .download-menu ul{
	list-style: none;
	margin-bottom: 20px;
}
.ar-bg .issue-download .download-menu ul li a{
	color: #e71a1a;
	font-size: 16px;
}
.ar-bg .issue-download .download-menu ul li a:hover{
	text-decoration: underline;
}
/* About */
.ar-bg .about-text h3 {
    font-size: 20px;
    font-family: 'Play', sans-serif;
    margin: 0 0 20px 0;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
}
.about-text p{
	font-size: 16px;
	color: #000;
	font-weight: 400;
	margin-bottom: 20px;
	line-height: 25px;
}
.about-text p a{
	color: #e71a1a;
}
/* Pagination */
nav.custom-pagination{
	text-align: center;
}
nav.custom-pagination a{
    padding: 6px 10px;
    background-color: #2d2d2d;
    color: #fff;
    font-size: 16px;
}
nav.custom-pagination a:hover{
	background-color: #000;
	text-decoration: none;
}
nav.custom-pagination span.current {
    padding: 6px 10px;
    background-color: #000;
    color: #fff;
    font-size: 16px;
}

/*--addtional-css-start----*/

.search-form {
    text-align: right;
    margin-bottom: 10px;
    margin-right: -15px;
    margin-left: -15px;
    position: relative;
}
.search-form label {
    font-family: 'Play', sans-serif;
    font-size: 20px;
}
.search-form input[type="search"] {
    border: 1px solid #ccc;
    padding: 5px;
    height: 31px;
    width: 100%;
    max-width: 290px;
    color: #000;
}

.search-form button.get-search:hover{
	 border: 1px solid #fcad6b;
    background: #fcad6b;}

.search-form button.get-search {
    border: 1px solid #ffd800;
    background: #ffd800;
    color: #000;
    padding: 5px 15px;
    font-family: 'Roboto', sans-serif;
}
.archive-full .ar-bg.search-get h2 {
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 1199px){
.header .logo img{
	width: 100%;
}
.navigation .navbar-default .navbar-nav > li > a{
	font-size: 17px;
}
.dropdown-menu > li > a{
	font-size: 15px;
}
.banner-area .issue-detail{
	padding-left: 25px;
}
.banner-area .ci-img img{
	width: 100%;
}
.footer-top .footer-logo img{
	width: 100%;
}
.footer-top .write-us a{
	font-size: 16px;
}
}

@media (max-width: 991px){
.header .logo{
	text-align: center;
}
.header .join{
	text-align: center;
	margin-top: 30px;
}
.header .logo img{
	width: auto;
}
.page-heading{
	text-align: center;
}
.navigation .navbar-nav{
	float: none;
	text-align: center;
}
.navigation .navbar-nav > li{
	float: none;
	display: inline-block !important;
}
.navigation .navbar-nav > li {
    margin: 0 20px;
}
.banner-area{
	padding-top: 20px;
	padding-bottom: 30px;
}
.banner-area .col-md-5.right, 
.banner-area .col-md-7.left{
	float: none;
}
.banner-area .ci-img{
	text-align: center;
	top: 0;
}
.banner-area .ci-img img{
	width: auto;
}
.banner-area .issue-detail{
	text-align: center;
	padding-left: 0;
	margin-top: 30px;
}
.galaxy-bg.inner{
	background-position: 0 -227px;
}
.footer-top .footer-logo{
	margin-top: 0;
	text-align: center;
}
.footer-top .footer-logo img{
	width: auto;
	padding-left: 0;
}
.footer-top .write-us{
	text-align: center;
	margin-top: 30px;
}
.archive-bg .archive-img{
	text-align: center;
}
.archive-bg .archive-img img{
	width: auto;
}
.archive-bg .archive-text{
	margin-bottom: 20px;
}
.archive-bg .archive-text a{
	font-size: 17px;
}
.archive-bg h1{
	font-size: 30px;
}
.content-bg .content-main {
  padding-top: 20px;
}
.container-fluid.dragon-bg {
  padding: 0;
}.dragon-bg .issue-type {
    padding-left: 15px;
}
}

@media (max-width: 767px){
.navigation .navbar-nav{
	margin: 0;
}
.navigation .navbar-nav > li{
	margin: 0;
}
.navigation .navbar-default .navbar-toggle:hover, 
.navigation .navbar-default .navbar-toggle:focus{
	background-color: #ec6929;
}
.navigation .navbar-default .navbar-toggle .icon-bar{
	background-color: #FFF;
}
.navigation .navbar-default .navbar-collapse, 
.navbar-default .navbar-form{
	border-color: transparent;
	background: #ec6929;
	padding: 10px 0;
	border: 1px solid #fff;
}
.navigation .navbar-nav > li{
	width: 100%;
}
.navigation .navbar-default .navbar-nav > li > a{
	color: #FFF;
}
.navigation .navbar-nav > li > a{
	line-height: 35px;
}
.navigation .dropdown-menu{
	position: relative;
	float: none;
	text-align: center;
}
.page-heading{
	padding: 20px 0;
}
.galaxy-bg.inner {
    background-position: 0 -243px;
}
.archive-bg{
	padding-top: 10px;
	padding-bottom: 10px;
}
.archive-bg .view-all{
	text-align: center;
}
.archive-bg h1{
	font-size: 25px;
}
.archive-full .ar-bg h2{
	text-align: center;
}
.archive-full .ar-bg .issue-img img{
	width: auto;
}
.archive-full .ar-bg .content{
	text-align: center;
	margin: 30px 0;
}
.archive-full .ar-bg .issue-download{
	text-align: center;
}
}

@media (max-width: 600px){
.banner-area .issue-detail h1{
	font-size: 20px;
}
.banner-area .issue-detail p{
	font-size: 18px;
}
.banner-area .issue-detail .month-detail ul li{
	margin-bottom: 5px;
}
.footer-bottom{
	font-size: 14px;
}
.galaxy-bg.inner {
    background-color: #24153e;
    background-image: none;
}
.search-form label{
	font-size: 15px;
}
.search-form input[type="search"]{
	width: auto;
}
}

@media (max-width: 480px){
.header .logo img, .banner-area .ci-img img, 
.footer-top .footer-logo img{
	width: 100%;
}
.search-form input[type="search"] {
    width: 120px;
}
.archive-bg .archive-img img{
	width: 100%;
}
.footer-top .write-us h4{
	font-size: 18px;
}
.footer-top .write-us a{
	font-size: 15px;
	display: block;
}
.header .join {
    font-size: 15px;
}
.content-bg .content-points ul li a {
    font-size: 16px;
    padding: 14px 40px;
}
.content-bg h1, .dragon-bg .subs h3, .dragon-bg h3 {
    font-size: 20px;
}
.dragon-bg h1 {
    font-size: 25px;
}
.dragon-bg .subs .logo {
    margin-top: 25px;
    width: 90px;
}
.dragon-bg .subs .logo img{
	max-width:100%;
}
.dragon-bg .subs .text {
    width: 155px;
}
.dragon-bg .subs .email {
  height: auto;
}

.dragon-bg .subs .text.email-text {
    overflow-wrap: break-word;
    width: 160px;
}
.dragon-bg .issue-type ul li a {
    font-size: 14px;
}
.archive-full .ar-bg h2{
	font-size: 18px;
}
.archive-full .ar-bg .issue-img img{
	width: 100%;
}
.archive-full .ar-bg .content h3{
	font-size: 18px;
}
}