/*
 Theme Name:     Bingbing Theme
 Theme URI:      http://hyperlinkcode.com/blog/twenty-seventeen-child-theme/
 Description:    A bare-bones child theme for use with WordPress Twenty Seventeen Theme. Pick matching colors quickly at <a href="http://www.html-color-names.com/">html-color-names.com</a>.
 Author:         Edward Zivkovic
 Author URI:     http://www.ezau.com/
 Template:       twentyseventeen
 Version:        1.0.0
*/
 
/* Add Custom CSS after this line */

/* Demo Johnson Box code courtesy of: http://hyperlinkcode.com/blog/html-johnson-box/ */

.tes-sec i.fa.fa-quote-left {
    display: none;
}
.tes-sec em:before,.tes-sec em:after {
    content: none;
}
.wptww-testimonials-slidelist .wptww-testimonials-text p{
	text-align:left !important;
}
.tes-sec em {
    font-style: normal;
}
.tes-sec .wptww-testimonials-text p {
    padding-left: 21px !important;
    min-height: 151px;
    position: relative;
}

.tes-sec .wptww-testimonials-text p:before {
    position: absolute;
    left: 0;
    top: 0;
    background: #ccc;
    height: 140px;
    width: 1px;
    content: "";
}
.tes-sec .slick-current.slick-active .wptww-testimonials-text p:before {
    content: none;
}
.tes-sec .slick-dots li button:before {
    background: none;
}
.tes-sec .wptww-testimonial-client {
    text-align: right !important;
    margin-top:10px;}
/*.tes-sec .wptww-testimonials-slidelist button.slick-arrow {
    width: 37px !important;
    height: 37px !important;
    background-size: 73px !important;
}
.tes-sec .wptww-testimonials-slidelist button.slick-prev:hover {
    background-position: -37px 0px !important;
}
.tes-sec .wptww-testimonials-slidelist button.slick-next:hover {
    background-position: -37px 0px !important;
}*/
.tes-sec .wptww-testimonials-slidelist .slick-dots li.slick-active button {
    background: #ffa600 !important;
}
.tes-sec .wptww-testimonial-content h4 {
    text-align: left;
    padding-left: 20px !important;
}
.collection-categories.tes-sec {
    padding-top: 20px;
}
@media (max-width: 767px) {
    .hidden-xs-down { display: none !important; }
}
  
@media (min-width: 768px) {
.hidden-sm-up { display: none !important; }
}

.content-area {
padding:50px 0;
}
.content-area p {
    font-weight: 400;
    font-size: 17px;
    color: #4d4d4d;
    line-height: 28px;
    margin-top: 35px;
}

.book_summaries_iphone .iphone {
	position:relative;
	display: table;
	margin: 0 auto;
}

.book_summaries_iphone .iphone img {
	float: left;
    width: 279px;
	max-width: 100%;
    height: 571px;
    padding: 15px 12px 15px 19px;
    position: relative;
    z-index: 9;
}

.book_summaries_iphone .iphone:after {
	content: '';
	background: url(/web/20220320235926im_/https://blaklisted.com/wp-content/themes/twentyseventeen/assets/images/banner_iphone.png) no-repeat;
	width: 300px;
    height: 620px;
	position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
}

.page-title {
    color: #231F20;
    font-size: 55px;
    font-weight: bold;
    margin: 20px auto 32px;
    position: relative;
    padding: 12px 0;
    display: table;
}

.page-title:before {
	position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    bottom: 0;
    right: 0;
	background: linear-gradient(to right, rgba(255,166,0,0) 0%, rgba(255,166,0,1) 100%);
}

.page-title:after {
	position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    top: 0;
    left: 0;
	background: linear-gradient(to right, rgba(255,166,0,1) 0%, rgba(255,166,0,0) 100%);
}

.page-title span {
	color: #FFA600;
}

.banner-content-app-store-video a {
	margin: 0 9px;
}

@media (max-width: 767px) {
	.page-title {
    	font-size: 24px;
	}
}

.logo img {
    width: 145px;
}

.navbar {
	margin-bottom: 0!important;
}

.header {
    padding: 8px 0px!important;
}


.banner_content_text {
    margin-top: 70px;
    margin-bottom: 0;
}

.video_you iframe {
	width: 100%;
	max-width: 554px;
    height: 475px;
    margin: 0 auto 20px;
}
.cp-flex.cp-ib-container {
    padding: 0 !important;
}

@media (max-width: 767px) {
	.video_you iframe {
		height: 342px;
	}
	
	.banner_content_text {
		margin-top: 0;
	}
}


.for-mobile {
	display: none;
}

@media (max-width: 767px) {
	.for-mobile {
		display: block;
	}
	
	.for-desktop {
		display: none;
	}
	
	.cd-headline.letters.type.for-mobile {
		text-align: center;
		margin-bottom: 30px;
	}
	
	.book_summaries_iphone .iphone.box-single {
		margin-bottom: 28px;
	}
	
	.book_summaries_iphone .iphone:after {
		width: 100%;
		height: 100%;
		background-size: 100% 100%;
	}
	
	.book_summaries_iphone .iphone.box-single img {
		width: 100%;
		max-width: 206px;
		height: 385px;
		margin-bottom: 0;
		padding: 15px 12px 14px 15px;
	}
	
	.book_summaries_iphone .iphone.box-half-image {
		margin-bottom: 20px;
	}
	
	.book_summaries_iphone .iphone.box-half-image img {
		width: 100%;
		max-width: 100%;
		height: 300px;
		margin-bottom: 0;
		padding: 8px 12px 10px 10px;
	}
	
	.download-option a {
		
	}
	
	.download-option a img {
		width: 138px;
	}
	
}

.banner.banner-video {
	background: url(/web/20220320235926im_/https://blaklisted.com/wp-content/themes/twentyseventeen/assets/images/banner2.png) no-repeat;
	background-size: 100% 100%;
	padding-bottom: 95px;
	padding-top: 126px;
}

.banner_content_text {
    margin-top: 32px;
}

.banner.banner-wrapper {
	padding-top: 40px;
	padding-bottom: 90px;
}

.banner_content_image_slider img {
    height: 100%;
    object-fit: unset;
}

.banner_content_image:after {
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
}

.banner_content_image {
	width: 251px;
	height: 510px;
	position: absolute;
}
.slick-slide {
    /*width: 228px!important;*/
}
.banner_content_slide.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.banner_content_image_slider {
    height: 476px;
}

.banner {
	background-size: 100% 100%;
}

@media (max-width: 1024px) {
	.banner_content_image {
		position: relative;
	}
	
	.banner.banner-wrapper {
		padding-bottom: 0;
	}
}

@media (max-width: 767px) {
	.banner.banner-video {
		padding-bottom: 40px;
		padding-top: 22px;
	}
	
	.banner {
		padding-top: 0;
		padding-bottom: 20px;
	}
	
	.access {
		padding-top: 20px;
	}
	
	.content-books-box img {
		width: 100%;
		height: 250px;
	}
	
	.content-books-box h5 {
		font-size: 14px;
		padding: 0 10px;
	}
	
	.content-add p {
		font-size: 14px;
	}
}
@media (max-width: 480px) {
	.cp-slidein-body a img {
    padding-left: 100px;
}
}

/*
     FILE ARCHIVED ON 23:59:26 Mar 20, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 20:47:17 Jun 05, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 131.662
  exclusion.robots: 0.18
  exclusion.robots.policy: 0.166
  RedisCDXSource: 6.895
  esindex: 0.011
  LoadShardBlock: 104.526 (3)
  PetaboxLoader3.datanode: 98.799 (4)
  CDXLines.iter: 17.125 (3)
  PetaboxLoader3.resolve: 82.344 (2)
  load_resource: 145.063
*/


html {
    scroll-behavior: smooth;
}

body{
    margin: 0px;
    font-family: 'Roboto';
	background-color: #ffffff;
    
}
*{
    box-sizing: border-box;
}




h3 {
    font-size: 72px;
}

ul {
    list-style: none;
}
ul{ list-style: none; padding: 0px; margin: 0px; !important}
ul li{ padding: 0px; margin: 0px; !important}

p {
    margin: 0px;
    font-size: 16px;
    
}

a {
    color: #000;
    outline: none;
}
button {
    outline: none;
}
a:hover {
    text-decoration: none !important;
}

a:focus {
    text-decoration: none !important;
}

.pad_0{
    padding: 0px;
}
.pad_l_0{
    padding-left: 0px;
}
.pad_r_0{
    padding-right: 0px;
}
/*=========custom scroll right bar=================*/

/* width */

::-webkit-scrollbar {
    width: 4px;
}

/* Track */

::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */

::-webkit-scrollbar-thumb {
    background: #555;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #ddd;
}


/*=========custom scroll right bar=================*/
.header {
    background-color: #ffffff;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.153);
    width: 100%;
    line-height: 135px;
    padding: 10px 0px 5px 0px;
    position: relative;
    z-index: 9999;
}

.logo img {
    float: left;
}

.logo h1 {
    float: left;
    font-size: 45px;
    font-weight: bold;
    color: #231f20;
    margin-top: 38px;
    margin-left: 15px;
}

.logo h1 span {
    color: #ffa600;
}

.banner {
    background:url(https://blaklisted.com/wp-content/themes/twentyseventeen/assets/images/banner.png) no-repeat;
    width: 100%;
    height: auto;
    background-size: 100% 640px;
    padding-top: 95px;
    position: relative;
}
.banner_content_image_slider{
    position: relative !important;
    z-index: -9 !important;
}

.banner_content {
    max-width: 1145px;
    margin: auto;
}
.banner_content_slide.slick-slider{
    position: relative !important;
   
}

.banner_content_image {
    float: left;
    width: 279px;
    height: 620px;
    padding: 15px 12px 15px 19px;
    position: relative;
    z-index: 9;
}
.banner_content_image:after {
    content:'';
    background:url(https://blaklisted.com/wp-content/themes/twentyseventeen/assets/images/banner_iphone.png) no-repeat;
    width: 300px;
    height: 620px;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
	width: 259px!important;
}

.banner_content_image_slider img {
    width: 100%;
    position: relative;
    z-index: -1;
    object-fit: cover;
}

.banner_content_text {
    float: right;
    margin-top: 170px;
    margin-bottom: 240px;
}

.banner_content_text p {
    font-size: 25px;
    color: #3d3d3d;
    max-width: 700px;
    line-height: 38px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.banner-content-app-store {
    text-align: center;
    position: relative;
    margin-top: 0;
    margin-left: -20px;
    width: 543px;
}
.banner-content-app-store a{
    display: inline-block;
}

.banner-content-app-store img {
    
}

.access {
    background-color: #ffffff;
    width: 100%;
    height: auto;
    padding-top: 80px;
    padding-bottom: 80px;
}

.access-col-set {
    width: 20%;
}

.access-col-set2 {
    width: 80%;
    margin-top: 20px;
}

.access-box h4 {
    font-weight: bold;
    font-size: 22px;
    color: #ffa600;
    margin: 0;
    position: relative;
}
.only_mob{display: none;}

.access-box h4:after {
    position: absolute;
    content: "";
    width: 152px;
    height: 2px;
    margin-top: -5px;
    margin-left: -248px;
    background-image: -moz-linear-gradient( -180deg, rgba(255,210,0,0.16078) 0%, #ffa600 100%);
    background-image: -webkit-linear-gradient( -180deg, rgba(255,210,0,0.16078) 0%, #ffa600 100%);
    background-image: -ms-linear-gradient( -180deg, rgba(255,210,0,0.16078) 0%, #ffa600 100%);
}

.access-box h4:before {
    position: absolute;
    content: "";
    width: 152px;
    height: 2px;
    margin-top: 32px;
    margin-left: 100px;
    background-image: -moz-linear-gradient( 0deg, rgba(255,210,0,0.16078) 0%, #ffa600 100%);
    background-image: -webkit-linear-gradient( 0deg, rgba(255,210,0,0.16078) 0%, #ffa600 100%);
    background-image: -ms-linear-gradient( 0deg, rgba(255,210,0,0.16078) 0%, #ffa600 100%);
}


.access-box p {
    font-weight: 400;
    font-size: 17px;
    color: #4d4d4d;
    line-height: 28px;
    margin-top: 35px;
}

.access_text_box2 {
    text-align: end;
}

.access_text_box2 h4:after {
    margin-left: -243px;
}

.access_text_box3 h4:after {
    margin-left: -200px;
}

.access_box2 {
    margin-top: 35px;
    margin-bottom: 35px;
}

.access_text_box3 h4:before {
    margin-left: 40px;
}

.book-summaries {
    background:url(https://blaklisted.com/wp-content/themes/twentyseventeen/assets/images/banner2.png) no-repeat;
    width: 100%;
    height: auto;
    background-size: 100% 100%;
    padding-top: 90px;
    padding-bottom: 90px;
}

.book-summaries h1 {
    margin: 0;
    text-align: center;
    font-weight: bold;
    font-size: 55px;
    max-width: 750px;
    margin: auto;
    line-height: 78px;
}

.book-summaries h1 span {
    color: #ffa600;
    position: relative;
}

.book-summaries h1 span:after {
    position: absolute;
    content: "";
    width: 152px;
    height: 2px;
    margin-top: 0px;
    left: 0;
    background-image: -moz-linear-gradient( -180deg, rgba(255,210,0,0.16078) 0%, #ffa600 100%);
    background-image: -webkit-linear-gradient( -180deg, rgba(255,210,0,0.16078) 0%, #ffa600 100%);
    background-image: -ms-linear-gradient( -180deg, rgba(255,210,0,0.16078) 0%, #ffa600 100%);
}

.book-summaries h1 span:before {
    position: absolute;
    content: "";
    width: 152px;
    height: 2px;
    margin-top: 70px;
    margin-left: 130px;
    background-image: -moz-linear-gradient( 0deg, rgba(255,210,0,0.16078) 0%, #ffa600 100%);
    background-image: -webkit-linear-gradient( 0deg, rgba(255,210,0,0.16078) 0%, #ffa600 100%);
    background-image: -ms-linear-gradient( 0deg, rgba(255,210,0,0.16078) 0%, #ffa600 100%);
}

.book_summaries_iphone {
    margin-top: 100px;
    margin-bottom: 60px;
}

.book-summaries p {
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    color: #4f4f4f;
    max-width: 875px;
    margin: auto;
}

.content-add {
    padding-top: 70px;
    padding-bottom: 80px;
    text-align: center;
}

.content-add h1 {
    font-size: 55px;
    font-weight: bold;
    color: #231f20;
    margin: 0;
}

.content-add h1 span {
    color: #ffa600;
    position: relative;
}

.content-add h1 span:after {
    position: absolute;
    content: "";
    width: 152px;
    height: 2px;
    margin-top: -5px;
    margin-left: -153px;
    background-image: -moz-linear-gradient( -180deg, rgba(255,210,0,0.16078) 0%, #ffa600 100%);
    background-image: -webkit-linear-gradient( -180deg, rgba(255,210,0,0.16078) 0%, #ffa600 100%);
    background-image: -ms-linear-gradient( -180deg, rgba(255,210,0,0.16078) 0%, #ffa600 100%);
}

.content-add h1 span:before {
    position: absolute;
    content: "";
    width: 152px;
    height: 2px;
    margin-top: 70px;
    margin-left: 10px;
    background-image: -moz-linear-gradient( 0deg, rgba(255,210,0,0.16078) 0%, #ffa600 100%);
    background-image: -webkit-linear-gradient( 0deg, rgba(255,210,0,0.16078) 0%, #ffa600 100%);
    background-image: -ms-linear-gradient( 0deg, rgba(255,210,0,0.16078) 0%, #ffa600 100%);
}

.content-add p {
    margin-top: 45px;
    margin-bottom: 60px;
    font-size: 18px;
    color: #434343;
}

.content-books-box {
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #f1f1f1;
    padding: 12px 20px 22px 20px;
    min-height: 430px;
    margin-bottom: 30px;
}

.content-books-box img {
    max-width: 100%;
}

.content-books-box h5 {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
}

.content-books-box p {
    margin: 0;
    font-weight: 400;
    font-size: 18px;
    color: #747474;
}

/* .content-books-box:hover {
    border: 1px solid #ffa600;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.098);
    cursor: pointer;
} */

/* .content-books-box:hover h5 {
    color: #ffa600;
} */

.content_books_area {
    margin-top: 22px;
}

.app_store_part {
    max-width: 550px;
    margin: 0 auto;
}

.app_store_part_inner {
    margin-top: 50px;
}

.app_store img {
    width: 100%;
}

.google_play img {
    width: 100%;
}

.collection-categories {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #fcfcfc;
    width: 100%;
    height: auto;
    text-align: center;
}

.collection-categories h1 {
    font-size: 55px;
    font-weight: bold;
    color: #231f20;
    margin: 0;
}

.collection-categories h1 span {
    color: #ffa600;
    position: relative;
}

.collection-categories h1 span:after {
    position: absolute;
    content: "";
    width: 152px;
    height: 2px;
    margin-top: -5px;
    margin-left: -244px;
    background-image: -moz-linear-gradient( -180deg, rgba(255,210,0,0.16078) 0%, #ffa600 100%);
    background-image: -webkit-linear-gradient( -180deg, rgba(255,210,0,0.16078) 0%, #ffa600 100%);
    background-image: -ms-linear-gradient( -180deg, rgba(255,210,0,0.16078) 0%, #ffa600 100%);
}

.collection-image img {
    width: 120px;
    height: 115px;
}

.collection-categories h1 span:before {
    position: absolute;
    content: "";
    width: 152px;
    height: 2px;
    margin-top: 70px;
    margin-left: 94px;
    background-image: -moz-linear-gradient( 0deg, rgba(255,210,0,0.16078) 0%, #ffa600 100%);
    background-image: -webkit-linear-gradient( 0deg, rgba(255,210,0,0.16078) 0%, #ffa600 100%);
    background-image: -ms-linear-gradient( 0deg, rgba(255,210,0,0.16078) 0%, #ffa600 100%);
}

.collection-categories p {
    margin-top: 45px;
    margin-bottom: 65px;
    font-size: 18px;
    color: #434343;
}
.categories_box{
    width: 100%;
    display: inline-block;
    min-height: 250px;
    margin: 30px 0;
}

.categories_box h2 {
    font-size: 24px;
    font-weight: bold;
    position: relative;
    margin-top: 45px;
}

.categories_box h2:after {
    position: absolute;
    content: "";
    width: 100px;
    height: 2px;
    margin-top: -9px;
    margin-left: -100px;
    background-image: -moz-linear-gradient( -180deg, rgba(255,210,0,0.16078) 0%, #000000 100%);
    background-image: -webkit-linear-gradient( -180deg, rgba(255,210,0,0.16078) 0%, #000000 100%);
    background-image: -ms-linear-gradient( -180deg, rgba(255,210,0,0.16078) 0%, #000000 100%);
}

.categories_box h2:before {
    position: absolute;
    content: "";
    width: 100px;
    height: 2px;
    margin-top: 30px;
    margin-left: 0;
    background-image: -moz-linear-gradient( 0deg, rgba(255,210,0,0.16078) 0%, #000000 100%);
    background-image: -webkit-linear-gradient( 0deg, rgba(255,210,0,0.16078) 0%, #000000 100%);
    background-image: -ms-linear-gradient( 0deg, rgba(255,210,0,0.16078) 0%, #000000 100%);
}

.gender h2:after {
    margin-left: -190px;
}

.gender h2:before {
    margin-left: 93px;
}

.categories_box_two {
    margin-top: 95px;
}

.socio h2:after {
    margin-left: -138px;
}

.socio h2:before {
    margin-left: 38px;
    margin-top: 35px;
}

.law h2:after {
    width: 55px;
    margin-left: -55px;
}

.law h2:before {
    width: 55px;
}

.free-trial {
    background-color: #ffa600;
    height: auto;
    padding-top: 98px;
    padding-bottom: 60px;
}

.free-trial h1 {
    font-weight: bold;
    font-size: 50px;
    color: #ffffff;
}

.social-media a {
    font-size: 30px;
    color: #ffa600;
    background-color: #000000;
    border-radius: 50px;
    padding: 8px;
    margin-right: 40px;
}

.social-media a:hover {
    color: #348fd9;
}

.social-media .fa-instagram {
    padding: 8px 10px 8px 10px;
}

.social-media .fa-instagram:hover {
    color: #ea6e6b;
}

.social-media .fa-facebook {
    padding: 8px 14px 8px 14px;
}

.footer_app_store {
    margin-top: 60px;
}

.footer_app_store a {
    margin-right: 25px;
}

.footer_app_store img {
    width: 40%;
}

.footer {
    background-color: #000000;
    width: 100%;
    line-height: 70px;
    text-align: center;
}

.footer_text ul {
    text-align: center;
    margin-bottom:0;
}

.footer_text ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 50px;
}

.footer_text a {
    color: #ffffff;
    font-size: 20px;
    font-weight: 300;
}

.footer_text a:hover {
    color: #6055ef;
}

.footer_text .contact_us {
    margin-right: 0;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.banner_content_slide .slick-dots li.slick-active button::before {
    display: none;
}

.banner_content_slide .slick-dots li button::before {
    display: none;
}

.banner_content_slide {
    position: relative;
    z-index: -9;
}

.banner_content_app_store a {
    margin-right: 30px;
}





.banner_text_slider {
    display: block;
    min-height: 200px;
    width: 100%;
    position: relative;
    background-color: #43586b;
}
.typed_wrap {
    display: block;
    width: 330px;
    height: auto;
    padding: 30px;
    
    /*centers it in the .banner*/
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.typed_wrap h1 {
    display: inline;
    color: #000000;
}

/*Add custom cursor so it auto inherits font styles*/
.typed::after {
    content: '|';
    display: inline;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}

/*Removes cursor that comes with typed.js*/
.typed-cursor{
    opacity: 0;
    display: none;
}
/*Custom cursor animation*/
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
.btns {
    display: block;
    width: 400px;
    margin: 0;
    padding: 30px 0 0 30px;
}
.btns a {
    display: inline-block;
    margin-left: 5px;
}
.btns a:first-child{margin-left:0}
.btn {
    font-family: sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #ecf0f1;
    text-decoration: none;
}
a .btn {
    cursor: pointer;
    border: 1.5px solid #ecf0f1;
    border-radius: 5px;
    display: inline-block;
    padding: 10px;
    list-style-type: none;
    transition: all .3s;
}

.btn:hover {
    background: #ecf0f1;
    color: #34495e;
}


.access-box img {
    max-width: 150px;
}

.access-box img {
    margin-top: 20px;
}

.access-box5 img {
    margin-top: 0px;
}



.cd-title {
  position: relative;
  height: 160px;
  line-height: 230px;
  text-align: center;
}
.cd-title h1 {
  font-size: 2.4rem;
  font-weight: 700;
}
@media only screen and (min-width :600px) and (max-width:767px){
  .cd-title {
    line-height: 250px;
  }
  .cd-headline {
    font-size: 30px;
    font-weight: 300;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-title {
    height: 200px;
    line-height: 300px;
  }
  .cd-title h1 {
    font-size: 3rem;
  }
}

.cd-intro {
  width: 90%;
  max-width: 768px;
  text-align: center;
}

.cd-intro {
  margin: 4em auto;
}
@media only screen and (min-width: 300px) and (max-width:599px){
  .cd-intro {
    margin: 5em auto;
  }
  .cd-headline {
    font-size: 22px;
    font-weight: 300;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-intro {
    margin: 6em auto;
  }
}


@media only screen and (min-width: 768px) {
  .cd-headline {
    font-size: 40px;
    font-weight: 300;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-headline {
    font-size: 45px;
  }
}
  @media only screen and (min-width: 1366px) {
  .cd-headline {
    font-size: 55px;
  }
}

.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}
.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
}
.cd-words-wrapper b.is-visible {
  position: relative;
}
.no-js .cd-words-wrapper b {
  opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}


/* -------------------------------- 

xtype 

-------------------------------- */
.cd-headline.type .cd-words-wrapper {
  vertical-align: top;
  overflow: hidden;
}
.cd-headline.type .cd-words-wrapper::after {
  /* vertical pulsating cursor bar */
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 90%;
  width: 1px;
  background-color: #ffb91d;
}



.cd-headline.type b {
  visibility: hidden;
}
.cd-headline.type b.is-visible {
  visibility: visible;
}
.cd-headline.type i {
  position: absolute;
  visibility: hidden;
}
.cd-headline.type i.in {
  position: relative;
  visibility: visible;
}

@-webkit-keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
@-moz-keyframes cd-pulse {
  0% {
    -moz-transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -moz-transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -moz-transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
@keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    -moz-transform: translateY(-50%) scale(0.9);
    -ms-transform: translateY(-50%) scale(0.9);
    -o-transform: translateY(-50%) scale(0.9);
    transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
.cd-headline.type .cd-words-wrapper{
    position: relative;
    color: #FFA600;
    font-style: normal;
}
.cd-headline.type .cd-words-wrapper:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    top: 0;
    left: 0;
    background: rgba(255,166,0,1);
background: -moz-linear-gradient(left, rgba(255,166,0,1) 0%, rgba(255,166,0,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,166,0,1)), color-stop(100%, rgba(255,166,0,0)));
background: -webkit-linear-gradient(left, rgba(255,166,0,1) 0%, rgba(255,166,0,0) 100%);
background: -o-linear-gradient(left, rgba(255,166,0,1) 0%, rgba(255,166,0,0) 100%);
background: -ms-linear-gradient(left, rgba(255,166,0,1) 0%, rgba(255,166,0,0) 100%);
background: linear-gradient(to right, rgba(255,166,0,1) 0%, rgba(255,166,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa600', endColorstr='#ffa600', GradientType=1 );
}
.cd-headline.type .cd-words-wrapper:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    bottom: 0;
    right: 0;
background: rgba(255,166,0,0);
background: -moz-linear-gradient(left, rgba(255,166,0,0) 0%, rgba(255,166,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,166,0,0)), color-stop(100%, rgba(255,166,0,1)));
background: -webkit-linear-gradient(left, rgba(255,166,0,0) 0%, rgba(255,166,0,1) 100%);
background: -o-linear-gradient(left, rgba(255,166,0,0) 0%, rgba(255,166,0,1) 100%);
background: -ms-linear-gradient(left, rgba(255,166,0,0) 0%, rgba(255,166,0,1) 100%);
background: linear-gradient(to right, rgba(255,166,0,0) 0%, rgba(255,166,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa600', endColorstr='#ffa600', GradientType=1 );
}
.cd-words-wrapper b i{ 
    font-style: normal;
}
.cd-words-wrapper b i:first-child{ 
    color: #231F20;
}
.cd-words-wrapper b i:nth-child(2){ 
    color: #231F20;
}
.cd-words-wrapper b i:nth-child(3){ 
    color: #231F20;
}
.cd-words-wrapper b i:nth-child(4){ 
    color: #231F20;
}

.cd-words-wrapper b.slider1 i:nth-child(14),
.cd-words-wrapper b.slider1 i:nth-child(15),
.cd-words-wrapper b.slider1 i:nth-child(16),
.cd-words-wrapper b.slider1 i:nth-child(17),
.cd-words-wrapper b.slider1 i:nth-child(18),
.cd-words-wrapper b.slider1 i:nth-child(19),
.cd-words-wrapper b.slider1 i:nth-child(20),
.cd-words-wrapper b.slider1 i:nth-child(21),
.cd-words-wrapper b.slider1 i:nth-child(22),
.cd-words-wrapper b.slider1 i:nth-child(23),
.cd-words-wrapper b.slider1 i:nth-child(24),
.cd-words-wrapper b.slider1 i:nth-child(26),
.cd-words-wrapper b.slider1 i:nth-child(27),
.cd-words-wrapper b.slider1 i:nth-child(28)
{ 
    color: #231F20;
}


.cd-words-wrapper b.slider2 i:nth-child(15),
.cd-words-wrapper b.slider2 i:nth-child(16),
.cd-words-wrapper b.slider2 i:nth-child(17),
.cd-words-wrapper b.slider2 i:nth-child(18),
.cd-words-wrapper b.slider2 i:nth-child(19),
.cd-words-wrapper b.slider2 i:nth-child(20),
.cd-words-wrapper b.slider2 i:nth-child(21),
.cd-words-wrapper b.slider2 i:nth-child(22),
.cd-words-wrapper b.slider2 i:nth-child(23),
.cd-words-wrapper b.slider2 i:nth-child(24),
.cd-words-wrapper b.slider2 i:nth-child(25),
.cd-words-wrapper b.slider2 i:nth-child(26),
.cd-words-wrapper b.slider2 i:nth-child(27),
.cd-words-wrapper b.slider2 i:nth-child(28),
.cd-words-wrapper b.slider2 i:nth-child(29),
.cd-words-wrapper b.slider2 i:nth-child(30),
.cd-words-wrapper b.slider2 i:nth-child(31),
.cd-words-wrapper b.slider2 i:nth-child(32),
.cd-words-wrapper b.slider2 i:nth-child(33)
.cd-words-wrapper b.slider2 i:nth-child(34),
.cd-words-wrapper b.slider2 i:nth-child(35),
.cd-words-wrapper b.slider2 i:nth-child(36),
.cd-words-wrapper b.slider2 i:nth-child(37),
.cd-words-wrapper b.slider2 i:nth-child(38),
.cd-words-wrapper b.slider2 i:nth-child(39),
.cd-words-wrapper b.slider2 i:nth-child(40),
.cd-words-wrapper b.slider2 i:nth-child(40)
{ 
    color: #231F20;
}

.cd-words-wrapper b.slider3 i:nth-child(16),
.cd-words-wrapper b.slider3 i:nth-child(17),
.cd-words-wrapper b.slider3 i:nth-child(18),
.cd-words-wrapper b.slider3 i:nth-child(19),
.cd-words-wrapper b.slider3 i:nth-child(20),
.cd-words-wrapper b.slider3 i:nth-child(21),
.cd-words-wrapper b.slider3 i:nth-child(22),
.cd-words-wrapper b.slider3 i:nth-child(23),
.cd-words-wrapper b.slider3 i:nth-child(24),
.cd-words-wrapper b.slider3 i:nth-child(25),
.cd-words-wrapper b.slider3 i:nth-child(26),
.cd-words-wrapper b.slider3 i:nth-child(27),
.cd-words-wrapper b.slider3 i:nth-child(28),
.cd-words-wrapper b.slider3 i:nth-child(29),
.cd-words-wrapper b.slider3 i:nth-child(30),
.cd-words-wrapper b.slider3 i:nth-child(31),
.cd-words-wrapper b.slider3 i:nth-child(32),
.cd-words-wrapper b.slider3 i:nth-child(33)
.cd-words-wrapper b.slider3 i:nth-child(34),
.cd-words-wrapper b.slider3 i:nth-child(35),
.cd-words-wrapper b.slider3 i:nth-child(36),
.cd-words-wrapper b.slider3 i:nth-child(37),
.cd-words-wrapper b.slider3 i:nth-child(38),
.cd-words-wrapper b.slider3 i:nth-child(39),
.cd-words-wrapper b.slider3 i:nth-child(40)
{ 
    color: #231F20;
}


/*------------------responsive start---------------------*/
@media screen and (min-width :992px) and (max-width:1199px){
.access-col-set img {
    width: 100%;
}

.access_text_box2 {
    margin-bottom: 35px;
}

.banner_content_text p {
    max-width: 562px;
    margin-top: 45px;
}



.banner_content_text {
    margin-top: 145px;
}

.banner_content_text p {
    font-size: 21px;
    line-height: 33px;
}

}




@media screen and (min-width :300px) and (max-width:991px){
.book-summaries h1 {
    font-size: 30px;
    line-height: 39px;
}

.book-summaries h1 span::before {
    margin-top: 38px;
    margin-left: 9px;
}

.book_summaries_iphone {
    margin-top: 30px;
    margin-bottom: 20px;
}

.book-summaries {
    padding-top: 45px;
    padding-bottom: 45px;
}

.content-add h1 {
    font-size: 30px;
}

.content-add h1 span::after {
    width: 85px;
    margin-top: 0px;
    margin-left: -88px;
}

.content-add h1 span::before {
    width: 80px;
    margin-top: 33px;
    margin-left: 10px;
}

.content-add {
    padding-top: 45px;
    padding-bottom: 45px;
}

.content-add p {
    margin-top: 15px;
    margin-bottom: 40px;
}

.content-books-box {
    padding: 12px 20px 0 20px;
    width: 100%;
    min-height: 320px;
    margin: 0 auto 25px;
}

.categories_box {
    min-height: 176px;
}

.app_store img {
    width: 260px;
}

.google_play img {
    width: 260px;
}

.collection-categories h1 {
    font-size: 30px;
}

.collection-categories h1 span::after {
    width: 100px;
    margin-left: -137px;
    margin-top: -1px;
}

.collection-categories h1 span::before {
    width: 100%;
    margin-left: 0;
    bottom: -4px;
}
.collection-categories h1 span::after {
    width: 100%;
    margin-left: 0;
    margin-top: -6px;
    left: 0;
}

.app_store_part_inner {
    margin-top: 20px;
}

.collection-categories p {
    margin-top: 20px;
    margin-bottom: 35px;
}

.free-trial {
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 40px;
}

.free-trial h1 {
    font-size: 24px;
    text-align: center;
}

.social-media a {
    font-size: 15px;
    margin-right: 15px;
}

.footer_app_store {
    margin-top: 25px;
    text-align: center;
}

.footer_app_store a {
    margin-right: 0;
}

.iphone {
    text-align: center;
}

.iphone img {
    width: 100%;
    max-width: 150px;
    margin-bottom: 20px;
}

.collection-image img {
    width: 65px;
    height: 65px;
}

.footer_text a {
    font-size: 15px;
    margin-right: 63px;
}

.footer_app_store img {
    width: 175px;
}

.access-col-set img {
    width: 100%;
}

.access-col-set2 {
    margin-top: 0;
}

.access-box p {
    margin-top: 10px;
    line-height: 25px;
}

.access_text_box2 {
    margin-bottom: 35px;
}

.banner {
    padding-top: 45px;
}

.banner_content_text {
    float: none;
    margin-bottom: 0px;
    margin-top: 20px;
    text-align: center;
}



.banner_content_image {
    float: none;
    margin-bottom: 30px;
    background-size: 255px;
    width: 255px;
    margin: auto;
    height: 560px;

}
.banner_content_image:after {
    background-size: 260px;
    width: 260px;
    margin: auto;
    height: 560px;
}
.banner_content_image_slider img {
    width: 225px;
}

.banner_content_text p {
    font-size: 16px;
    line-height: 25px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.banner_content_app_store a {
    margin-right: 0;
}

.banner-content-app-store {
    text-align: center;
    margin-top: 0;
    margin-left: 0;
    width: 100%;
}


.banner-content-app-store img {
    width: 100%;
    margin-bottom: 10px;
}

.access {
    text-align: center;
    padding-bottom: 30px;
    padding-top: 80px;
}

.banner-content-app-store a {
    width: 170px;
    display: inline-block;
    margin: 0 7px;
}
.only_mob{
    display: block;
}
.only_desk{
    display: none;
}

.social-media .fa-facebook {
    padding: 8px 12px 8px 12px;
}

.banner-content-app-store img {
    width: 175px;
}

.app_store_part_inner img {
    max-width: 175px;
}

}




@media screen and (min-width :300px) and (max-width:767px) {
.header {
    padding: 5px 0px 0px 0px;
}

.banner_content_text {
    text-align: center;
}

.access,
.access_text_box2,
.book-summaries p {
    text-align: center;
}

.logo img {
    width: 150px;
}

.logo h1 {
    font-size: 30px;
    margin-top: 20px;
}

.access-col-set {
    margin: auto;
}

.access-col-set img {
    width: 120px;
    margin-bottom: 45px;
}

.access-col-set2 {
    width: 100%;
}

.access_text_box2 {
    text-align: center;
}

.access-box h4::after {
    margin-left: -270px;
}

.access_text_box3 h4::after {
    margin-left: -222px;
}

.pull-right {
    float: none !important;
}

.categories_box_two {
    margin-top: 0;
}

.categories_box {
    min-height: 140px;
}
.categories_box h2:before {
    width: 100%;
    left: 0;
}
.categories_box h2 {
    margin-top: 30px;
    font-size: 16px;
}
.categories_box h2 {
    width: 100%;
    display: inline-block;
}
.collection-categories p {
    font-size: 15px;
}
.collection-categories h1 {
    font-size: 24px;
}

.collection-categories {
    padding-top: 55px;
    padding-bottom: 20px;
}

.footer_text a {
    font-size: 12px;
    margin-right: 7px;
}

.content-books-box {
    padding: 0;
    width: 100%;
    margin: auto;
}

.content_box {
    margin-bottom: 20px;
    min-height: 306px;
}
.access-col-set {
    width: 60%;
}
.middle{
    margin: 0 auto;
}
.content_books_area {
    margin-top: 0;
}
.content-books-box img {
    max-width: 100%;
    max-height: 250px;
}
.footer {
    line-height: inherit;
    padding: 20px 0;
}
.footer_text a {
    font-size: 14px;
    margin-right: 0;
}

.footer_text ul li {
    margin: 0 15px;
}

.only_mob {
    display: inherit;
    margin-top: 0px;
}

.banner-content-app-store a {
    width: unset;
    margin: 0 2px;
}
}







@media screen and (min-width :300px) and (max-width:599px) {
    .footer_text ul li {
        margin: 0 3px;
        font-size: 11px;
    }

    .banner_content_text p {
        font-size: 15px;
    }

    .banner-content-app-store img {
        width: 130px;
    }

    .access-col-set img {
        width: 90px;
}
.access-box p {
    margin-top: 20px;
    font-size: 15px;
}

.access-box h4 {
    font-size: 20px;
}

.access-box h4::after {
    margin-left: -220px;
}

.access-box h4::before {
    margin-left: 67px;
    margin-top: 27px;
}

.book-summaries h1 {
    font-size: 20px;
    line-height: 29px;
}

.book-summaries p {
    font-size: 15px;
}

.book-summaries h1 span::before {
    margin-top: 0;
    margin-left: 0;
    bottom: -3px;
    left: 0;
    width: 100%;
}
.book-summaries h1 span:after {
    width: 100%;
}
.content-books-box h5 {
    font-size: 16px;
}
.content-books-box p {
    margin-top: 10px;
    font-size: 13px;
}
.content-books-box img {
    max-width: 100%;
    max-height: 250px;
}
.content-add h1 {
    font-size: 22px;
}
.content-add h1 span::before {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    left: 0;
    bottom: -3px;
}
.content-add h1 span::after {
    width: 100%;
    margin-top: 0;
    margin-right: 0;
    right: 0;
    top: -3px;
}
.content-add p {
    font-size: 15px;
}
.banner_content_image {
    background-size: 255px;
    width: 255pz;
    height: 100%;
    margin-bottom: 25px;
}
.banner_content_image:after {
    background-size: 100%;
    width: 100%;
    height: 100%;
}
.banner_content_image_slider img {
    width: 100%;
    }

.footer_app_store img {
        width: 130px;
    }

.app_store_part_inner img {
        max-width: 130px;
    }

    .banner_content_image::after {
        background-size: 259px;
        width: 259px;
        margin: auto;
        height: 560px;
    }

}


@media screen and (min-width :400px) and (max-width:599px){
    .banner_content_image {

        float: none;

        background-size: 255px;
        width: 255px;
        margin: auto;
        height: 560px;
    
    }
    .banner_content_image::after {
        background-size: 259px;
        width: 259px;
        margin: auto;
        height: 560px;
    }

}
/*------------------responsive end---------------------*/

.conatct-form {
	max-width: 600px;
	margin: 30px auto;
	padding: 15px;
	background-color: #fcfcfc;
	border-radius: 10px;
	border: 1px solid #eaeaea;
}

.conatct-form label {
	display:block;
}

.conatct-form input {
	width:100%;
	height: 42px;
	padding: 0 10px;
}
.conatct-form textarea {
	width:100%;
	height: 142px;
	padding:10px;
	resize:none
}
.conatct-form input[type="submit"] {
	background-color:#000;
	padding:0 40px;
	color:#fff;
	width:auto;
	border:none;
	height:44px;
	cursor:pointer;
	border-radius:5px;
	font-weight:bold;
}

.conatct-form input[type="submit"]:hover {
	background-color:#ffa600;
}
.entry-header {
    background: #c61d23;
    margin: 0;
    padding: 50px 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}
.entry-header h1 {
	font-size:50px;
}
/*
     FILE ARCHIVED ON 21:51:40 Mar 15, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 20:47:14 Jun 05, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 196.313
  exclusion.robots: 0.128
  exclusion.robots.policy: 0.117
  RedisCDXSource: 2.607
  esindex: 0.01
  LoadShardBlock: 169.201 (3)
  PetaboxLoader3.datanode: 141.174 (5)
  CDXLines.iter: 20.702 (3)
  PetaboxLoader3.resolve: 381.818 (4)
  load_resource: 394.501 (2)
*/