:root {
	--clr-jonesbo-main: #702721;
}

/*--------------------------------------------------------*/
/* HEADER */
/*--------------------------------------------------------*/

em {font-style: italic;}
.sa a { color: var(--clr-jonesbo-main); }
header .cart-label {background-color: #333333; color: #ffffff; line-height: 16px; right: 0px; top: -7px; padding-top: 2px; padding-right: 1px; font-size: 12px;}
h2 {font-weight: 700; font-family: 'Roboto Condensed', sans-serif;}
span.thin {font-weight: 300!important;}
span.regular {font-weight: 400!important;}
span.red {color: var(--clr-jonesbo-main);}
span.black {color: #000000;}
span.uppercase {text-transform: uppercase;}
.background-grey {background: #f7f7f7;}
.bold {font-weight: 700;}
.courier {font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;}
.slider-box-left h5 { font-weight: 400; font-size: 20px;}


/*.button .jn-icons {position: absolute; right: 10px;}
.button a.style-2 {padding-right: 50px!important; display: block; margin-right: 0px; background: var(--clr-jonesbo-main); font-family: 'Roboto Condensed', sans-serif; font-weight: 400;}
.button:before{content: none;}*/

div.button .jn-icons {position: absolute; right: 10px; font-size: 21px; transition: all .3s ease; -webkit-transition: all .3s ease;}
div.cart-button .jn-icons { position: absolute; left: 200px; font-size: 21px; top: -3px; transition: all .3s ease; -webkit-transition: all .3s ease; }

div.button { position: relative; overflow: hidden; background: #ebebeb; }
div.button a,
div.button span { display: block; z-index: 11; position: relative; }
div.button a:before,
div.button span:before { content: none; }
div.button a:hover,
div.button span:hover { color: #737373 }

div.button a.style-2,
div.button span.style-2 { background: rgba(255, 255, 255, 0) }
div.button a.style-2:hover,
div.button span.style-2:hover { background: transparent !important;  }
div.button a.style-2,
div.button span.style-2 { padding-right: 50px !important; display: block; margin-right: 0px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400;}

/*div.button:after ,*/
div.button:before { content: ''; z-index: 1; position: absolute; width: 100% !important; height: 100% !important; top: 0; left: 0; transition: all .3s ease; -webkit-transition: all .3s ease; }
div.button:before { background: var(--clr-jonesbo-main); }

div.button:hover:before { left: 0; top: auto; right: auto; bottom: 0; height: 0 !important; }
div.button:hover .jn-icons { right: 15px; color: #080808 }

header.type-2{ z-index: 1000;}

@media (min-width: 991px) {
	header.type-2 .bookcart-icon{position: absolute; right:140px; top: 52%; margin-top: -10px;}
	header.type-2 .fb-link {position: absolute; right: 80px; top: 50%; margin-top: -15px;}
	header.type-2 .fb-link .fb-icon { display: block; width:30px; height: 30px; padding: 8px 10px; background: #333333; border-radius: 50%; overflow: hidden; font-size: 15px }
	header.type-2 .fb-link .fb-icon i.fa { position: relative; z-index: 5; color: #fff; }
	header.type-2 .fb-link .fb-icon:before { content: '';  transform: scale(0); transition: transform .3s ease; display: block; width:30px; height: 30px; background: #ccc; position: absolute; z-index: 1; top: 0; left: 0; border-radius: 50%; overflow: hidden; }
	header.type-2 .fb-link a:hover .fb-icon i.fa { color: #333333 !important; }
	header.type-2 .fb-link a:hover .fb-icon:before { transform: scale(1.05); }

	.slider-box-left h1 {font-size: 60px; text-transform: uppercase;}
	.slider-box-left {text-align: right!important;}
	.slider-box-left h1, .slider-box-left h5, .slider-box-left .home-counter {margin-right: 90px;}
}

@media (max-width: 991px) {
	header .bookcart-icon{position: absolute; right: 110px; top: 52%; margin-top: -10px;}
	header .fb-link {position: absolute; right: 68px; top: 50%; margin-top: -10px;}
	header .cart-label {font-size: 13px;}
}

@media (max-width: 480px) {
	header .bookcart-icon{position: absolute; right: 90px; top: 52%; margin-top: -10px;}
	header .fb-link {position: absolute; right: 56px; top: 50%; margin-top: -10px;}
}

/*--------------------------------------------------------*/
/* HOME / SLIDER */
/*--------------------------------------------------------*/

.home-counter {color: #ffffff; margin-top:10%;}
.home-counter .counter .value {padding: 15px 7px; border: 1px solid #696969; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size:25px;}
.home-counter .counter .value, .counter .label {display: block;}
.home-counter .counter .label {font-weight: 400;}
.home-counter .counter-label { top: 50%; transform: translateY(-240%); -ms-transform: translateY(-240%); -moz-transform: translateY(-240%); -webkit-transform: translateY(-240%); -o-transform: translateY(-240%);}

.home-counter .counter-label { }
.home-counter .counter-label, .home-counter .counter { display: inline-block; }
.home-counter .counter { min-width: 205px;}

.home-counter .counter > div { display: inline-block ; float: left; vertical-align: top; margin-left: 12px; text-align: center; width: 45px; position: relative; }
.home-counter .counter > div:after { content: ':'; font-size: 16px; display: block; position: absolute; right: -10px; top: 20px; }
.home-counter .counter > div:nth-child(1) { margin-left: 0 }
.home-counter .counter > div:nth-child(4):after { display: none; }

/*.slider-box-left div.button a {padding-right: 50px!important; display: block; margin-right: 0px; background: var(--clr-jonesbo-main); font-family: 'Roboto Condensed', sans-serif; font-weight: 400;}
.slider-box-left div.button:before{content: none;}*/
.slider-box-left div.button { display: inline-block; margin-right: 90px; margin-top: 10%; }

.slider-box-right .thumbnail-shortcode-4 .layer-1 { left: 20%; top: 20%; width: 230px; height: 320px; padding-bottom:0;}
.slider-box-right .thumbnail-shortcode-4 .border {border-width: 15px;}
.slider-box-right .thumbnail-shortcode-4 .layer-2 {left: 20%; top: 25%; width: 66%; padding-bottom: 0;}


@media (min-width: 991px) {
	.home-counter, .counter {text-align: right;}
}

@media (max-width: 991px) {
.slider-box-left .button { margin-right: 0px!important;}
/*.slider-box-right {display:none!important;} */
}

@media (max-width: 767px) {
	.home-counter .counter .value {border: 1px solid #aaaaaa;}
	.home-counter { margin-top: 5%; }
	.slider-box-left div.button { margin-top: 5%; }
	.banner-shortcode .align { height: 250px!important; }
	.slider-box-right .thumbnail-shortcode-4 .layer-1 { display:none; }
	.slider-box-right .thumbnail-shortcode-4 .layer-2 { left: 15%; top: -30%; }
	.slider-box-right .thumbnail-shortcode-4 .layer-2 img { width: 60%;}
}

@media (max-width: 480px) {
	.home-counter { margin-top: 15%; }
	.banner-shortcode .align { height: 200px!important; }
}


/*--------------------------------------------------------*/
/* HOME / ABOUT */
/*--------------------------------------------------------*/
.about-jonesbo .rotate {position: absolute; left: 100%; transform-origin: 0% 100%; -webkit-transform-origin: 0% 100%; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); text-align: center;  text-align: left;}
.about-jonesbo h2 {font-size: 50px; text-transform: uppercase;}
.about-jonesbo .thumbnail-shortcode-4 .layer-1 { left: -50%; top: 30%; width: 61%; padding-bottom: 0;}
.about-jonesbo .thumbnail-shortcode-4 .layer-3 {left: 3%; top: -12%; width: 61%; padding-bottom: 0;}
.about-jonesbo .thumbnail-shortcode-4 .layer-2 {left: -25%; top: 8%; width: 100%; padding-bottom: 140%;}
.about-jonesbo .thumbnail-shortcode-4 .border {border-width: 15px;}
.about-jonesbo .column-left { text-align: right;}
.about-jonesbo .column-left .sa { margin-top: -65%; }
.about-jonesbo .column-center {margin-top: -15%;}
.about-jonesbo .column-right p {margin-top: 120%;}

@media (min-width: 1200px) {
	.about-jonesbo .rotate {width: 100%!important; bottom: -49%;}
	.about-jonesbo .column-right .sa {margin-top: -75%}
}

@media (max-width: 1199px) {
	.column-center .layer-1 img {width: 260px;}
	.column-center .layer-3 img {width: 280px;}
	.about-jonesbo .rotate { width: 150%!important; bottom: -47%;}
	.about-jonesbo .thumbnail-shortcode-4 .layer-2 {width: 90%; bottom: 136%;}
	.about-jonesbo .column-right .sa {margin-top: -115%}
}

@media (max-width: 991px) {
	.about-jonesbo .column-left .sa {margin-top: 0;}
	.column-center {display:none;}
	.about-jonesbo .column-right p {margin-top: 0%;}
	.about-jonesbo h2 {margin-bottom: 60px;}
	.about-jonesbo .column-right .sa {margin-top: 0%}
}

@media (max-width: 767px) {
	.about-jonesbo .column-left, .about-jonesbo .column-right { text-align: center;}
	.about-jonesbo .column-left {margin-bottom: 60px;}
}

/*--------------------------------------------------------*/
/* HOME / BOOKS */
/*--------------------------------------------------------*/
.book-header-wrap {position: absolute;  left: 0%; top: 10%; text-align: center; width: 100%;}
.books-header-1 {color: #000000; font-size: 25px;}
.jonesbo-books .books-lead {text-align: center; position: absolute; left: 5%; right: 5%;  top: 70%; padding-left: 0; max-width: none; }
.jonesbo-books .button-style-jn span { /*padding-right: 50px!important;*/ display: inline-block; margin-right: 0px; /*background: var(--clr-jonesbo-main); */font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 12px; line-height: 20px; color: #fff; text-transform: uppercase; padding: 10px 20px; }
.jonesbo-books .button-style-jn:hover { background: #d8d8d8; color: #383838; }
.jonesbo-books .book-button-wrap {position: absolute;  left: 0%; top: 80%; text-align: center; width: 100%;}
.jonesbo-books .mouseover-1 img:nth-child(1) {opacity: 1;}
.jonesbo-books .mouseover-1:hover img:nth-child(2) {transform: scale(.95); -webkit-transform: scale(.95);}

@media (max-width: 480px) {
	.jonesbo-books .books-lead {display: none;}
}

/*--------------------------------------------------------*/
/* HOME / TESTIMONIALS */
/*--------------------------------------------------------*/
.jonesbo-testimonials {background-size: cover; background-position: center top;}
.jonesbo-testimonials .swiper-slide .content {padding-bottom: 20%;}
.jonesbo-testimonials .thumbnail-shortcode-5:hover .description { opacity: 1; transform: scale(1.1); -webkit-transform: scale(1.1); }
.jonesbo-testimonials .thumbnail-shortcode-5 {padding: 20px;}
.jonesbo-testimonials .swiper-pagination.relative-pagination { margin-top: 10px; }
.jonesbo-testimonials  .thumbnail-shortcode-5 .description {padding-top: 10px;}

/*--------------------------------------------------------*/
/* HOME / NEWS */
/*--------------------------------------------------------*/
.jonesbo-news .thumbnail-shortcode-4 .border {border-width: 15px;}
.jonesbo-news .thumbnail-shortcode-4 .layer-2 { left: 29%; top: 9%; width: 350px; padding-bottom: 320px; }
.jonesbo-news .sa {margin-left: 30px;}
.jonesbo-news .thumbnail-shortcode-4 .content {padding-bottom: 75%;}
.jonesbo-news, .jonesbo-news .container {background-size: cover; background-position: center top;}
.jonesbo-news .ht-2 {background-position: center 0.7em; text-transform: uppercase;}
.jonesbo-news .news-all {text-align: center; text-transform: uppercase; margin-top: 20px;}

@media (min-width: 1200px) {
	.jonesbo-news .news-all {margin-top: 20px;}
}

@media (max-width: 1199px) {
	.jonesbo-news .news-all {margin-top: 75px;}
}

@media (max-width: 991px) {
	.jonesbo-news .layer-3 img {width: 260px;}
	.jonesbo-news .thumbnail-shortcode-4 .layer-2 { left: 25%; top: 3%; width: 260px; padding-bottom: 220px;}
}

@media (max-width: 767px) {
	.jonesbo-news .news-all {margin-top: 30px;}
}

/*--------------------------------------------------------*/
/* SITE CUSTOM ICONS */
/*--------------------------------------------------------*/
@font-face {
  font-family: 'jonesbo';
  src:  url('../fonts/jonesbo.eot?g59b80');
  src:  url('../fonts/jonesbo.eot?g59b80#iefix') format('embedded-opentype'),
    url('../fonts/jonesbo.ttf?g59b80') format('truetype'),
    url('../fonts/jonesbo.woff?g59b80') format('woff'),
    url('../fonts/jonesbo.svg?g59b80#jonesbo') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'jonesbo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 24px;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cart-big {font-size: 40px;}

.icon-bookcart:before {
  content: "\e9aa";
}
.icon-facebook:before {
  content: "\e9a1";
}

.icon-arrow:before {
  content: "\e9a2";
}

/*--------------------------------------------------------*/
/* BOOKS PAGE */
/*--------------------------------------------------------*/

.sl {margin-left: 15px; margin-bottom: 20px;}
.banner-shortcode .align {height: 550px;}
.portfolio-1 img.preorder-badge {position: absolute; left: 59%; top: 59%; width: 40%;}

@media (max-width: 991px) {
	.book-format-details h2:before {left: -20%;}
	.portfolio-1 img.preorder-badge { left: 70%; top: 70%; width: 30%;}
}

@media (max-width: 767px) {
	.book-format-details h2:before {content: none;}
	.portfolio-1 img.preorder-badge {left: 59%; top: 59%; width: 40%;}
}

@media (max-width: 480px) {
	.portfolio-1 .sa.small { font-size: 11px; line-height: 18px;}
	.portfolio-1 img.preorder-badge { left: 50%; top: 50%; width: 50%; }

}

/*--------------------------------------------------------*/
/* BOOK DETAIL PAGE */
/*--------------------------------------------------------*/
.book-details .book-format-details { padding: 0% 5%;}
.book-format-details h2:before {width: 100px; height: 1px; background: currentColor; position: absolute; left: -12%; top: 5%; content: "";}
.book-format-details .prices {font-weight: 400; font-family: 'Roboto Condensed', sans-serif; font-size: 20px; padding-top: 5px;}
.book-format-details .prices span.sales {font-weight: 300; font-size: 16px;}
.book-details .product-detail-table {background: #f3f3f3;}
.book-details .product-detail-table .col-xs-6 {padding-right: 40px!important; padding-left: 40px!important;}
.button.read-excerpt { width: 110px; padding: 10px 10px;}
.audio-controls .fa:hover {color: #702721;}
.commerce-row {display:none;}

@media (max-width: 991px) {
	.book-format-details h2:before {left: -20%;}
}

@media (max-width: 767px) {
	.book-format-details h2:before {content: none;}
}

/*--------------------------------------------------------*/
/* NEWS LIST */
/*--------------------------------------------------------*/
.book-list-more .book-button-wrap { text-align: center; }
.book-list-more .style-2 {display: inline-block; margin-right: 0px; background: var(--clr-jonesbo-main); font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 12px; line-height: 20px; color: #fff; text-transform: uppercase; padding: 10px 40px; }

/*--------------------------------------------------------*/
/* 404 page */
/*--------------------------------------------------------*/
.mega-info {font-weight: 700; font-size: 15em; font-family: 'Roboto Condensed', sans-serif;}

/*--------------------------------------------------------*/
/* CSS preloader - news list */
/*--------------------------------------------------------*/
.cart-button {
	display:none;
}

#preloader{
	display:none;
	position:relative;
	width:126px;
	height:15px;
	margin:auto;
}

.book-details #preloader {
	margin: initial;
}

.preloader{
	position:absolute;
	top:0;
	background-color:rgba(105,1,1,0.98);
	width:15px;
	height:15px;
	animation-name:bounce_preloader;
		-o-animation-name:bounce_preloader;
		-ms-animation-name:bounce_preloader;
		-webkit-animation-name:bounce_preloader;
		-moz-animation-name:bounce_preloader;
	animation-duration:0.975s;
		-o-animation-duration:0.975s;
		-ms-animation-duration:0.975s;
		-webkit-animation-duration:0.975s;
		-moz-animation-duration:0.975s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.3);
		-o-transform:scale(.3);
		-ms-transform:scale(.3);
		-webkit-transform:scale(.3);
		-moz-transform:scale(.3);
	border-radius:10px;
		-o-border-radius:10px;
		-ms-border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
}

#preloader_1{
	left:0;
	animation-delay:0.386s;
		-o-animation-delay:0.386s;
		-ms-animation-delay:0.386s;
		-webkit-animation-delay:0.386s;
		-moz-animation-delay:0.386s;
}

#preloader_2{
	left:16px;
	animation-delay:0.4825s;
		-o-animation-delay:0.4825s;
		-ms-animation-delay:0.4825s;
		-webkit-animation-delay:0.4825s;
		-moz-animation-delay:0.4825s;
}

#preloader_3{
	left:31px;
	animation-delay:0.589s;
		-o-animation-delay:0.589s;
		-ms-animation-delay:0.589s;
		-webkit-animation-delay:0.589s;
		-moz-animation-delay:0.589s;
}

#preloader_4{
	left:47px;
	animation-delay:0.6855s;
		-o-animation-delay:0.6855s;
		-ms-animation-delay:0.6855s;
		-webkit-animation-delay:0.6855s;
		-moz-animation-delay:0.6855s;
}

#preloader_5{
	left:63px;
	animation-delay:0.782s;
		-o-animation-delay:0.782s;
		-ms-animation-delay:0.782s;
		-webkit-animation-delay:0.782s;
		-moz-animation-delay:0.782s;
}

#preloader_6{
	left:79px;
	animation-delay:0.8785s;
		-o-animation-delay:0.8785s;
		-ms-animation-delay:0.8785s;
		-webkit-animation-delay:0.8785s;
		-moz-animation-delay:0.8785s;
}

#preloader_7{
	left:94px;
	animation-delay:0.975s;
		-o-animation-delay:0.975s;
		-ms-animation-delay:0.975s;
		-webkit-animation-delay:0.975s;
		-moz-animation-delay:0.975s;
}

#preloader_8{
	left:110px;
	animation-delay:1.0715s;
		-o-animation-delay:1.0715s;
		-ms-animation-delay:1.0715s;
		-webkit-animation-delay:1.0715s;
		-moz-animation-delay:1.0715s;
}



@keyframes bounce_preloader{
	0%{
	transform:scale(1);
		background-color:rgb(105,1,1);
	}

	100%{
	transform:scale(.3);
		background-color:rgba(255,255,255,0.87);
	}
}

@-o-keyframes bounce_preloader{
	0%{
	-o-transform:scale(1);
		background-color:rgb(105,1,1);
	}

	100%{
	-o-transform:scale(.3);
		background-color:rgba(255,255,255,0.87);
	}
}

@-ms-keyframes bounce_preloader{
	0%{
	-ms-transform:scale(1);
		background-color:rgb(105,1,1);
	}

	100%{
	-ms-transform:scale(.3);
		background-color:rgba(255,255,255,0.87);
	}
}

@-webkit-keyframes bounce_preloader{
	0%{
	-webkit-transform:scale(1);
		background-color:rgb(105,1,1);
	}

	100%{
	-webkit-transform:scale(.3);
		background-color:rgba(255,255,255,0.87);
	}
}

@-moz-keyframes bounce_preloader{
	0%{
	-moz-transform:scale(1);
		background-color:rgb(105,1,1);
	}

	100%{
	-moz-transform:scale(.3);
		background-color:rgba(255,255,255,0.87);
	}
}
/*--------------------------------------------------------*/
/* BUYBOX TUNING */
/*--------------------------------------------------------*/

.book-format-details .a4b-buybox-standard {
	font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
}
.a4b-buybox-standard .a4b-box-td1, .a4b-buybox-standard .a4b-box-th1 {width: 40%!important;}
.a4b-buybox-standard .a4b-box-td2, .a4b-buybox-standard .a4b-box-th2 {width: 0%!important; display: none!important;}
.a4b-buybox-standard .a4b-box-td3, .a4b-buybox-standard .a4b-box-th3 {width: 20%!important;}
.a4b-buybox-standard .a4b-box-td4, .a4b-buybox-standard .a4b-box-th4 {width: 40%!important;}
.a4b-buybox-standard .a4b-box-price { color: #494949!important; font-weight:900!important;}
.a4b-buybox-standard .a4b-box-go-to-store {color: var(--clr-jonesbo-main)!important;}
.a4b-buybox-standard .a4b-box-show-more { background-color:var(--clr-jonesbo-main)!important; }
.a4b-buybox-standard .a4b-box-tabs a:hover, .a4b-buybox-standard .a4b-box-tabs a.active {color: var(--clr-jonesbo-main)!important;}
.a4b-box-row:hover { background-color: #eeeeee!important; }
.helping-mail a {color: var(--clr-jonesbo-main)!important;}
.helping-mail {margin-bottom: 20px;}