@charset "utf-8";
/* CSS Document */
.newArivalSection .newArivalList li a.newArivalImg img { height: 300px; width: auto; }
body{font-family: 'Open Sans', sans-serif; background:#f6f6f6; overflow-y:scroll;}
*{margin:0; padding:0; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; word-wrap: break-word;word-break: break-word;}
img{max-width:100%;}
a{ -moz-transition:all ease-in-out .5s; -ms-transition:all ease-in-out .5s; -webkit-transition:all ease-in-out .5s;transition:all ease-in-out .5s;}
a:hover{text-decoration:none;}
button:focus, a:focus, input:focus{outline:none;}
.headerMain{width:100%; float:left;box-shadow: 0 0 38px rgba(0,0,0,.09); position:relative;}
.logoMain{float:left; margin:20px 0;}
.logoMain img{max-height:30px;}
.rightMenu{float:right; display:inline-block; margin-bottom:0; padding:0; position:static;}
.rightMenu.bg-light{background:none;}
.rightMenu li{display:inline-block; float:left; position:relative;}
.rightMenu li a{font-size:16px; color:#4c4b50; display:inline-block; padding:21px 30px 0; border-bottom:3px solid transparent;}
.rightMenu li a:hover{ background:rgba(255,0,0,.02); border-color:#ff0000; padding-bottom:21px;}
.rightMenu li form{padding:0px; position:absolute; top:69px; right:0; width:300px; -moz-box-shadow:0 2px 20px rgba(0,0,0,.1); -webkit-box-shadow:0 2px 20px rgba(0,0,0,.1); box-shadow:0 2px 20px rgba(0,0,0,.1); border:none;}
.rightMenu li form.bannerSearchForm > div button{width:35px; height:35px; line-height:35px;}
.rightMenu li form.bannerSearchForm > div input{width:calc(100% - 35px); height:35px;}
.body_container{width:100%; display:inline-block; float:left;}
.homeBanner{width:100%;background:url(../imgs/banner.jpg) no-repeat center; background-size:cover; float:left; padding:200px 0 150px;}
.homeBanner h1{font-family: 'Poppins', sans-serif; font-size:44px; color:#000; font-weight:700; text-align:center;}
.homeBanner h1 span{ font-size:32px; display:block;}
form.bannerSearchForm{width:80%; margin:0 10%; background:rgba(255,255,255,.2); padding:20px; border:1px solid #fff; border-radius:2px;}
form.bannerSearchForm > div{background:#fff; border-radius:2px; padding:5px 5px 5px 0;}
form.bannerSearchForm > div button{width:65px; height:65px; background:#ff0000; color:#fff; text-align:center; line-height:65px; border-radius:2px; border:none; float:right; cursor:pointer;}
form.bannerSearchForm > div input{width:calc(100% - 65px); height:65px; border:none; padding:0px 10px; font-size:20px; color:#aeaeae;}
.catSection{width:100%;float:left; padding-top:50px;}
.headClass{font-family: 'Poppins', sans-serif; font-size:26px; color:#4c4b50; font-weight:700; position:relative;}
.headClass:after{content:'';width:40px; height:3px; background:#ff0000; display:inline-block; position:absolute; left:0; top:100%;}
.headClass span{font-weight:normal;}
.btnRed{ background:#ff0000; border-radius:4px; color:#fff; text-align:center; font-size:16px; box-shadow:0px 6px 13px rgba(0,0,0,.2); border:2px solid transparent;}
.btnRed:hover{color:#ff0000; border-color:#ff0000; background:#f6f6f6;}
.catSection > div > a{float:right; display:inline-block;line-height:16px; margin:-15px 10px 0 0; position:relative; color:#ff0000; font-size:18px; font-weight:700;}
.catHomePage{width:100%; display:inline-block; margin-top:20px;}
.catHomePage > li{width:20%; float:left; display:inline-block; margin-left:0%;}
.catHomePage > li:nth-child(5n+1){margin-left:0; clear:left;}
.catHomePage > li a{width:100%; display:inline-block;border-radius:10px; padding:10px; text-align:center; border:1px solid transparent;}
.catHomePage > li a > div{width:100%; display:inline-block; background:#fff; border-radius:4px; padding:20px 0 0; position:relative;}
.catHomePage > li a > div img{height:44px; width:auto;}
.catHomePage > li a > div:after{position:absolute; content:''; width:100%; height:100%; top:2px; left:0; background:#ff0000; border-radius:4px; z-index:-1; -moz-transition:all ease-in-out .5s; -ms-transition:all ease-in-out .5s; -webkit-transition:all ease-in-out .5s; transition:all ease-in-out .5s;}
.catHomePage > li a > div p{font-size:14px; color:#5c5c5c; font-weight:700; padding-top:10px; min-height:51px;}
.catHomePage > li a:hover{ background:rgba(255,0,0,.1); -moz-box-shadow:0 0 38px rgba(0,0,0,.09); -ms-box-shadow:0 0 38px rgba(0,0,0,.09); -webkit-box-shadow:0 0 38px rgba(0,0,0,.09); box-shadow:0 0 38px rgba(0,0,0,.09); border-color:rgba(255,0,0,.6);}
.catHomePage > li a:hover div:after{background:none;}
.catHomePage > li a:hover div{-moz-box-shadow:0 0 38px rgba(0,0,0,.09); -ms-box-shadow:0 0 38px rgba(0,0,0,.09); -webkit-box-shadow:0 0 38px rgba(0,0,0,.09); box-shadow:0 0 38px rgba(0,0,0,.09);}
.newArivalSection{width:100%; float:left; padding-top:30px;}
.newArivalList{width:100%; float:left; padding-top:20px;}
.newArivalList li{width:100%; float:left; background:#fff; -moz-box-shadow:0 0 38px rgba(0,0,0,.09); -webkit-box-shadow:0 0 38px rgba(0,0,0,.09); box-shadow:0 0 38px rgba(0,0,0,.09); display:inline-block; padding:25px; border-bottom:2px solid #ff0000; margin-bottom:15px;}
.newArivalImg{width:300px; float:left; background:#f6f6f6; padding:25px 0; text-align:center;}
.newArivalImg > div > img{ -moz-box-shadow:0 0 16px rgba(0,0,0,.27); -webkit-box-shadow:0 0 16px rgba(0,0,0,.27); box-shadow:0 0 16px rgba(0,0,0,.27); height:300px; width:100%;}
.newArivalImg > div{display:inline-block; position:relative;max-width:90%;width:200px;}
.newArivalList li h5{ font-size:45px; color:#4c4b50; font-weight:700;font-family: 'Poppins', sans-serif; margin-bottom:20px;}
.newArivalList li h5 span{width:100%; color:#ff0000; display:inline-block;}
.newArivalCont{width:calc(100% - 330px); float:right;}
.newArivalCont .catName{ font-family:'Poppins', sans-serif; font-size:33px; color:#ff0000; font-weight:700; padding-top:0px; display:inline-block;}
.newArivalCont p{font-size:16px; color:#777777;}
.newArivalCont p a{color:#ff0000; text-decoration:underline;}
.newArivalKeywrd{float:left; display:inline-block; color:#4c4b50; font-weight:700; width:calc(100% - 165px); padding-top:5px;}
.newArivalKeywrd div{width:100%; float:right; margin-top:15px;}
.newArivalKeywrd div a{display:inline-block; float:left; font-size:12px; color:#fff; background:rgba(166,166,166,.64); padding:3px 20px; border-radius:3px; margin-right:15px; margin-bottom:10px;}
.newArivalPrice{float:left; }
.newArivalPrice p{font-size:28px; color:#ff0000; font-weight:700; margin-bottom:0; text-align:center;}
.newArivalPrice span{color:#605f5f; font-size:12px; padding:0px 0 0 5px;}
.newArivalPrice > a{display:block; float:left; clear:both; padding:5px 25px; text-transform:uppercase;}
.btnOrng{ -moz-box-shadow: 0 0 13px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 13px rgba(0,0,0,.1); box-shadow: 0 0 13px rgba(0,0,0,.1); border-radius:4px; color:#fff;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffae00+0,ffc000+99 */
	background: rgb(255,174,0); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYWUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZmYzAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left, rgba(255,174,0,1) 0%, rgba(255,192,0,1) 99%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,174,0,1)), color-stop(99%,rgba(255,192,0,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(left, rgba(255,174,0,1) 0%,rgba(255,192,0,1) 99%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(left, rgba(255,174,0,1) 0%,rgba(255,192,0,1) 99%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(left, rgba(255,174,0,1) 0%,rgba(255,192,0,1) 99%); /* IE10 preview */
	background: linear-gradient(to right, rgba(255,174,0,1) 0%,rgba(255,192,0,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffae00', endColorstr='#ffc000',GradientType=1 ); /* IE6-8 */ font-size:16px; text-transform:uppercase; font-weight:700;}
.btnOrng:hover{color:#fff;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc000+0,ffae00+99 */
	background: rgb(255,192,0); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZmYWUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left, rgba(255,192,0,1) 0%, rgba(255,174,0,1) 99%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,192,0,1)), color-stop(99%,rgba(255,174,0,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(left, rgba(255,192,0,1) 0%,rgba(255,174,0,1) 99%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(left, rgba(255,192,0,1) 0%,rgba(255,174,0,1) 99%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(left, rgba(255,192,0,1) 0%,rgba(255,174,0,1) 99%); /* IE10 preview */
	background: linear-gradient(to right, rgba(255,192,0,1) 0%,rgba(255,174,0,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc000', endColorstr='#ffae00',GradientType=1 ); /* IE6-8 */-moz-box-shadow: 0 0 13px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 13px rgba(0,0,0,.4); box-shadow: 0 0 13px rgba(0,0,0,.4);}
.newArivalCont > a{display:block; clear:both; float:left; padding:8px 25px; margin-top:30px; font-size:16px;}
.foterMain{width:100%; float:left; background:#fff; box-shadow:0 0 38px rgba(0,0,0,.09); border-bottom:3px solid #ff0000;}
.foterMain p{text-align:center; font-size:15px; color:#6e6e6e; padding-top:15px;}
/* ----------------- Listing Page ------------------ */
.innerBanner{width:100%; display:inline-block; background:url(../imgs/inner-banner.jpg) no-repeat center; background-size:cover; float:left; padding:60px 0 30px;}
.innerBanner h1{font-size:36px; color:#000; font-weight:700;  text-align:center;}
.listingSect{width:100%; float:left; padding:50px 0;}
.catSidebar{width:100%; float:left;background:#fff; box-shadow:0 0 38px rgba(0,0,0,.09); border-radius:4px; padding:35px 15px;}
.catSidebar h2{ font-size:26px; color:#4c4b50; font-weight:600; position:relative;}
.catSidebar h2:after{width:40px; height:3px; content:''; background:#ff0000; display:block; margin-top:20px;}
.catSidebar ul{width:100%; float:left; margin-bottom:0; margin-top:30px;}
.catSidebar ul li{width:100%; float:left; display:inline-block; margin-bottom:20px;}
.catSidebar ul li a{ font-size:14px; color:#5c5c5c; font-weight:700; margin-left:17px; position:relative; display:inline-block; width:calc(100% - 17px); border-bottom:1px solid transparent;}
.catSidebar ul li a:after{content:"\f0c8"; font-family:"Font Awesome 5 Free"; color:#bcbcbc; position:absolute; left:-17px; top:3px; font-size:12px;}
.catSidebar ul li a:hover:after, .catSidebar ul li a.active:after { color:#ff0000;}
.catSidebar ul li a:hover, .catSidebar ul li a.active{color:#ff0000;}
.catSidebar ul li:last-child{margin-bottom:0;}
.listHead{ font-size:33px; color:#4c4b50; font-weight:700;}
.listingPage .newArivalImg{width:230px; padding:20px 0;}
.listingPage .newArivalImg > div {width:150px;}
.listingPage .newArivalImg > div > img{width:100%; height:225px;}
.listingPage .newArivalCont{width:calc(100% - 240px);}
.listingPage .newArivalCont .catName{font-size:16px;padding-top:10px; padding-top:15px;}
.newArivalList.listingPage li h5{font-size:26px;font-weight:500; padding-top:5px;}
.listingPage .newArivalCont p{font-size:15px;}
.listingPage .newArivalKeywrd span{font-size:14px; }
.listingPage .newArivalKeywrd div a{font-size:9px; margin-right:10px;}
.listingPage .newArivalPrice{font-size:25px; padding-top:10px;}
.listingPage .newArivalPrice span{padding-top:10px;}
.listingPage .newArivalCont > a{margin-top:10px; padding:6px 25px;}
.pagiNation{width:100%; display:inline-block; text-align:center;}
.pagiNation span, .pagiNation a{font-size:16px; color:#3f3f3f; background:#fff; box-shadow:0 0 38px rgba(0,0,0,.09); display:inline-block; padding:10px 16px; border-radius:4px; -moz-transition:all ease-in-out .5s; -webkit-transition:all ease-in-out .5s; transition:all ease-in-out .5s;}
.pagiNation span:hover, .pagiNation a:hover, .pagiNation span.current{ background:#ff0000; color:#fff;}
.newArivalList.listingPage li{border:none;}
/* profile page */
.profileTop{width:100%; display:inline-block; background:#fff; border-radius:4px; -moz-box-shadow:0 0 38px rgba(0,0,0,.09); -webkit-box-shadow:0 0 38px rgba(0,0,0,.09); box-shadow:0 0 38px rgba(0,0,0,.09); float:left; padding:45px 45px 35px 35px; border-bottom:3px solid #ff0000; margin-top:60px;}
.profileTop h1{ font-size:30px; color:#4c4b50; font-weight:700; padding-top:15px;}
.ratingMain i{ color:#ee8a1b;}
.profRating{width:100%; display:inline-block; padding-top:15px;}
.ratingMain{float:left; width:90px !important; font-size:16px !important;}
.profRating > a{float:left; font-size:16px; color:#0e6fac; text-decoration:underline; margin-left:30px;}
.profDetail{width:100%; display:inline-block; margin-top:20px; border-top:1px solid #dddddd; padding-top:20px;}
.profDetail h2{color:#4c4b50; font-size:18px; font-weight:600;}
.profDetail p{ 
	font-size:17px;
 color:#838383;
  line-height:34px;
   text-align:justify;
    word-wrap:break-word;
     margin-bottom:0;

/*     text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 3.6em;
    line-height: 1.8em;*/

    /*line-height: 1.5em;*/
    /*height: 3em;*/
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
 }
.profBooks{width:100%; display:inline-block; padding-top:50px; padding-bottom:30px;}
.profBooks h3{color:#4c4b50; font-size:30px; font-weight:700; margin-bottom:30px; float:left;}
.profBookMain{width:100%; float:left; margin-bottom:20px; background:#fff; -moz-box-shadow:0 0 38px rgba(0,0,0,.09); -webkit-box-shadow:0 0 38px rgba(0,0,0,.09); box-shadow:0 0 38px rgba(0,0,0,.09);}
.profBookImg{width:calc(100% - 40px); display:inline-block; border-radius:4px;  margin:25px 20px; position:relative; text-align:center;}
.profBookImg img{ -moz-box-shadow:0px 6px 13px rgba(0,0,0,.27); -webkit-box-shadow:0px 6px 13px rgba(0,0,0,.27);box-shadow:0px 6px 13px rgba(0,0,0,.27); height:300px; width:100%;}
.profBookImg:before, .profBookImg:after{content:''; height:80%; width:3px; background:#ff0000; position:absolute; top:10%; left:0px; -moz-transition:left ease-in-out .5s, right ease-in-out .5s, width ease-in-out .5s; -webkit-transition:left ease-in-out .5s, right ease-in-out .5s, width ease-in-out .5s; transition:left ease-in-out .5s, right ease-in-out .5s, width ease-in-out .5s;}
.profBookImg:hover:before, .profBookImg:hover:after{width:80%; height:80%; background:#ff0000; border:2px solid #ff0000; left:10%;}
.profBookImg:after{left:auto; right:0px;}
.profBookImg:hover:after{content:'View'; color:#fff; font-size:20px; padding-top:110px; background:none;}
.profBookImg:hover:before{content:'\f06e'; font-family:'Font Awesome 5 Free'; font-size:25px; color:#fff; padding-top:75px;}
.profBookImg:hover:after{left:auto; right:10%;}
.profBookMain h5{ font-size:20px; font-family: 'Poppins', sans-serif; font-weight:700; text-align:center;}
.profBookMain h5 a{color:#3a3a3a; min-height:52px; display:inline-block; word-break: break-word;
	padding: 0 10px;}
.profImg{float:left; width:100%; text-align:center;}
/* ------------------ book detail -------------------------*/
.bookDetailTop{width:100%; float:left; padding-top:60px;}
.bookDetailImg{width:100%; float:left;border-radius:4px; -moz-box-shadow:0 0 38px rgba(0,0,0,.09); -webkit-box-shadow:0 0 38px rgba(0,0,0,.09); box-shadow:0 0 38px rgba(0,0,0,.09); text-align:center;}
.bookDetailMain{width:100%; float:left; background:#fff; -moz-box-shadow:0 0 38px rgba(0,0,0,.09); -webkit-box-shadow:0 0 38px rgba(0,0,0,.09); box-shadow:0 0 38px rgba(0,0,0,.09); padding:35px 25px;}
.bookDetailImg div{ display:inline-block; position:relative;}
.bookDetailImg > img{-moz-box-shadow:0px 6px 13px rgba(0,0,0,.27); -webkit-box-shadow:0px 6px 13px rgba(0,0,0,.27);box-shadow:0px 6px 13px rgba(0,0,0,.27); position:relative; width:100%; height:316px;}
.bookDetailImg div:before, .bookDetailImg div:after{content:''; width:3px; height:70%; position:absolute; background:#ff0000; left:-10px; top:15%; display:inline-block;}
.bookDetailImg div:after{left:auto; right:-10px;}
.catTop{font-size:13px; color:#9a9a9a; display:inline-block; padding-top:10px;}
.catTop:after{content:''; width:20px; height:3px; background:#ff0000; display:block; margin:3px 0 0; -moz-box-shadow:0 3px 17px rgba(255,0,0,.2); -webkit-box-shadow:0 3px 17px rgba(255,0,0,.2); box-shadow:0 3px 17px rgba(255,0,0,.2);}
.bookDetailTop h1{ font-size:33px; color:#4c4b50; font-weight:700; padding-top:10px;}
.bookDetailAuthor{width:100%; display:inline-block;}
.bookDetailAuthorimg{width:39px; height:39px; display:inline-block; border-radius:50%; overflow:hidden; float:left;}
.bookDetailAuthor p{font-size:16px; color:#5c5c5c; display:inline-block; float:right; margin:7px 0 0 0px; width:calc(100% - 50px);}
.bookDetailAuthor p a{ color:#3e2abe;}
.bookDetailAuthor p a span{color:#ff0000;}
.bookDetailSeller{width:100%; display:inline-block; padding-top:15px;}
.bookDetailSeller span{ font-size:18px; color:#4c4b50; font-weight:700; float:left;}
.bookDetailSeller div{width:100%; float:left;}
.bookDetailSeller div a{display:inline-block; font-size:12px; color:#fff; background:rgba(166,166,166,.64); padding:4px 25px; border-radius:4px; margin:0 5px 10px 0;}
.bookDetailCoupon{width:100%; display:inline-block;}
.bookDetailCoupon div{width:100%; display:inline-block; border:1px solid rgba(221,221,221,.5); -moz-box-shadow:0 8px 30px rgba(0,0,0,.05); -webkit-box-shadow:0 8px 30px rgba(0,0,0,.05); box-shadow:0 8px 30px rgba(0,0,0,.05); border-radius:4px; background:#f6f6f6; padding:10px; margin-top:15px;}
.bookDetailCoupon div input[type=submit], .bookDetailCoupon div button{ font-size:12px; color:#fff; font-weight:700; width:64px; height:37px; line-height:37px; background:#48cc45; border:none; border-radius:4px; float:right; text-transform:uppercase; -moz-border:1px solid rgba(221,221,221,.5); -webkit-border:1px solid rgba(221,221,221,.5); box-shadow:0 6px 13px rgba(0,0,0,.1); cursor:pointer;}
.bookDetailCoupon div input[type=text]{width:calc(100% - 74px);border:1px solid rgba(221,221,221,.5); background:#fff; height:37px; padding:0 10px; font-size:14px;}
.bookDetailPrice{width:100%; display:inline-block;background:#f6f6f6; padding:75px 10px 10px; position:relative; border:1px solid #dbdbdb;margin-top:50px;}
.priceTag{display:inline-block; font-size:16px; font-weight:700; color:#fff; padding:2px 25px; background:#ff0000; text-transform:uppercase; position:absolute; top:10px;
	left:-9px; -moz-box-shadow:0 3px 5px rgba(0,0,0,.09); -webkit-box-shadow:0 3px 5px rgba(0,0,0,.09); box-shadow:0 3px 5px rgba(0,0,0,.09);}
.priceTag:after{ content:'\f0d9'; color:#ff0000; position:absolute; font-size:25px; font-family:'Font Awesome 5 Free'; left:-1px; bottom:-10px;line-height:20px;}
.bookDetailPrice p{ font-size:42px;font-weight:700; color:#ffb900; text-align:center; margin-bottom:30px;}
.couponForm{width:100%; display:inline-block;}
.couponForm span{width:100%; display:inline-block; -moz-border:1px solid rgba(221,221,221,.5); -webkit-border:1px solid rgba(221,221,221,.5); border:1px solid rgba(221,221,221,.5); border-radius:4px; padding:8px; margin-bottom:10px;}
.couponForm span input{width:100%; display:inline-block; padding:0 10px;border:1px solid rgba(221,221,221,.5); border-radius:4px; font-size:14px; font-weight:300; height:45px;}
.couponForm input[type=submit], .couponForm input[type=button], .couponForm button{ width:100%; display:inline-block; background:#b7b7b7; text-transform:uppercase; font-size:16px; font-weight:700; -moz-box-shadow: 0 6px 16px rgba(0,0,0,.1); -webkit-box-shadow: 0 6px 16px rgba(0,0,0,.1); box-shadow: 0 6px 16px rgba(0,0,0,.1); color:#fff; border-radius:2px; padding:6px 0; margin-bottom:10px; cursor:pointer; border:2px solid #b7b7b7;}
.couponForm input[type=submit]:hover, .couponForm button:hover{background:#fff; color:#b7b7b7;}
.bookDetailPrice p span{font-size:16px; color:#646363; font-weight:400; padding-left:5px; }
.bookDetailPrice > form input[type=button], .bookDetailPrice > form input[type=submit], .bookDetailPrice > form button[type=submit], .bookDetailPrice > button, .btnStripe{ padding:6px 0; display:block; clear:both; float:left; width:100%; border-radius:2px; text-transform:uppercase; font-size:16px; font-weight:700; cursor:pointer;}
.bookDetailTabMain{width:100%; float:left; padding-top:60px;}
.bookDetailTabMain .nav-tabs .nav-link{font-size:16px; color:#5c5c5c; padding:15px 25px; border:1px solid #e7e4e4;}
.bookDetailTabMain .nav-tabs .nav-link.active{border-radius:0; border-color:transparent;}
.bookDetailTabMain .nav-tabs{border:none;}
.bookDetailTabMain .tab-content{width:100%; background:#fff;}
.bookDetailTabMain .tab-content>.tab-pane{padding:50px 30px 40px;}
.bookDetailTabMain .tab-content>.tab-pane p{ font-size:18px; color:#838383; line-height:34px;}
.bookDetailTabMain .tab-content>.tab-pane ul{padding-left:20px;}
.bookDetailTabMain .tab-content>.tab-pane ul li{font-size:18px; color:#838383; line-height:34px;}
.bookDetailTabMain .tab-content>.tab-pane ul.bookDetailReview{width:100%; padding-left:0; display:inline-block;}
.bookDetailTabMain .tab-content>.tab-pane ul.bookDetailReview li{display:inline-block; margin-bottom:20px;}
.bookDetailTabMain .tab-content>.tab-pane ul.bookDetailReview li h5{ font-size:18px; color:#000000; font-weight:700; margin-bottom:0;}
.bookDetailTabMain .tab-content>.tab-pane ul.bookDetailReview li > span{ font-size:15px; color:#9a9a9a; display:inline-block; width:100%;}
.bookDetailTabMain .tab-content>.tab-pane ul.bookDetailReview li > p{ font-size:16px; color:#838383; line-height:26px;}
.bookDetailTabMainIner{width:100%; display:inline-block; position:relative;}
.bookDetailSocialShare{position:absolute; right:5px; top:10px; z-index:1;overflow: hidden;}
.bookDetailSocialShare.authorsocial{right:0; top:30px;}
.bookDetailSocialShare span{color:rgba(0,0,0,.4); font-size:25px; cursor:pointer;}
.bookDetailSocialShare > span:hover{color:#ff0000;}
.bookDetailSocialShare > div{width:320px; display:inline-block; position:absolute; top:0%; background:#fff; -moz-box-shadow:0 6px 13px rgba(0,0,0,.2); -webkit-box-shadow:0 6px 13px rgba(0,0,0,.2); box-shadow:0 6px 13px rgba(0,0,0,.2); right:0; padding:5px; border-radius:4px; text-align:center;}
.bookDetailSocialShare > div span{font-size:14px; color:#ff0000;}
.bookDetailSocialShare > div a{display:inline-block; font-size:16px; color:rgba(166,166,166,.64); margin-left:10px;}
.bookDetailSocialShare > div a:nth-of-type(1){color:#3b5998;}
.bookDetailSocialShare > div a:nth-of-type(2){color:#38A1F3;}
.bookDetailSocialShare > div a:nth-of-type(3){color:#0077B5;}
.bookDetailSocialShare > div a:nth-of-type(4){color:#34526f;}
.bookDetailSocialShare > div a:nth-of-type(5){color:#c8232c;}
#timerContainer{width:100%; display:inline-block; position:fixed;left:0; background:rgb(189,189,189); padding:10px; text-align:center; padding-right:150px; z-index:1;}
#timerContainer.top{bottom:inherit; top:0;}
#timerTitle{display:inline-block;}
#clockdiv{ display:inline-block;}
#timerTitle p{text-align:right; color:#fff; font-size:18px; margin-bottom:0; padding-top:0px; margin-right:10px;}
.count-text{display:inline-block; width:60px; height:70px; text-align:center; background:#ff0000; color:#fff;}
.count-text > div{padding-top:10px;}
.bookDetailSumary{width:100%; float:right; margin-top:15px;}
.bookDetailSumary h6{ font-size:16px; color:#b3b3b3; font-weight:700;}
.bookDetailSumary p{ font-size:16px; color:#777777; padding:20px 0; line-height:29px; border-top:1px solid rgba(233,233,233,.88); border-bottom:1px solid rgba(233,233,233,.88);}
.bookDetailRat{width:100%; text-align:center;}
.bookDetailMain .ratingMain{float:none; display:inline-block; margin-top:15px;}
.bookPrice{font-size:25px; color:#ff0000; width:100%; display:inline-block; text-align:center; font-weight:bold;margin-bottom:10px;}
.bookPrice span{font-size:14px; font-weight:normal; color:#838383; margin-left:5px;}
.bookDetailView{color: #ff0000;font-size: 18px;font-weight: 700; float:right; margin-top:10px;}
.bookDetailView:hover{text-decoration:underline;color: #ff0000;}
.newArivalList.thankyou{ margin:0; padding:0; overflow-y:auto; position:relative;}
.newArivalList.thankyou li{position:relative; text-align:center; border-color:#3ab54a; margin-top:100px;}
.newArivalList.thankyou li h5{text-align:center; color:#000; margin-top:15px; font-size:100px;}
.botmAnker{margin:30px 0 0;}
.botmAnker a{float:none; display:inline-block; font-size:20px; padding:10px 20px; margin:20px 0; clear:left; background:#3ab54a;}
.botmAnker a:hover{border-color:#3ab54a; color:#3ab54a;}
.tickImg{width:100%; display:inline-block; text-align:center;}
.tickImg img{max-height:80px;}
.newArivalList.thankyou li > p{margin:10px 0;}
.emailSent{width:60%; display:block; margin:50px auto 0; clear:both;}
.emailSent img{ display:inline-block; height:50px; float:left;}
.emailSent p{width:calc(100% - 120px); display:inline-block; text-align:justify; margin:0px 0 0 20px; float:right;}
.thankLogo{position:absolute;top:0; left:0; width:100%; transform:translateY(-100%);}
.cardImg{width:100%; display:inline-block; margin:10px 0 0;}
#stripePaymentModal .modal-footer button{background: #ff0000;
	border-radius: 4px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	box-shadow: 0px 6px 13px rgba(0,0,0,.2);
	border: 2px solid transparent;
	width:100%;
	max-width:300px;
}
#stripePaymentModal .modal-footer button:hover{color: #ff0000;
	border-color: #ff0000;
	background: #f6f6f6;}
#stripePaymentModal .modal-header{height:70px; background:url(../imgs/secure-payment.jpg) no-repeat center; background-size:100% auto; border-radius:0;}
#stripePaymentModal2 .modal-header{height:70px; background:url(../imgs/secure-payment.jpg) no-repeat center; background-size:100% auto; border-radius:0;}
#stripePaymentModal .modal-content{border:none;}
#stripePaymentModal .modal-title{width:100%; text-align:right; color:#fff;}
#stripePaymentModal2 .modal-title{width:100%; text-align:right; color:#fff;}
#stripePaymentModal .modal-content .form-group img{max-height:30px; float:right;}
#stripePaymentModal .modal-header .close{color:#fff;}
#stripePaymentModal2 .modal-header .close{color:#fff;}
#stripePaymentModal .modal-footer{justify-content:center;}
.trackOrder input[type=button], .trackOrder input[type=submit], .trackOrder button{width:100%; height:38px; line-height:38px; margin:32px 0 0; cursor:pointer; padding:0;}
.trackOrder p {    font-size: 18px;
	color: #838383;
	line-height: 34px;}
.trackOrder h3{color: #4c4b50;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 30px; text-align: center;
}
.trackOrder {overflow-x:auto;}
.trackOrder table{width:100%; border-collapse:collapse; min-width:500px;}
.trackOrder table td, .trackOrder table th{border:1px solid rgba(191,191,191,.5);font-size: 18px;
	color: #838383; text-align:center; padding:10px;}
.trackOrder table th{background:#ff0000; color:#fff; border-color:#fff;}
.trackOrder table td a{padding:10px 35px; display:inline-block;}
.trackOrder table.tableTwo{width:100%; min-width:inherit; max-width:500px; margin:0 auto;}
.trackOrder table.tableTwo td:nth-child(odd){font-weight:bold;}
.orderInfo{padding:0 0 20px;}
.orderInfo span{display:inline-block; padding:10px 20px; font-size:20px; width:100%; color:#4c4b50; border-bottom:2px solid #ff0000; margin-bottom:40px; text-align:center; font-weight:bold;}
.noOrder p{margin-bottom:0;padding:10px; border-bottom:2px solid rgba(255,0,4,1)}
.notFound input[type=text]{ width:auto; float:left;}
.notFound button, .notFound input[type=button], .notFound input[type=submit]{padding:6px 20px; cursor:pointer; margin-left:10px;}
.notFound{margin-bottom:150px;}
.notFound{text-align:center;}
div#socialShare > div{ display: inline-block;float: left;margin-right: 4px;height: 20px;line-height: 20px;margin-bottom: 0px;}
div#socialShare > div:last-child{margin-right:0;}
div#socialShare > div > a, #socialShare > div > span{display: inline-block;float: left;margin: 0;}
.tooltip.imageTool{background:none;}
.tooltip.imageTool > .tooltip-inner {
	border: 1px solid #ced4da;
	padding: 10px;
	max-width: 300px;
	color: black;
	text-align: left;
	background-color: white;
	background: white;
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.tooltip.imageTool .arrow:before { border-top-color:#ced4da !important; }
.tooltip.imageTool{opacity:1!important;}
#socialShare{display:inline-block; transform: translate(0, 40px); transition: all ease-in-out .5s; opacity: 0;}
#socialShare iframe{position:static !important;}
#socialShare .fb-share-button.fb_iframe_widget iframe{width:60px !important;}
.bookDetailSocialShare.toggle{overflow: visible;}
.bookDetailSocialShare.toggle #socialShare{transform: translate(0,40px); opacity: 1;}
body.timerTop header.headerMain{ margin-top:90px;}
body.timerBotom footer.foterMain{margin-bottom:90px;}
body.timerBotom #timerContainer{top:inherit; bottom:0;}
.footerLinks{width:100%; display:inline-block; text-align:center;}
.footerLinks li{display:inline-block; padding:0 10px; border-right:1px solid rgba(0,0,0,.2);}
.footerLinks li:last-child{border:none;}
.footerLinks li a{ font-size:15px; color:#6e6e6e;}
.footerLinks li a:hover{text-decoration:underline;}
.terms-home{width:100%; display:inline-block; position:sticky; top:0; left:0; text-align:center; background:#fff; padding:20px 0; margin-bottom:20px; box-shadow:0 2px 10px rgba(0,0,0,.1);}
.terms-home img{max-width:350px;}
.term-content h1, .term-content h2, .term-content h3, .term-content h4, .term-content h5, .term-content h6{font-size:25px;}
.term-content ul, .term-content ol{padding-left:20px;}
.term-content span{font-size:35px; text-align:center; display:inline-block; width:100%; font-weight:500;}
/* tag html */
.newArivalImg, .bookDetailImg{position:relative;}
.tagHtml{position:absolute; top:0; left:0; max-width:60%;}
.tagHtml img{width:auto; height:auto;}
.lookTag{position:absolute; bottom:102%; right:0; }
.lookTag img{width:auto; height:auto;}
@media only screen and (max-width:1100px){
	.catHomePage > li a > div p{font-size:11px;}
	.newArivalCont > a{margin-top:10px;}
	.newArivalCont .catName{font-size:25px; padding-top:0px;}
	.newArivalList li h5{font-size:35px; margin-bottom:10px;}
	.newArivalKeywrd{padding-top:0;}
	/* ------------- listing page --------------- */
	.listingPage .newArivalImg{width:150px;}
	.listingPage .newArivalCont{width:calc(100% - 160px);}
	.newArivalList.listingPage li h5{font-size:24px;}
	.listingPage .newArivalKeywrd div{width:100%;}
	.listingPage .newArivalPrice{padding-top:0;}
	.listingPage .newArivalImg{padding:10px 0;}
	.catSidebar ul li a{font-size:13px;}
	.listingPage .newArivalCont .catName{padding-top:0;}
	.listingPage .newArivalKeywrd div{margin:5px 0 0;}
	/* ------------ Profile Page --------------- */
	.profileTop h1{padding-top:0;}
	.newArivalList.thankyou li{top:0; transform:translate(0,0);}
	.emailSent{width:70%;}
}
@media only screen and (max-width:991px){
	.navbar-light .navbar-toggler{margin-top:15px;}
	.navbar-collapse{position:absolute; top:100%; left:0; width:100%; z-index:100;}
	.navbar-collapse ul{width:100%; display:inline-block; text-align:center; background:#fff; border-top:3px solid #ff0000; -moz-box-shadow:0 0 16px rgba(0,0,0,.2); -webkit-box-shadow:0 0 16px rgba(0,0,0,.2); box-shadow:0 0 16px rgba(0,0,0,.2);}
	.rightMenu li{width:100%;}
	.rightMenu li a{padding:15px 0; border-bottom:1px solid #ff0000; width:100%;}
	.rightMenu li:nth-child(3) a{border:none;}
	.homeBanner{padding:100px 0 70px;}
	form.bannerSearchForm{width:100%; margin:0;}
	.newArivalKeywrd div{width:100%;}
	.newArivalKeywrd span{margin-bottom:10px; display:inline-block;}
	.newArivalList li h5{font-size:25px;}
	.newArivalPrice{padding-top:0;}
	.newArivalImg{width:230px;}
	.newArivalCont{width:calc(100% - 250px);}
	.catHomePage > li a > div p{min-height:42px;}
	.newArivalKeywrd div{margin-top:0px;}
	.newArivalKeywrd div a{font-size:9px; margin-right:5px;}
	.newArivalKeywrd{width:100%;}
	/* ------------- listing page --------------- */
	.listHead{font-size:25px;}
	.newArivalList.listingPage .newArivalKeywrd{width:100%;}
	.listingPage .newArivalPrice{padding-top:10px;}
	.listingPage .newArivalPrice p{text-align:left;}
	/* ------------- book detail ------------ */
	.bookDetailTop h1{font-size:25px;}
	.bookDetailSeller div{width:100%; padding-top:10px;}
	.bookDetailPrice p{font-size:25px; margin-bottom:10px;}
	.bookDetailPrice{padding-top:45px;}
	.bookDetailImg{min-height:inherit;}
	.bookDetailTop h1{font-size:19px;}
	.bookDetailAuthor p{font-size:14px; margin:0;}
	.bookDetailSeller div a{font-size:9px; margin-bottom:5px;}
	.bookDetailSeller div{padding-top:5px;}
	.couponForm input[type=submit], .couponForm button, .bookDetailPrice > input[type=button], .bookDetailPrice > input[type=submit], .bookDetailPrice > button{font-size:14px;}
	.bookDetailSumary p{font-size:14px; padding:10px 0;}
	.newArivalList.thankyou li h5{font-size:35px;}
	.emailSent{width:100%; display:inline-block;}
	.newArivalList.thankyou li h5{font-size:65px;}
}
@media only screen and (max-width:768px){
	.homeBanner h1{font-size:32px;}
	.homeBanner h1 span{font-size:25px;}
	.catHomePage > li{width:33%; }
	.catHomePage > li:nth-child(5n+1){clear:none;}
	.catHomePage > li:nth-child(3n+1){clear:left;}
	.catHomePage > li a > div p{min-height:inherit;}
	.newArivalImg{width:100%;}
	.newArivalCont{width:100%; padding-top:20px;}
	/* ------------- listing page --------------- */
	.innerBanner h1{font-size:30px;}
	.listHead{margin-top:40px;}
	.newArivalList.listingPage li h5{margin-bottom:10px;}
	.catSidebar ul{margin-top:15px;}
	.catSidebar{padding:15px;}
	.catSidebar h2:after{margin-top:10px;}
	.catSidebar ul li{margin-bottom:10px;}
	.catSidebar ul li a:after{top:0;}
	form.bannerSearchForm > div input{height:45px;}
	form.bannerSearchForm > div button{height:45px; line-height:45px;}
	form.bannerSearchForm{padding:10px;}
	/* ------------- Profile Page --------------- */
	.profImg{width:100%; text-align:center; margin-bottom:20px;}
	/* ----------- book detail ------------- */
	.catTop{padding-top:30px;}
	.bookDetailTabMain .tab-content>.tab-pane{padding:15px;}
	#timerTitle p{padding-top:0; text-align:center;}
	#timerContainer{text-align:center;}
	.count-text{margin-top:10px;}
	.profBookImg{width:auto;}
	.profBookMain{text-align:center;}
	.bookDetailTop h1{font-size:25px;}
	.bookDetailPrice p{font-size:35px;}
	.bookDetailImg{ -moz-box-shadow:none; -webkit-box-shadow:none;box-shadow:none;}
	.bookDetailMain{padding:20px 15px;}
	#timerContainer{padding-right:0;}
	.bookDetailImg img{height:auto;}
	.emailSent img, .botmAnker{margin-top:10px;}
	.emailSent{margin:20px 0 0;}
	.newArivalList.thankyou li{margin-top:70px;}
	#stripePaymentModal .modal-header .close{height:40px; line-height:40px; padding:0; text-align:center; width:40px; cursor:pointer;}
	#stripePaymentModal .modal-header{height:auto; background:url(../imgs/secure-payment2.jpg) no-repeat center; background-size:100% auto; background-position:center top; padding-bottom:10px;}

}
@media only screen and (max-width:576px){
	.homeBanner{padding:50px 0;}
	.homeBanner h1{font-size:25px;}
	form.bannerSearchForm{padding:10px;}
	form.bannerSearchForm > div input{width:calc(100% - 45px); height:45px;}
	form.bannerSearchForm > div button{width:45px; height:45px; line-height:45px;}
	.catSection > div > a{margin-top:0;}
	.catHomePage > li{width:49%; margin-left:2%;}
	.catHomePage > li:nth-child(3n+1), .catHomePage > li:nth-child(5n+1){margin-left:2%; clear:none;}
	.catHomePage > li:nth-child(2n+1){margin-left:0; clear:left;}
	.catHomePage > li a > div p{min-height:42px;}
	.newArivalCont p{text-align:justify;}
	.newArivalList li{padding:15px;}
	.catSection > div > a{padding:10px 20px;}
	.headClass{font-size:20px;}
	.newArivalKeywrd{width:100%;}
	/* ------------- listing page --------------- */
	.listingPage .newArivalImg, .listingPage .newArivalCont{width:100%;}
	.pagiNation span, .pagiNation a{margin-bottom:10px;}
	.catSidebar h2{font-size:20px;}
	.catSidebar ul{margin-top:10px;}
	.catSidebar ul li{margin-bottom:10px;}
	.newArivalCont{padding-top:20px;}
	/* ------------- profiel page ------------- */
	.profileTop h1, .profBooks h3{font-size:25px;}
	.profBooks h3{margin-bottom:10px;}
	.bookDetailView{margin:0px 0 10px;}
	.profileTop{padding:20px; margin-top:25px;}
	.profRating > a{margin-left:0; display:block; float:left; clear:both; margin-top:10px;}
	/* ----------- book detail ------------- */
	.bookDetailTop{padding-top:30px;}
	.bookDetailTabMain{padding-top:40px;}
	.bookDetailTabMain .tab-content>.tab-pane p, .bookDetailTabMain .tab-content>.tab-pane ul li{font-size:16px; text-align:justify; line-height:24px; word-wrap:break-word;}
	#timerTitle p{font-size:14px;}
	.count-text{height:40px; width:40px; font-size:12px;}
	.count-text > div{padding-top:3px;}
	.bookDetailPrice{margin-top:20px;}
	.catTop{padding-top:20px;}
	#timerTitle{float:left; padding-top:0px; width:100%; text-align:center;}
	#clockdiv{float:left; width:100%;}
	#timerContainer .col-md-12.float-right{width:auto; padding:0; margin:0 auto; display:block;}
	.newArivalList.thankyou li h5{font-size:35px;}
	.newArivalList.thankyou li a{font-size:16px; padding:10px;}
	.tickImg img{max-height:50px;}
	.emailSent{text-align:center; margin-top:10px;}
	.emailSent p{width:100%; margin-top:10px;}
	.emailSent img{height:30px; display:inline-block; float:none; margin-right:15px;}
	.thankLogo a{margin-bottom:10px;}
}
@media only screen and (max-width:480px){

	#stripePaymentModal .modal-header{ background:url(../imgs/secure-payment2.jpg) no-repeat center #ff5800; background-size:100% auto; background-position:center top;}
	#stripePaymentModal .modal-title{width:100%; text-align:center; padding-top:25px;}
}