/*
 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(../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(../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;
}
}