@charset "utf-8";
/* CSS Document */

.header-bg{width:100%; height: auto; background: url(../images/header-bg.jpg) center top no-repeat ; background-size:cover; display:block; z-index:1;}
.header-box{ width:100%; height: auto; float:left; margin-top:-2px;}
.homeBannerimg{ background-position:50% 0;}
.homeBannerimg img{ width:100%; opacity:0;}
.banner-dots{ position:absolute;  right:40px;  bottom:5px;  width: auto;   -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%); }
.banner-dots li{ width:18px; height:18px; float:left; margin-right:2px; list-style-type:none;}
.banner-dots li a{ width:18px; height:18px; background:url(../images/dot.png) left top no-repeat; text-indent:-999px; display:block; overflow:hidden; }
.banner-dots li.slick-active a{background:url(../images/dot-active.png) left top no-repeat;}


#homeBannerSlider span { position:absolute; right:0; bottom:0; width: auto; }
#homeBannerSlider span.ls_prev{ width:50px; height:50px; background: url(../images/Previous.png) 16px 9px no-repeat ; display: block; cursor:pointer; position:absolute; left:10%; top:50%;  text-indent:-9999px;-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;  -o-transition:all 0.3s ease; transition:all 0.3s ease;}
#homeBannerSlider span.ls_next{ width:50px; height:50px; background:url(../images/next.png) 16px 9px no-repeat; display: block;cursor:pointer; position:absolute; right:10%; top:50%; text-indent:-9999px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;  -o-transition:all 0.3s ease; transition:all 0.3s ease;}
#homeBannerSlider span:hover{ background-image:url(../images/next.png) 16px 9px no-repeat ; background-color: rgba(0, 0, 0, 0.3);}

.header_text { width: 60%;right: 0px; z-index: 999;position: absolute;top:0;
	bottom:0px; background: url(../images/header-text-bg2.png) left top no-repeat; padding:0 2% 0 18%; box-sizing:border-box; 
}



.header_text big{ display: table; vertical-align:middle; height:100%;}
.header_text big i{ width:100%; height:auto; display:table-cell; vertical-align:middle; }
.header_text h3{font-size:48px; font-weight:600; color:#FFF; padding-bottom:30px; display:block; font-style:normal; line-height:54px; }
.header_text p{ font-size:22px; font-weight:400; color:#FFF;  display:block; font-style:normal; line-height:24px;}
.big{ display: block;}
.small{ display:none;}


.arrivals-bg{width:100%; height: auto; background: url(../images/arrivals-bg.jpg) center top no-repeat ; background-size:cover; display:block;padding:35px 0; position:relative; }
.white-box{width:100%; height: auto; background:#FFF; display:block; padding:35px 0; position:relative; }
.heading { font-size:30px; font-weight:400; color:#000; position:relative; padding-bottom:56px;}
.heading:after{ content:''; position:absolute; left:0; bottom:35px; width:90px; height:1px; background:#000;}
.heading2 { font-size:30px; font-weight:400; color:#fff; position:relative; padding-bottom:56px;}
.heading2:after{ content:''; position:absolute; left:0; bottom:35px; width:90px; height:1px; background:#fff;}
.forthcoming-books{ width:100%; height:auto; float:left;  margin:0; padding:0;}
.forthcoming-books li{ height:230px; float:left;  box-sizing:border-box; margin-right:10px; position:relative;}
.forthcoming-books li div{width:100%; height:221px; float:left; background:#ffdb33; -webkit-box-shadow: 4px 4px 6px 0px rgba(226,226,226,1.0);-moz-box-shadow: 4px 4px 6px 0px rgba(226,226,226,1.0);box-shadow: 4px 4px 6px 0px rgba(226,226,226,1.0); }

.forthcoming-books li div span{ width:47%; height:221px; overflow:hidden; float:left;  }
.forthcoming-books li div span img{ height:100%;}
.forthcoming-books li div samp{ width:53%; height:221px; display:table; float:left; padding:8% 4% 0% 4%; box-sizing:border-box;  }
.forthcoming-books li div samp h2{ width:100%;  font-size:12px; font-weight:400; color:#000;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;line-height: 14px;     /* fallback */max-height: 28px;      /* fallback */-webkit-line-clamp: 2; /* number of lines to show */-webkit-box-orient: vertical; }
.forthcoming-books li div samp h3{ width:100%;  font-size:14px; font-weight:600; color:#000; text-transform:uppercase; margin:8px 0; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; line-height: 18px;     /* fallback */ max-height: 54px;      /* fallback */ -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical;} 
.forthcoming-books li div samp p{ width:100%;  font-size:12px; font-weight:400; color:#000;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box; line-height: 14px;     /* fallback */ max-height: 42px;      /* fallback */ -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical; }
.forthcoming-books li div samp h4{ width:100%;  padding:15px 0 0px 0;}
.forthcoming-books li div samp h4 strong{ font-size:12px; font-weight:600; color:#000; float:left; line-height:18px; padding-right:5px;}
.forthcoming-books li div samp h4 small{ font-size:12px; font-weight:400; color:#000; float:left;  line-height:18px;text-transform:uppercase;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box; line-height: 18px;     /* fallback */ max-height: 36px;      /* fallback */ -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical;}

.view{ width:auto; height:auto; float:right; padding-right:45px; font-size:14px; font-weight:400; color:#000; position:relative; padding-top:15px; display:block; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;  -o-transition:all 0.3s ease; transition:all 0.3s ease; text-decoration:none;}
.view:after{ content:''; position:absolute; right:18px; top:18px; width:18px; height:8px; background: url(../images/arrow.png) left top no-repeat; -webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease;  -o-transition:all 0.7s ease; transition:all 0.7s ease;}
.view:hover{ color:#fc5911;}
.view:hover:after{ content:''; background: url(../images/arrow.png) left -44px no-repeat;}

.slider-arrow{position:absolute; right:2%; top:30px; width:53px; height:21px;}
.left-arrow{ width:26px; height:21px; float:left; background:url(../images/prev_n.png) left top no-repeat;  cursor:pointer; }
.arrow-divider{width:1px; height:21px; float:left; background:url(../images/line2.png) left top no-repeat; }
.right-arrow{ width:26px; height:21px; float: right; background:url(../images/next_n.png) right top no-repeat;  cursor:pointer; }

.left-arrow2{ width:26px; height:21px; float:left; background:url(../images/prev.png) left top no-repeat;  cursor:pointer; }
.right-arrow2{ width:26px; height:21px; float: right; background:url(../images/next.png) right top no-repeat;  cursor:pointer; }


.new-arrivals{ width:100%; height:auto; float:left;  margin:0; padding:0;}
.new-arrivals li{ height:230px; float:left; margin-right:10px;  box-sizing:border-box;  position:relative;}
.new-arrivals li div{width:100%; height:221px; float:left; background:#FFF; -webkit-box-shadow: 4px 4px 6px 0px rgba(255,255,255,1.0);-moz-box-shadow: 4px 4px 6px 0px rgba(206,101,141,1.0);box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.25); }

.new-arrivals li div span{ width:47%; height:221px; overflow:hidden; float:left;  }
.new-arrivals li div span img{ height:100%;}
.new-arrivals li div samp{ width:53%; height:221px; display:table; float:left; padding:8% 4% 0% 4%; box-sizing:border-box;  }
.new-arrivals li div samp h2{ width:100%;  font-size:12px; font-weight:400; color:#000;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;line-height: 14px;     /* fallback */max-height: 28px;      /* fallback */-webkit-line-clamp: 2; /* number of lines to show */-webkit-box-orient: vertical; }
.new-arrivals li div samp h3{ width:100%; margin-top:8px;  font-size:14px;  font-weight:600; color:#000; text-transform:uppercase;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box; line-height: 18px;     /* fallback */ max-height: 54px;      /* fallback */ -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical;} 
.new-arrivals li div samp p{ width:100%;  font-size:12px; font-weight:400; color:#000;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box; line-height: 14px;     /* fallback */ max-height: 42px;      /* fallback */ -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical; }
.new-arrivals li div samp h4{ width:100%;  padding:15px 0 0px 0;}
.new-arrivals li div samp h4 strong{ font-size:12px; font-weight:600; color:#000; float:left; line-height:18px; padding-right:5px;}
.new-arrivals li div samp h4 small{ font-size:12px; font-weight:400; color:#000; float:left; text-transform:uppercase;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box; line-height: 18px;     /* fallback */ max-height: 36px;      /* fallback */ -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical;}


.review-box{ width:100%; height:auto; display:flex; flex-wrap:wrap;}
.review-box li{width:33.333%; height:auto; padding-right:10px; padding-top:10px; padding-bottom:10px; box-sizing:border-box;  float:left; text-align:center;  }
.review-box li:last-child{padding-right:0px;}
.review-box li div{width:100%; height: 100%; background:#FFFFFF; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.38);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.38); padding:40px 10%; box-sizing:border-box; position:relative; }

.review-box li div span{ width:85px; height:85px; margin:0 auto;  background: url(../images/round-bg.png) center center no-repeat;  border-radius:50%; text-align:center; display:table;}
.review-box li div span i{text-align:center; vertical-align:middle; width:85px; height:85px; display: table-cell; margin:0 auto; }
.review-box li div span img{ border:0; outline:none; }
.review-box li div h2{ font-size:18px; font-weight:600; color:#111111; text-align:center; padding:15px 0;}
.review-box li div p{ font-size:14px; font-weight:400; color:#111111; text-align:center; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;line-height: 18px;     /* fallback */max-height: 36px;      /* fallback */-webkit-line-clamp: 2; /* number of lines to show */-webkit-box-orient: vertical; margin-bottom:30px;  }

.review-box li div big{ position:absolute; left:0; right:0; bottom:20px; width: 98px; height:32px; margin:0 auto; text-align:center; /*display:table;*/ padding:10px 12px; background:#fc6500;font-size:12px; font-weight:600; color:#FFF;   border-radius: 16px 16px 16px 16px; -webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
    -webkit-transition-duration: 1s;
       -moz-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;}
.review-box li div:hover big{background:#000;}












/* Business box End*/

@media (max-width: 1366px) {
.homeBannerimg img{ height: auto;  width:auto; }
}
@media (max-width: 1100px) {
.homeBannerimg{ background-position:50% 0;}
.homeBannerimg img{ width:100%; opacity:1;}
.review-box{display:inherit; flex-wrap:no-wrap}
.review-box li{height:350px}
.followus-box span a{color:#fff}
}
@media (max-width: 1023px) {

}
@media (max-width:800px) {	

.big{ display:none ;}
.small{ display:block;}	
.header_text{ position:relative; background: url(../images/header-text-bg.jpg) right top no-repeat; padding:2% 2% 4% 2%; max-width:inherit; width: 100%;}
.header_text big {height: auto; margin:0 auto; }
.header_text h3 {font-size:30px; line-height:inherit; text-align:center;padding-bottom:5px;}
.header_text p { font-size: 18px; text-align:center;padding-bottom:5px;}



.banner-dots{ position:absolute;  right:0; left:0;  margin:0 auto; display:table;  bottom:-7px;  width: 120px;  }
.header_text h3 br{ display:none;}
}


@media (max-width: 680px) {

	.new-arrivals li div span {width: 30%;}
	.new-arrivals li div samp {width: 70%;}
	.forthcoming-books li div span {width: 30%;}
	.forthcoming-books li div samp {width: 70%;}
	.header_text big {height: 80px;}
	.header_text p {font-size: 16px;}
		
	
	.header_text{ min-height:150px;}
}

@media (max-width: 600px) {
	.review-box li div{ /*background:transparent; -webkit-box-shadow: none  ;-moz-box-shadow: none; box-shadow: none; border-right:1px solid #c5c5c5;*/ padding:15px 4%; }
	.review-box li:last-child div{border-right:0px solid #c5c5c5;}
.review-box li div p, .review-box li div big{ display:none;}
.header_text{ min-height:auto;}



}
@media (max-width: 480px) {
	.header_text h3 { font-size: 22px;}
	.header_text p {font-size: 15px;}
	.new-arrivals li div span {width: 40%;}
	.new-arrivals li div samp {width: 60%;}
	.forthcoming-books li div span {width: 40%;}
	.forthcoming-books li div samp {width: 60%;}
	.footer-mid .buy-online { max-width:300px; width:100%;}
	.footer-mid .buy-online li { width: 50%;padding-right: 0px; border-right: 0px solid #C4BFBF; margin-right: 0px;margin-top: 0px; margin-bottom:20px;}
		.review-box li{height:200px}

	}

@media (max-width: 469px) {
	.review-box li div h2 { font-size: 13px;}
	.new-arrivals li div span {width: 50%;}
	.new-arrivals li div samp {width: 50%;}
	.forthcoming-books li div span {width: 50%;}
	.forthcoming-books li div samp {width: 50%;}

	}