#banner .col { margin: 0; }
#banner .span_6_of_12 { width: 50%; position: relative; }
#banner .bg { background-repeat: no-repeat; background-size: cover; background-position: center center; }
#banner .first { min-height: 300px; position: relative;  }
#banner .main-slide { margin: 0; padding: 0; }
#banner .main-slide .hp-banners { min-height: 600px; position: relative; }
#banner .overlay { position: absolute; bottom: 32px; right: 32px; color: #fff; }
#banner h2, #banner h3, #banner h4, #banner h5, #banner h6 { color: #fff; letter-spacing: 0; }
#banner h4 { margin-bottom: 0; padding-bottom: 0px; font-size: 26px; font-weight: 400 }
#banner h3 { font-size: 20px; font-weight: 400; position: relative; }
#banner .overlay p:nth-child(1):after,
#banner .overlay span:nth-child(1):after,
#banner .overlay div:nth-child(1):after,
#banner .overlay h1:nth-child(1):after,
#banner .overlay h2:nth-child(1):after,
#banner .overlay h3:nth-child(1):after,
#banner .overlay h4:nth-child(1):after,
#banner .overlay h5:nth-child(1):after{ content: ''; display: block; height: 2px; background: #fff; width: 12px; margin: 5px 0; background: rgba(255, 255, 255, 0.44);     position: absolute;right: 0;}
#banner .borderd-btn { padding: 5px 15px; border: 1px solid rgba(255, 255, 255, 0.44); margin: 0 0 90px; display: inline-block; font-size: 12px; color: #fff; }
#banner .borderd-btn:hover { border-color: #fff; }
#banner .bx-wrapper,
#banner .bx-wrapper * { direction: ltr; text-align: right; }
#banner .bx-controls-direction { position: absolute; left: 32px; bottom: 32px; }
#banner .bx-pager.bx-default-pager { position: absolute; right: 32px; bottom: 32px; }
#banner .bx-pager.bx-default-pager .bx-pager-item { height: 4px; width: 4px; float: left; margin: 0 7px; }
#banner .bx-pager.bx-default-pager .bx-pager-item a { display: block; height: 4px; width: 4px; border: 1px solid #fff; border: 1px solid rgba(255, 255, 255, 0.44); border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; font-size: 0px; text-indent: -989999999px; }
#banner .bx-pager.bx-default-pager .bx-pager-item a.active { border-color: #ff7110; background: #ff7110; }
#banner .bx-controls-direction a { width: 12px; height: 22px; background: url(../Images/Site/arrow.png) 0 0 no-repeat; display: inline-block; text-indent: -9999999999999999px; font-size: 0px; }
#banner .bx-controls-direction a.bx-prev { background-position: 0 0; margin-right: 60px; }
#banner .bx-controls-direction a.bx-next { background-position: -74px 0; }
#banner a.tag-btn { position: absolute; left: 32px; top: 32px; background: #ff7110; width: 125px; text-align: center; direction: ltr; font-size: 63px; line-height: normal; font-family: serif; color: #fff; padding: 26px 0; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; }
#banner a.tag-btn img { margin: 0; position: relative; top: 12px; left: 10px; }
#banner a.tag-btn span { transform: rotate(-7deg); -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -ms-transform: rotate(-7deg); -o-transform: rotate(-7deg); display: inline-block; }
#banner h2 { font-size: 90px; font-weight: 500; line-height: 100px; position: relative; font-family: 'Frank Ruhl Libre'; }
.newsltr { background: url(../Images/Site/bck2.jpg) center center no-repeat; background-size: 100%;  position: relative;        padding:1rem 0; background-position: center;background-repeat: no-repeat; background-size: cover;}
.newsltr h2 { font-size: 25px; color: #fff; font-weight: 300; }
#footer { padding: 50px 0; background: rgb(62,70,89); color: #fff; line-height:190%;font-size:0.8rem; }
#footer > .container {    display: flex;flex-direction: row;flex-wrap: nowrap; align-content: center;justify-content: space-between;align-items: flex-start;}
#footer > .container > * {display:block;width:18%;list-style:none;padding:0 2rem;margin:0;}
#footer a {color:#fff;}
#footer .footer-about-us-container {width:39%;padding-left:5%;}
#footer .apps-container {width:12%;}
#footer .apps-container > a {display:block;margin-bottom:1rem;}
#footer .apps-container > a > img {max-width:100%;}
#footer .foot2 {     display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-around;align-items: center;align-content: center;margin-top:5rem;}
.heading2 { font-size: 35px; color: #289ccf; font-weight: 300; margin-bottom: 30px; }
.heading2 img { vertical-align: middle; display: inline-block; margin-left: 15px; position: relative; top: -4px; }
.profile { background: #f5f9fa; padding: 50px 0; }
.profile .im-head { text-align: center; }
.profile .im-head h2 { font-size: 35px; color: #808080; letter-spacing: 2px; font-weight: 300; margin: 30px 0; }
.profile .im-head .profile-image { cursor:pointer; display: table; margin: 10px auto 0; position: relative; } 
.profile .im-head .profile-image .si-logo { height: 39px; width: 39px; position: absolute; right: -5px; top: -5px; background: url(../Images/Site/profile-img-logo.png) 0 0 no-repeat; }
.profile .im-head .profile-image img { border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }
.profile .tab-row,.favourite .tab-row { margin: 0; padding: 0; text-align: center; }
.profile .tab-row li,.favourite .tab-row li { margin: 0 20px; padding: 0; text-align: center; display: inline-block; }
.profile .tab-row li a,.favourite .tab-row li a { color: #808080; }
.profile .tab-row li a:hover,.profile .tab-row li.active a,.favourite .tab-row li a:hover,.favourite .tab-row li.active a { color: #6e5da8; }.favourite .tab-row-content { display: none; }
.profile .tab-row-content li { margin: 0; padding: 0; display: block; overflow: hidden; padding: 0px 0; vertical-align: middle;  border-bottom: 1px solid #e6e6e6; }
.profile .tab-row-content li:first-child,.profile .tab-row-content li:last-child { border-bottom: 0px; }
.profile .tab-row-content li.head { text-align: center; padding-top:20px; }
.profile .tab-row-content li .r1 { display:inline-block; width: 14.8%; color: #6e5da8; text-align: center; } 
.profile .tab-row-content li.bdy { padding: 30px 0; }
.profile .tab-row-content li.bdy .r1 { color: #808080; }
.profile .tab-row-content li .r1.lat { width: 6%; text-align: left; } 
.profile .tab-row-content li.bdy .num { color: #6e5da8; border-bottom: 1px solid #6e5da8; }
.profile .tab-row-content li.bdy .arrowup-dwon { height: 7px; width: 12px; background: url(../Images/Site/down-arrow.png) 0 0 no-repeat; display: inline-block; margin-left: 20px; cursor: pointer; }
.profile .tab-row-content li.bdy .arrowup-dwon.upme { background: url(../Images/Site/up-arrow.png) 0 0 no-repeat; }
.profile .tab-row-content li.act { padding-bottom: 0; border-bottom: 0; }
.profile .tab-row-content li ul { display: block; margin: 30px 0 0; padding: 0; background: #f5f9fa; }
.profile .tab-row-content li ul li { margin: 0; padding: 30px 0; border-bottom: 1px solid #eaebeb; }
.profile .tab-row-content li ul li:first-child { border-bottom: 1px solid #eaebeb; }
.profile .tab-row-content li ul li:last-child { border: 0; }
.profile .tab-row-content li ul li .left { color: #ff7110; font-size: 12px; float: left; margin-left: 8%; }
.profile .tab-row-content li ul li .right { float: right; width: 50%; margin-right: 12%; }
.profile .tab-row-content li ul li h2,.profile .tab-row-content li ul li h2 a { color: #6e5da8; font-size: 15px; margin: 0; padding: 0; line-height: 20px; }
.profile .tab-row-content li ul li h2 a:hover { color: #4d4d4d; }
.profile .tab-row-content li ul li .right img { float: right; margin-left: 20px; }
.profile .tab-row-content.active,
.favourite .tab-row-content.active { display: block !important; }
.profile .tab-row-content.main-pro { max-width: 900px; }
.profile .tab-row-content.main-pro li { margin: 0;}
.profile .tab-row-content.main-pro li .pp { float: right; width: 30%; margin-right: 5%; }
.profile .tab-row-content.main-pro li .pp.p1 { background: #fcfcfc; }
.profile .tab-row-content.main-pro li .pp.p3 { margin: 0; }
.profile .tab-row-content.main-pro li .pp.p1 form { margin: 0; padding: 0; }
.profile .tab-row-content.main-pro li .pp .plrow { border-bottom: 1px solid #ebebeb; margin: 15px; padding: 10px 0 5px; }
.profile .tab-row-content.main-pro li .pp label {  color: #6e5da8; font-weight: 0; display:block;width:100%; }
.profile .tab-row-content.main-pro li .pp input:not([type=button]) { margin: 0; padding: 0; background: none; border: 0; color: #808080; width:100%; }
.profile .tab-row-content.main-pro li .pp input[type="submit"], 
input.sasub { background: #6e5da8; display: table; color: #fff; margin: 30px auto; padding: 9px 50px; font-size: 12px; border-radius: 500px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -ms-border-radius: 500px; -o-border-radius: 500px; }
.profile .tab-row-content.main-pro li .pp input[type="submit"]:hover, 
input.sasub:hover { background: #4d4d4d; }
input.sasub { padding-left: 30px; padding-right: 30px; }
.profile .tab-row-content.main-pro li .pp .plrow { overflow: hidden; }
.profile .tab-row-content.main-pro li .pp .plrow .date,
.profile .tab-row-content.main-pro li .pp .plrow .month,
.profile .tab-row-content.main-pro li .pp .plrow .inmo { float: right; border-bottom: 1px solid #ebebeb; margin-right: 10%; padding-bottom: 5px; }
.profile .tab-row-content.main-pro li .pp .plrow .date label,
.profile .tab-row-content.main-pro li .pp .plrow .month label,
.profile .tab-row-content.main-pro li .pp .plrow .inmo label { text-align: right; }
.profile .tab-row-content.main-pro li .pp .plrow .date { width: 15%; text-align: left; }
.profile .tab-row-content.main-pro li .pp .plrow .month { width: 15%; text-align: left; }
.profile .tab-row-content.main-pro li .pp .plrow .inmo { width: 50%; margin-right: 0; }
.profile .tab-row-content.main-pro li .pp .plrow.date-formet,
.profile .tab-row-content.main-pro li .pp .plrow.lefrigh { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.profile .tab-row-content.main-pro li .pp .plrow.lefrigh .okol { float: right; width: 30%; margin-right: 10%; border-bottom: 1px solid #ebebeb; padding-bottom: 5px; }
.profile .tab-row-content.main-pro li .pp .plrow.lefrigh .okor { float: right; width: 60%; border-bottom: 1px solid #ebebeb; padding-bottom: 5px; }
.profile #info2 > .head,.profile #info2 > .bdy{display:flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-around;align-items: flex-start;text-align: right;border-bottom: 1px solid #e8e7ec;}
.profile #info2 > .head .r1 {color:#6e5da8;text-decoration:underline;}
.profile #info2 .r1,.profile #info2 .r2  {text-align:center;display:block;text-align:right;padding:0.5rem;}
.profile #info2 .r1.date,.profile #info2 .r2.image {width:20%;}
.profile #info2 .r1.ordernum,.profile #info2 .r2.name {width:40%;}
.profile #info2 .r1.status,.profile #info2 .r2.variation {width:20%;}
.profile #info2 .r1.sum,.profile #info2 .r2.sum {width:20%;}
.profile #info2 .r2 > img {height:40px;}
.contact { background: url(../Images/Site/bg-contact.jpg) center center no-repeat; position: relative; padding: 120px 0; background-size: cover; font-weight: lighter; }
.contact a { color: #fff; }
.contact p {  line-height: 18px; }
.contact a:hover { text-decoration: underline; }
.contact form,
.contact .right { margin: 0 auto !important; max-width: 70%; color: #fff; }
.contact:before { content: ''; left: 0; right: 0; bottom: 0; top: 0; position: absolute; background: rgba(0, 0, 0, 0.64); }
.contact form { margin: 0; padding: 0; }
.contact form input,
.contact form textarea { margin: 0; padding: 0; border: 0; background: transparent; color: #ffffff; padding: 10px 0; font-weight: lighter; letter-spacing: 2px; display:block;width:100%;}
.contact form select {width:100%;}
.contact #send-contact-us-trigger-1 {width:unset;margin-right:auto;margin-left:auto;}
.contact form input::placeholder,
.contact form textarea::placeholder {color:#fff;}
.contact form textarea {width:100%;}
.contact form input { border-bottom: 2px solid rgba(255, 255, 255, 0.24); }
.contact form textarea { background: rgba(255, 255, 255, 0.24); margin-top: 40px; padding: 10px; height: 110px; }
.contact form input[type="submit"] { background: #f17134; border: 0px; display: table; margin: 50px auto; width: auto; padding: 10px 30px; border-radius: 500px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -ms-border-radius: 500px; -o-border-radius: 500px; }
.contact form input[type="submit"]:hover { background: #fff; color: #4d4d4d; }
.contact .right ul {  margin: 0; padding: 0; }
.contact .right ul li { display: block; margin: 0; line-height: 23px; } 
.contact .right ul li { padding-right: 20px; }
.contact .right ul li img { margin-right: -20px; margin-left: 8px; }
.contact .right ul li.fb { border-top: 1px solid rgba(255, 255, 255, 0.24); margin-top: 20px; padding-top: 15px; }
.contact .right .tw { margin-bottom: 20px; }
.contact .right h2,.contact .right h1.o-h2 { letter-spacing: 2px; color: #fff; font-weight: lighter; margin: 20px 0 40px; }
.contact form { margin-top: 80px !important; }
.favourite .profile { padding: 0 0 20px; background: none; }
.favourite .tab.tab1.tab-fave { width: 49.9%; padding: 0 2% 0 0 !important; border-right: 1px solid #f5f5f5; }
.favourite .tab.tab1.tab-fave .varitions { width: 60%; margin-left: 0; margin: 0; float: left; }
.favourite .addtocart { float: left; margin-left: 38px; }
.favourite .addtowish { float: left; margin-left: 20px; }
.favourite .addtocart, .favourite .addtowish { margin-top: 25px; }
.favourite .in-fo-ri { color: #4d4d4d; float: right; width: 40%; }
.book_page .like-coment.posre { float: left; margin: 10px 0 0; }
.book_page hr { border: 0; padding: 0; margin: 15px 0; height: 2px; background: #e4e4e4; }
.book_page .tags-container .tag {padding-left:10px;}
#book-page-details-container-1 .product-add-interested {
    background: #fff;
    border: 1px solid #7751df;
    font-size: 1rem;
    padding: 0.2rem 1rem;
    vertical-align: middle;
    display: block;
    margin: 1.5rem auto;
    width: 100%;
}
.book_page .properties-container .property-row > .category {
    min-width:unset;
}
.book_page .properties-container .property-row > .category:not(:last-of-type):after {
    content: ",";
}
.stars img { margin-right: 4px; } 
.guide_tw { background: #6e6e6e; padding: 70px 0; text-align: center; }
.guide_tw h2 { font-size: 45px; font-weight: lighter; color: #fff; margin: 30px 0; }
.guide_tw p { font-size: 16px;  max-width: 540px; margin: 0 auto; }
.guide_tw .description * {color: #fff;}
.guide_tw .sele-sear { max-width: 160px; margin: 60px auto 0; background: #e2e2e2; padding: 5px 20px; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.guide_tw .sele-sear select { float: left; margin: 0; padding: 5px; background: #e2e2e2; border: 0px; outline: none; width: 120px; border-right: 1px solid #ababab; padding-right: 10px; color: #333333; font-size: 14px; }
.guide_tw .sele-sear input[type="submit"] { float: right; display: block; margin: 5px; background: url(../Images/Site/search-icon.png) center center no-repeat; padding: 10px; font-size: 0px; } 
.pgrid { border: 1px solid #e6e6e6; max-width: 85%; margin: 0 auto; }
.pgrid img { width: 100%; }
.prow { margin-bottom: 30px; }
.blog { background: #fff; }
.blog .container { max-width: 1045px; }
.blog .banner { position: relative; text-align: center;  box-sizing: border-box; }
/*.blog .banner:before { background: #000; content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0;  }*/
.blog .banner .left-nav { position: absolute; left: 0; top: 0; }
.blog .banner .left-nav div { display: block; margin: 0 0 30px; color: #fff; font-size: 16px; cursor:pointer; }
.blog .banner .left-nav div span { display: inline-block; width: 57px; height: 57px; background: #ff7110; vertical-align: middle; margin-right: 10px; position: relative; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; background-position: center center; background-repeat: no-repeat; }
.blog .banner .left-nav div.bk span { background-image: url(../Images/Site/blog-book-icon.png); }
.blog .banner .left-nav div.dw span { background-image: url(../Images/Site/blog-download-icon.png); }
.blog .banner .left-nav div.ph span { background-image: url(../Images/Site/blog-phone.png); }
.blog .banner .left-nav div:hover span:after,.blog .banner .left-nav div.active span:after { content: ''; position: absolute; left: 0; right: -5px; bottom: 0; top: -5px; width: 100%; height: 100%; border: 1px solid rgba(255, 255, 255, 0.61); padding: 4px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }
.blog .banner h2 { font-size: 45px; font-weight: lighter; color: #fff; }
.blog .banner p { color: #fff; max-width: 500px; font-size: 16px; line-height: 25px; margin: 40px auto 50px; }
.blog .banner form { margin: 0; padding: 0; }
.blog .banner .blog-form-container {position:absolute;bottom:0; background:rgba(0,0,0,0.55);width:100%;padding:10px 0;}
.blog .banner form input { margin: 0; padding: 8px 15px; display: inline-block; float: none; width: auto; background: #000; color: #fff; background: rgba(255, 255, 255, 0.2); border: 0px; font-size: 16px; }
.blog .banner form input[type="text"] { width: 500px; padding-right: 50px; background-image: url(../Images/Site/blog-search.png); background-position: right 20px center; background-repeat: no-repeat; border-radius: 0 20px 20px 0; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; -ms-border-radius: 0 20px 20px 0; -o-border-radius: 0 20px 20px 0; }
.blog .banner form input[type="submit"] { width: 100px; border-radius: 20px 0 0 20px; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; -ms-border-radius: 20px 0 0 20px; -o-border-radius: 20px 0 0 20px; } 
.blog .banner form input[type="submit"]:hover { background: rgba(255, 255, 255, 0.47); }
.blog .blog-first-post { background: #fff; overflow: hidden; clear: both; margin: 50px 0; box-shadow: 0 0 150px 0 #e8e8e8; -webkt-box-shadow: 0 0 150px 0 #e8e8e8; -moz-box-shadow: 0 0 150px 0 #e8e8e8; -ms-box-shadow: 0 0 150px 0 #e8e8e8; -o-box-shadow: 0 0 150px 0 #e8e8e8; }
.blog .blog-first-post .thumb { float: left; width: 32%; text-align: left; }
.blog .blog-first-post .desc { float: left; width: 48%; }
.blog .blog-first-post .author { float: left; width: 20%; text-align: center; }
.blog .blog-first-post .spce { margin: 25px; }
.blog .blog-first-post .desc h2,
.blog .blog-grid-section h2 { font-size: 22px; color: #333333; margin: 0 0 10px; padding: 0; }
.blog .post-meta { display: block; margin: 0 0 10px; padding: 0; }
.blog .post-meta li { display: inline-block; position: relative; margin: 0; padding: 0; color: #808080; font-size: 12px; }
.blog .post-meta li:after { content: ''; display: inline-block; background: #808080; height: 4px; width: 4px; vertical-align: middle; margin: 0 20px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }
.blog .post-meta li a { color: #808080; text-decoration: none; }
.blog .post-meta li a:hover { text-decoration: underline; }
.blog .blog-first-post .desc p,
.blog .blog-grid-section p { font-size: 14px; color: #000; line-height: 25px; }
.blog .blog-first-post .desc a,
.blog .blog-grid-section a { color: #6e5da8; display:inline-block; margin-top:5px; }
.blog .blog-title a {color:#333333 !important;;}
.blog .blog-first-post .desc a:hover, 
.blog .blog-grid-section a:hover { color: #333333;  }
.blog .blog-first-post .desc .spce { border-right: 1px solid #fafafa; padding-right: 30px; margin-right: 0; }
.blog .blog-first-post .author h4 { font-size: 14px; color: #289ccf; margin: 20px 0 20px; }
.blog .blog-first-post .author p { color: #808080; font-size: 12px; line-height: 20px; margin-bottom: 20px; }
.blog .blog-first-post .author a { color: #289ccf; font-size: 12px; display: block; line-height: 16px; }
.blog .blog-first-post .author a:hover { color: #808080; }
.blog .blog-grid-section .blog-item-cube-container {float:right;}
.blog .blog-grid-section .inner { min-height:473px; background: #fff; border: 1px solid #e6e6e6; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }  
.blog .blog-grid-section .col { margin: 1.3%; }
.blog .blog-grid-section .span_4_of_12 { width: 30.6%; }  
.blog .blog-grid-section .inner .desc { padding: 20px; }
.blog .post-meta li:last-child:after { display: none; margin: 0; }
.blog .blog-grid-section .inner span.author { display: block; position: absolute; left: 20px; top:20px; }
.blog .blog-grid-section .inner span.author img { width: 57px; }
.blog .blog-grid-section .inner .thumb { position: relative; }
.blog .blog-grid-section .section.group { margin-bottom: 40px; }
.blog .blog-grid-section { padding-bottom: 80px; }
.category .manufacturer-title {font-size:45px;font-weight:lighter;color:#fff;}
.category .manufacturer-summary {   font-weight:normal !important; color: #fff !important;max-width: 500px;font-size: 16px !important;line-height: 25px;margin: 40px auto 50px;}
.category .blog-first-post { background: #fff; overflow: hidden; clear: both; margin: 100px 0; box-shadow: 0 0 260px 0 #e8e8e8; -webkt-box-shadow: 0 0 260px 0 #e8e8e8; -moz-box-shadow: 0 0 260px 0 #e8e8e8; -ms-box-shadow: 0 0 260px 0 #e8e8e8; -o-box-shadow: 0 0 260px 0 #e8e8e8; }
.category .blog-first-post .thumb { float: left; width: 32%; text-align: left; }
.category .blog-first-post .desc { float: left; width: 55%; }
.category .blog-first-post .author { float: left; width: 13%; text-align: center; }
.category .blog-first-post .spce { margin: 25px; }
.category .blog-first-post .desc h2,
.category .blog-grid-section h2 { font-size: 22px; color: #333333; margin: 0 0 10px; padding: 0; }
.category .post-meta { display: block; margin: 0 0 10px; padding: 0; }
.category .post-meta li { display: inline-block; position: relative; margin: 0; padding: 0; color: #808080; font-size: 12px; }
.category .post-meta li:after { content: ''; display: inline-block; background: #808080; height: 4px; width: 4px; vertical-align: middle; margin: 0 20px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }
.category .post-meta li a { color: #808080; text-decoration: none; }
.category .post-meta li a:hover { text-decoration: underline; }
.category .blog-first-post .desc p,
.category .blog-grid-section p { font-size: 14px; color: #808080; line-height: 25px; }
.category .blog-first-post .desc a,
.category .blog-grid-section a { color: #6e5da8;  }
.category .blog-first-post .desc a:hover,
.category .blog-grid-section a:hover { color: #333333;  }
.category .blog-first-post .desc .spce { border-right: 1px solid #fafafa; padding-right: 30px; margin-right: 0; }
.category .blog-first-post .author h4 { font-size: 14px; color: #289ccf; margin: 40px 0 20px; }
.category .blog-first-post .author p { color: #808080; font-size: 12px; line-height: 20px; margin-bottom: 20px; }
.category .blog-first-post .author a { color: #289ccf; font-size: 12px; display: block; line-height: 16px; }
.category .blog-first-post .author a:hover { color: #808080; }
.category .blog-grid-section .inner { background: #fff; border: 1px solid #e6e6e6; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }  
.category .blog-grid-section .col { margin-left: 4%; }
.category .blog-grid-section .col:first-child { margin-left: 0; }
.category .blog-grid-section .span_4_of_12 { width: 30.6%; }  
.category .blog-grid-section .inner .desc { padding: 20px; }
.category .post-meta li:last-child:after { display: none; margin: 0; }
.category .blog-grid-section .inner span.author { display: block; position: absolute; left: 20px; bottom: -26.5px; }
.category .blog-grid-section .inner span.author img { width: 57px; }
.category .blog-grid-section .inner .thumb { position: relative; }
.category .blog-grid-section .section.group { margin-bottom: 40px; }
.category .blog-grid-section { padding-bottom: 80px; }
#pagenav { direction: ltr; text-align: center; margin: 50px 0 0; }
#pagenav * { direction: ltr; }
#pagenav span, 
#pagenav a { display: inline-block; padding: 4px 15px; color: #808080; border-radius: 7px; }
#pagenav a[data-active='1'],
#pagenav a:hover { background: #f2f2f2; }
#pagenav a.nav-left { background: url(../Images/Site/nav-left.png) center center no-repeat; }
#pagenav a.nav-right { background: url(../Images/Site/nav-right.png) center center no-repeat; }
#pagenav a.nav-left:hover,
#pagenav a.nav-right:hover { background-color: #f2f2f2; }
.tags { background: #f5f9fa; padding: 80px 0; overflow: hidden; }
.tags h3 { text-align: center; vertical-align: middle; color: #4d4d4d; font-size: 29px; font-weight: lighter; }
.tags select { background: #dce5e9; width: auto; display: inline-block; vertical-align: middle; border: 0px; padding: 5px 10px 5px 50px; margin-right: 30px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; outline: none; background: #dce5e9 url(../Images/Site/select-arrow.png) center left 10px no-repeat; min-width: 150px; }
.tags ul { margin: 0; padding: 0; display: block; }
.tags ul li { margin: 0; padding: 15px 0; display: block; float: left; width: 33.33%; text-align: center; color: #666666; font-size: 14px; }
.tags .container { max-width: 680px; } 
.tags ul li a { color: #289ccf; }
.tags ul li a:hover { color: #666666; }
.blog-heading { text-align: center; font-size: 15px; position: relative; color: #aba9a9; margin: 20px 0 80px; margin-top:100px; } 
.blog-heading span { z-index: 9; position: relative; background: #fff; padding: 15px; }
.blog-heading:after { content: ''; left: 20%; right: 20%; top: 50%; height: 1px; background: #ececec; position: absolute; }
.blog-inner {  }
.blog-inner .col { margin-left: 5%; }
.blog-inner .col:first-child { margin-left: 0; }
.blog-inner .span_8_of_12.col { width: 65%; }
.blog-inner .span_4_of_12.col { width: 30%; }
.blog-inner .item { box-shadow: 0 0 65px 0 #ececec; -webkit-box-shadow: 0 0 65px 0 #ececec; -moz-box-shadow: 0 0 65px 0 #ececec; -ms-box-shadow: 0 0 65px 0 #ececec; -o-box-shadow: 0 0 65px 0 #ececec; }
.blog-inner h2,.blog-inner .lh2 { font-size: 47px; color: #333333; line-height: 50px; }
.blog-inner .share { margin: 20px 0 50px; }
.blog-inner p { font-size: 16px; color: #54565a; line-height: 200%; }
.blog-inner .author { margin: 0; }
.blog-inner .author img { float: right; margin-left: 15px; height:100px; border-radius:50%;  }
.blog-inner .author a { font-size: 14px; color: #289ccf; margin: 0 0 10px 0; display: block; }
.blog-inner .author p { font-size: 14px; color: #808080; line-height: 18px; }
.categoriesBooks .span_4_of_12 {width:30.7% !important}
.categoriesBooks .heading,.categoriesBooks .heading.o-h2 {width:100%;}
.authorsBooks .span_4_of_12.book-cube {width:43.5% !important}
.authorsBooks .heading {width:100%;}
.search .banner {backgrounod:none !important;}
.hp-banners > a {display:block;width:100%;height:100%;}
.hp-banners {display:block;}
.col.col-right {float:right;}
.newsltr {overflow:hidden;}
.read-more-top {cursor:pointer;}
.addtocart,.addtowish {cursor:pointer;}
.add2cartV {display:none; position: absolute;z-index: 999;width: 100%;height: 100%;border-radius: 10px;background: rgba(255, 113, 16, 0.9);font-size: xx-large;color: #fff;text-align: center;padding-top: 200px;box-sizing: border-box;overflow:hidden;}
.add2cartV > p {margin-top:20px;position:relative;left:100%;}
.add2cartV > img {position:relative;left:-100%;}
.add2cartV.active > p {left:0 !important; transition:all 0.65s;}
.add2cartV.active > img {left:0 !important; transition:all 0.5s;}
.collaboration .add2cartV {padding-top:100px;}
.collaboration .add2cartV > p {font-size:xx-large;}
.search { float: left; margin: 2px 0; }
.search form { margin: 0; padding: 0; }
.search form input[type="submit"] { border-bottom:0 !important; border-top:0 !important; font-size: 12px; background: #e6e6e6; border-right: 2px solid #fff; margin: 0; padding: 6.5px 15px; line-height: normal; float: left; border-radius: 20px 0 0 20px; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; -ms-border-radius: 20px 0 0 20px; -o-border-radius: 20px 0 0 20px; }
.search form input[type="submit"]:hover { background: #333333; color:#e6e6e6; }
.search form input[type="text"] { width:230px; font-size: 12px; background: #e6e6e6; float: right; width: 260px; border: 0; margin: 0; padding: 6.5px; padding-right: 25px; background: #e6e6e6 url(../Images/Site/search.png) right 10px center no-repeat; border-radius: 0 20px 20px 0; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; -ms-border-radius: 0 20px 20px 0; -o-border-radius: 0 20px 20px 0; }
.search-page-container .container { text-align:center; }
.search-page-container form { margin: 0; padding: 0; display:inline-block; position:relative; display:flex; flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: stretch;}
.search-page-container form input[type="submit"] { background-color:#6e5da8;border:0;padding: 6.5px 20px; margin-right:25px;color:#fff;border-radius:30px;font-size:medium;}
.search-page-container form input[type="submit"]:hover { background: #333333; color:#fff;}
.search-page-container form input[type="text"] { font-size: medium; background: #e6e6e6; border: 0; margin: 0; padding: 6.5px; padding-right: 40px; background: #e6e6e6 url(../Images/Site/search-icon-2.png) right 10px top 11px no-repeat; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
#search-panel-filter-by{ font-size: medium;margin-right:25px;color:#6e5da8;border-radius: 30px;border: 2px solid #6e5da8;padding: 6.5px; padding-right: 20px; }
.search-page-container .breadcrumbs {font-size:small;text-align:right;margin-top:20px;}
.search-page-container .breadcrumbs .word {color:#6e5da8;}
.book-cube-1 {max-width:308px;}
.author .book .span_8_of_12 {width:70.13%;margin:1% 0 1% 0;}
.author .book .author-products-inner .span_4_of_12.col.book-cube-1 {width: 44.2% !important; }
.author .book .span_8_of_12 .item .varitions {margin-bottom:25px !important;}
.author .author-products-container .author-about .author-name {color:rgb(110,92,168);font-size: 24px}
.author .author-products-container .author-about .author-about-text {font-size:small;}
.author-send-message {padding: 4px 30px;color: #fff;font-size: 13px;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;background: #ff7110;line-height: 20px; margin-top:30px;display:inline-block;}
.author-send-message:hover{color:#000;}
.author-about {margin-top:1rem;}
.author .author-products-container .author-about .si-logo { height: 20px; width: 39px; position: absolute; background: url(../Images/Site/profile-img-logo.png) 0 0 no-repeat; }
.author-about img { height:40px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }
.manufacturer-logo {height:60px;border:5px solid #fff;border-radius:5px;}
.profile .tab-row-content { display: none; margin: 0; padding: 0; background: #fff;margin: 10px auto; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; } 
.empty-sale { background: url(../Images/Site/empty-sale-bg.png) center center no-repeat; position: relative; padding: 120px 0; background-size: cover; font-weight: lighter; }
.empty-sale-inner {text-align:center;}
.empty-sale-inner h2,.empty-sale-inner .h2 {color:#ff7110;    margin-bottom: 0;font-size: 40px;font-weight: normal;line-height: 120%;}
.empty-sale-inner p {color:#fff;font-size:x-large;}
.empty-sale-inner a {color:#fff;text-decoration:underline;}
.collaboration { background: url(../Images/Site/shituf.png) center center no-repeat; position: relative; padding: 120px 0; background-size: cover; font-weight: lighter; }
.collaboration-inner {text-align:center;}
.collaboration-inner h1,.collaboration-inner .collaboration-content  {color:#fff;}
.collaboration-inner a.submit {background-color:#ff7110;color:#fff;margin-top:50px;padding:0px 10px; border-radius:20px;font-size:x-small;display:inline-block;}
.right-to-indibook {float:right;}
.powered-by-blacknet {float:left;}
.hr {    border-bottom: 1px solid #e4e4e4;}
.about-us-cube {display:inline-block;width:260px;height:320px;overflow:hidden;position:relative;margin:0;float:left;transition:all 0.3s;}
.about-us-cube .cover1 {position:absolute;top:0%;width:100%;height:100%;background-color:rgba(0,0,0,0.4);color:#fff;padding:180px 30px 0 30px;box-sizing:content-box;font-size:small;box-sizing:border-box;transition:all 0.3s;}
.about-us-cube .cover2 {position:absolute;top:100%;width:100%;height:100%;background-color:rgba(0,0,0,0.6);color:#fff;padding:180px 30px 0 30px;box-sizing:content-box;font-size:small;box-sizing:border-box;transition:all 0.3s;}
.about-us-cube:hover .cover1,.about-us-cube .cover1:hover {top:-100%;transition:all 0.3s;}
.about-us-cube:hover .cover2,.about-us-cube .cover2:hover {top:0;transition:all 0.3s;}
.about-us-email {display:block;color:#fff;} 
.about-us-name {position:absolute;bottom:20px;color:#fff;font-size:medium;}
.page-primarycontent-container {width:1250px;margin:auto;margin-top:50px;max-width:90%;}
.page-primarycontent-container .wrapper[data-pageid='19'] .pt-container {width:30%;float:right;}
.page-primarycontent-container .wrapper[data-pageid='19'] .pt-container #page-title-container h1 {margin-top:0;}
.question {background: #f5f9fa;padding:20px 40px;}
.faq-cube {    width: 600px;margin: 20px auto; overflow:hidden; cursor:pointer; }
.question-title {color:#1c9bcf;font-size:small;} 
.question-content { font-size:30px;font-weight:100;color:#808080;padding-left:80px;line-height: 30px;}
.faq-toggle:after {content:"הצג תשובה";font-size:x-small;background:url('../Images/Site/faq-arrows.png') no-repeat; background-position:50px -8px; padding-right:20px; float:left; overflow:hidden; height:10px;padding-top:0;  line-height:10px; transition:all 0.3s; }
.faq-cube.active .faq-toggle:after {background-position:50px 2px; transition:all 0.3s; color:#ff7110;}
.answer {padding:20px 40px;display:none; }
.answer-title {color:#ff7110;font-size:small;} 
.faq-cube.active .answer {display:block;}
.answer-content {font-size:14px;color:#999;line-height:160%;} 
.cursa-book > .span_2_of_12 {width:10%;}
.cursa-book > .span_8_of_12 {width:80%;}
.cursa-book {margin-top:-100px;}
.banner { background-size:cover !important;}  
 body.modal-open #header,body.modal-open #nav {z-index:0 !important; }
 .empty--product-cube,.bold-book-v2 {display:none;}
.popover .arrow {top:50% !important;}
.collaboration-logo {position: absolute;top: 0;left: 10px;width:100px;}
#application-download {}
#application-download > .tag-button {}
.more-categories-books-list {float:right;}
.span_4_of_12.col.book-cube {width:320px !important;}
.profile .tab-row-content.main-pro#info1 { width: 700px; height:313px; }
.profile .tab-row-content.main-pro#info1 #info1-details {width:49%;display:inline-block;padding:50px 30px;box-sizing:border-box;vertical-align:top;}
.profile .tab-row-content.main-pro#info1 #info1-map {height:313px; float:left; width:50%;display:inline-block;padding:0;box-sizing:border-box;vertical-align:top;}
.edit-button-1 {line-height:normal; cursor:pointer; border:1px solid #6e5da8; background: #6e5da8;display: table;color: #fff;margin: 30px auto;padding: 3px 30px;font-size: 12px;border-radius: 500px;-webkit-border-radius: 500px;-moz-border-radius: 500px;-ms-border-radius: 500px;-o-border-radius: 500px;transition:all 0.5s;}
.edit-profile-button .edit-button-icon-1 { background-image:url('../Images/Site/pen.png'); transition:all 0.5s;}
.edit-button-icon-1 {background-image: url('../Images/Site/pen.png');background-repeat: no-repeat;background-position: center right;width:10px;display:inline-block;transition:all 0.5s;}
.edit-button-1:hover {color:#6e5da8;background-color:#fff; transition:all 0.5s;}
.edit-profile-button.edit-button-1:hover .edit-button-icon-1  { background-image:url('../Images/Site/pen_org.png'); transition:all 0.5s; }
.profile .tab-row-content.main-pro#info1 #info1-map > iframe {width:100%;border:0;height:100%;}
#info1-details > div > * {vertical-align:middle;}
#info1-details > div {line-height:250%;font-size:13px;}
.edit-button-2 {color:#fff;border-radius: 5px;}
.book-cube .short-summary {    overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.wrapper {width:1250px;margin:auto;display:block;max-width:100%;}
#about-us-text {width:30%;display:inline-block;vertical-align:top;}
#about-us-cube-container {width:69%;display:inline-block;vertical-align:top;}
.inner-page-title {margin-top:0; color:#6e5da8;}
#myProgress {width: 50%;background-color: grey;margin:auto;margin-top:20px;}
#myBar {width: 1%;height: 30px;background-color: #1c9bcf;}
.btn {border:0; padding: 4px 30px;color: #fff;font-size: 13px;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;background: #ff7110;line-height: 20px;display:inline-block;}
.btn:hover {color:#000;}
.manufacturer-logo-circle { border:0px solid #fff !important; display: inline-block; background: #fff; border-radius: 100%; vertical-align: ,bottom; line-height: 20px; padding: 2px; }
.manufacturer-logo-circle .manufacturer-logo { border:0;  }
#cart-products-items li img {width:35px;}
.shitufcards { background: url(../Images/Site/gift-bg.jpg) center center no-repeat fixed ; background-size: cover; }
.shitufcards:before { content: ''; display: block; position: fixed; background: rgba(83, 71, 65, 0.7);  z-index: -1; height: 100%; width: 100%; left: 0; right: 0; top: 0; bottom: 0;}
.shitufcards .book .span_3_of_12 { width: 23.5%; }
.shitufcards .book .col { margin-right: 2%; }
.shitufcards .book .col:last-child { margin-right: 0; }
.shitufcards .guide_tw { background: none; }
.shitufcards .top-left { position: absolute; left: 0; }
.shitufcards .guide_tw .sele-sear { max-width: none; margin: 60px auto 0; background: none; padding: 5px 20px; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } 
.shitufcards .guide_tw .sele-sear input { display: inline-block; float: none; margin: 0; width: auto; width: 265px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;  padding: 8px 15px;  color: #fff; background: rgba(255, 255, 255, 0.2); border: 0px; font-size: 16px; color: #fff; margin: 0 5px; }
.shitufcards .guide_tw .sele-sear input:-moz-placeholder { color: #fff; }
.shitufcards .guide_tw .sele-sear input:-ms-input-placeholder { color: #fff; }
.shitufcards .guide_tw .sele-sear input::-webkit-input-placeholder { color: #fff; }
.shitufcards .sasub { padding-left: 50px; padding-right: 50px; font-size: 14px; }
.shitufcards .book[data-productsmod='1'] .book-cube {float:none !important; margin:auto !important;}
.shitufcards .book[data-productsmod='2'] .book-cube {margin: 50px calc((100% - 640px) /4); display:inline-block;}
.shitufcards .book-cube .item {height:410px !important;}
.gift .contact { background-image: url(../Images/Site/gift.jpg); }
.gift .contact .right h2,.gift .contact .right .o-h2 { font-size: 35px; margin-bottom: 20px; }
.gift .contact h4 { color: #fff; font-size: 22px; font-weight: 100; }
.gift .contact form input[type="text"],.gift .contact form input[type="email"]  { border: 0px; background: rgba(255, 255, 255, 0.24); margin-bottom: 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; font-size: 14px; padding: 10px 7px 8px; }
.gift .contact form input:-moz-placeholder,
.gift .contact form textarea:-moz-placeholder,
.gift .contact form textarea::placeholder { font-size: 14px; color:#fff;}
.gift .contact form input:-ms-input-placeholder,
.gift .contact form textarea:-ms-input-placeholder,
.gift .contact form textarea::placeholder { font-size: 14px;color:#fff; }
.gift .contact form input::-webkit-input-placeholder,
.gift .contact form textarea::-webkit-input-placeholder,
.gift .contact form textarea::placeholder  { font-size: 14px; color:#fff; }
.gift .fields-mand { text-align: left; color: #fff; }
.gift .contact .right .tw { margin-bottom: 0; }
.gift .leftheading { margin-top: 100px; }
.gift .right-option { background: none; border: 1px solid rgba(255, 255, 255, 0.24); outline: none; border-radius: 30px; -webkit-appearance: none; color: #fff; height: auto; width: 108px;padding: 5px; margin: 0 15px; background: url(../Images/Site/select.png) left 10px center no-repeat; } 
.gift .right-option option { background: #fff; color: #000; }
.gift .other-sum { display:inline-block; font-size: 18px; color: #f17134; width:50px; text-align:center; font-weight:bold;}
.gift .other-sum:focus {border-bottom:1px solid #f17134;}
.gift .right-form { font-size: 22px; }
.gift .contact form textarea { height: 90px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; font-size: 14px; }
.gift .contact form input[type="button"] { margin: 0 auto; }
.gift .block-mobile { display: none !important; }
.gift .gift-cols {float:right;}
.gift .other-sum {cursor:pointer; }
.gift .gift-cols .p {line-height:20px;}
.popover-content {color:#000;}
.orange-btn {background: #f17134;font-size: 13px;border: 0px;display: table;margin: 50px auto;width: auto;padding: 10px 30px;border-radius: 500px;-webkit-border-radius: 500px;-moz-border-radius: 500px;-ms-border-radius: 500px;-o-border-radius: 500px;}
.orange-btn:hover {color:#fff;}
.gift-basket-update-details {color:#fff;border-radius:5px; float: left;border: 0px;background: #6e5da8;padding: 5px 0px;font-size: 14px;text-align: center;width: 107px;}
.gift-basket-update-details:hover{color:#333333;}
.orange-btn-2 {color: #fff;float: right;padding: 0;margin: 0;border: 0px;background: #6e5da8;padding: 5px;font-size: 14px;border-radius: 40px;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;text-align: center;padding:0 10px;}
#gift-card-to-customer-label {float:right;margin:3px 0 0 10px;font-size:14px;}
.shitufcards .guide_tw.collaboration .container {max-width:1070px;}
.shitufcards .guide_tw.collaboration .term-cond .checkbox{float:none !important;}
.shitufcards .guide_tw.collaboration .term-cond,.shitufcards .guide_tw.collaboration .term-cond a{color:#fff;}
.collaboration .priceText {display:none !important;}
.orange-btn-2-center {margin:auto;display:block;padding:3px 20px;float:none;}
#cupon-code {width:150px;}
#footer .foot1 form label {font-size:11px;}
.authorImage {border-radius:50%;}
.mobile-search-button {vertical-align: top;margin: 6px 0 0 13px;cursor:pointer;}
.blog-form-container {margin-top:30px;text-align:center;padding:10px 0 !important;}
.blog-form-container form input { margin: 0; padding: 8px 15px; display: inline-block; float: none; width: auto; background: #000; color: #000; background: #ececec; border: 0px; font-size: 16px; }
.blog-form-container form input[type="text"] { width:500px; padding-right: 50px; background-image: url(../Images/Site/blog-search.png); background-position: right 20px center; background-repeat: no-repeat; border-radius: 0 20px 20px 0; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; -ms-border-radius: 0 20px 20px 0; -o-border-radius: 0 20px 20px 0; }
.blog-form-container form input[type="submit"] { border-radius: 20px 0 0 20px; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; -ms-border-radius: 20px 0 0 20px; -o-border-radius: 20px 0 0 20px; } 
.blog-form-container form input[type="submit"]:hover { background: rgba(255, 255, 255, 0.47); }
.blog-form-container form input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */color:#000;}
.blog-form-container form input[type="text"]::-moz-placeholder { /* Firefox 19+ */color: #000;}
.blog-form-container form input[type="text"]:-ms-input-placeholder { /* IE 10+ */color: #000;}
.blog-form-container form input[type="text"]:-moz-placeholder { /* Firefox 18- */color: #000;} 
.product-right-inner-inner {max-width:260px;position:absolute;text-align:center; }
.page-primarycontent-container a {color:blue;text-decoration:underline;}
#banner .overlay {z-index:999;}
#menu-ul-container{max-height:500px;overflow:auto;}
.vf_error {border:1px solid red !important;}
.already-ordered.addtocart {background-color:#5fa7cc !important;color:#fff !important;}
#send-contact-us-trigger-1{line-height: normal;cursor: pointer;border: 1px solid #6e5da8;background: #6e5da8;display: table;color: #fff; margin: 30px auto;  padding: 3px 30px 3px 28px; font-size: 15px; border-radius: 500px;-webkit-border-radius: 500px;-moz-border-radius: 500px; -ms-border-radius: 500px; -o-border-radius: 500px;}
#sampleEpubSendButton {width:162px;text-align:center;background-color:#1c9bcf;color:#fff;border-radius:10px;border:0;padding:3px 10px;margin-top:7px;font-size:13px;}
#sampleEpubSendButton.sending {background-color:#ff7110;}
.heading2 {width:100% !important;}
.heading2 span {background-color:#fff !important;}
#products-from-old-website-container {text-align:center;margin-top:30px;display:block;}
#products-from-old-website-title {color:#6e5da8;}
#products-from-old-website-table-container {display:table;width:80%;margin:auto;}
.products-from-old-website {display:table-row;}
.products-from-old-website li {list-style: none; display: table-cell; width: 25%; padding: 0px; background: white;border: 10px solid #f5f9fa;}
.products-from-old-website li .fowind-title{font-size:small;font-weight:400;}
.products-from-old-website li img {max-width:50px;float:right;margin-left:10px;}
.products-from-old-website li a {float:right;}
.products-from-old-website li .manufacturer {font-size:x-small;}
#search-no-result-container {}
#search-no-result-container > .search-no-result {width:40%;display:inline-block;text-align:right;font-size:20px;line-height:200%;vertical-align:top;}
#search-no-result-container .search-no-result-title {color:rgb(110,92,168);font-size:40px;margin-bottom:10px;}
#search-no-result-form input[type=text] {background-color:transparent;border-bottom:1px solid #999; border-radius:0;width:100%;background:none !important;padding: 10px 0 ;font-size:20px;}
#send-search-no-result-trigger-1 {line-height: normal;cursor: pointer;border: 1px solid #6e5da8;background: #6e5da8;display: table;color: #fff;margin: 80px auto 0 !important;padding: 3px 40px 3px 38px;font-size: 15px;border-radius: 500px;-webkit-border-radius: 500px;}
.contact-us-topic {margin:0;padding:0;background-color:#d1d3d4;border-radius:3px;}
#contact-us-topic-label {font-size:22px;font-weight:100;width:30%;display:inline-block;}
#contact-us-topic-select-container {border-radius:3px;width:68%;display:inline-block;float:left;padding:0;}
#contact-us-topic-select-container select {outline:none;}
.page-primarycontent-container iframe {max-width:100% !important;}
#product-page-image-container[data-available='False'] {position:relative;overflow:hidden;box-shadow: 1px 8px 20px -5px grey;min-height:300px;}
#call-center-close {color: white;font-size: 25px;text-align: center;display: block;margin: auto;Z-INDEX: 999999999999999;position: absolute;top: 35px;width: 100%;font-weight: 500;}
#contact-us-into {    color: #fff;border: 1px solid #fff;padding: 20px;}
#contact-us-into a {text-decoration:underline;}
#aboutReadMore .modal-body {color:#000;}
#aboutReadMore .modal-body p {line-height:200%;font-size:16px;}
#aboutReadMore .modal-body .mai-f-t {font-weight:bold;margin-top:16px;}
#aboutReadMorebUTTON {color:#Fff;font-weight:bold;border:0;background-color:transparent;}
#aboutReadMoreSummary {color:#fff;}
.pagination { text-align: center; margin: 80px 0; }
.pagination *,
.pagination { vertical-align: middle; }
.pagination a {  }
.pagination .num { color: #111111; font-weight: bold; font-size: 16px; margin: 0 10px; display: inline-block; padding: 5px 15px; }
.pagination .left { font-size: 14px; color: #919191; font-weight: 600; }
.pagination .right { font-size: 14px; color: #919191; font-weight: 600; }
.pagination .left img { margin-left: 30px; margin-right: 30px; }
.pagination .right img { margin-right: 30px; margin-left: 30px; }
.pagination .num.active,
.pagination .num:hover,
.pagination .num:focus { background: rgb(110,92,168); color: #fff; }
.pagination .left:hover,
.pagination .right:hover { color: #3a54d6; }
.products-content-2,.products-content-1 {margin-right:13px !important;margin-left:13px !important;}
#search-page-sugg > span {font-weight:bold;}
#search-page-sugg > a:after{content:" | ";}
#search-page-sugg > a:last-of-type:after{content:"";}
#search-page-sugg {margin-bottom:40px;}
#search-page-sugg:empty{display:none;}
.newsltr .text-center { color: rgb(92,114,226); font-size: 1.5rem; line-height: 180%;font-weight: 600;text-align:center;}
.newsltr .text-center a{display:inline-block;margin:1rem auto;padding: 0.3rem 5rem;font-size: 1.5rem;text-align:center;}
.modal-cover {position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;fill:none !important;z-index:99999;    background-color: rgba(0,0,0,0.8);    display: flex; flex-direction: column;  flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center;}
.modal {transform: scale(0); padding:1rem;background-color:#fff;max-width:60%;    max-height: 90%;overflow: auto;    transition: all 0.3s;} 
.modal.show {transform: scale(1);opacity:1; transition:all 0.3s; }
.modal .title {font-size:30px;text-align:center;display:block;width:100%;}
.modal .close {position:absolute;top:-20px;left:0px; font-size: 33px;font-weight: 100;line-height: 1;color: #fff;text-shadow: none;opacity: 1;padding:0;}
.modal-cover .close {    /*position: absolute;right: 1%;top: 1%;*/background: transparent; border: 0;font-size: 2rem;color: #fff;}
#error-modal .header,#success-modal .header {height:0;padding:0;}
#error-modal .body,#success-modal .body {text-align:center;font-size:25px;padding:50px;}
#error-modal .body {color:red;}
#success-modal .body {color:green;}
.search-container .search-results {position:absolute;background-color:#2a2146;z-index:9;width:100%;top:100%;}
.search-container .search-results > a {display:block;padding:0.5rem;color:#fff;}
.search-container .search-results > a:hover {background-color:#fff;color:#2a2146;}
.sub-categories-container .sub-category {font-weight:500;}
.sub-categories-container .sub-category:hover {color:rgb(110,92,168);}
.loader {border: 2px solid #f3f3f3;border-top: 5px solid rgb(110,92,168);border-radius: 50%;width: 25px;height: 25px;animation: spin 0.5s linear infinite;position: absolute;  top: 3px;left: 42px;z-index: 999;display:none;}
@keyframes spin { 0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
/*http://codepen.io/Anna_Batura/details/QEAqyE/,A PEN BY @@BrawadaCom, http://codepen.io/Anna_Batura*/
#login-popup-container {position:fixed;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;-webkit-filter: none !important;filter: none !important; z-index:99999999999;}
#login-popup-container > .cover {position:absolute;left: 0;top: 0; width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);  -webkit-filter: none !important;filter: none !important;z-index:-1;}
#login-popup-container .info-item {display:flex;    flex-direction: column;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;padding:1rem;}
#login-popup-container .info-item img {max-width:100%;height:unset;}
#login-popup-container #login-popup {position: relative;width: 807px;height: 320px;margin: 30px auto 0;top: 50%;margin-top: -160px;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;}
#login-popup-container #login-popup .container-forms .container-info {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;}
#login-popup-container button {border:0;background-color:transparent;padding:0;display:inline;cursor:pointer;font-size:inherit;text-decoration:underline;}
#login-popup-container #login-popup .move-state{color:#6e5da8; }
#login-popup-container #login-popup .move-state > div {font-size:1.1rem;padding:0.5rem;line-height:2rem;}
#login-popup-container #login-popup .container-forms {position: relative;background-color:#efedee;}
#login-popup-container #login-popup .sub-title{  color:rgb(110,92,168); font-size:x-large; margin-bottom:25px;}
#login-popup-container #login-popup .container-form { overflow: hidden;position: absolute; left: 0px; top: -27px;width: 402px; height: 360px;background-color: #fff;box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;}
#login-popup-container #login-popup .form-item {    display: flex;flex-direction: column;flex-wrap: nowrap;align-content: center;padding: 0;align-items: stretch;justify-content: center;padding:0;overflow:hidden;position:absolute;left:-100%;opacity:0;width:100%;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;height:100%;}
#login-popup-container > #login-popup[data-mode='log-in'] .form-item.log-in,
#login-popup-container > #login-popup[data-mode='sign-up'] .form-item.sign-up,
#login-popup-container > #login-popup[data-mode='recover-password'] .form-item.recover-password {height:100%;padding:1rem;left:0;opacity:1;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;}
#login-popup-container #login-popup .btn-container {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: center;width: 100%;align-content: center;position:relative;}
#login-popup-container #login-popup .btn { cursor: pointer; text-align: center; display:inline-block; color: #fff;background-color: rgb(110,92,168);border-radius:20px; padding:0.2rem;opacity: 1;}
#login-popup-container #login-popup .btn:hover {opacity: 0.7;}
#login-popup-container #login-popup input {padding: 0.5rem;background-color:#fff;border-top:0; border-right:0;border-left:0;padding-right:0;margin-bottom:1rem;padding-left:0;}
#login-popup-container #login-popup input[type='submit'] {margin-bottom:0;padding:0.2rem 1.5rem;}
#login-popup-container #login-popup[data-mode='sign-up'] .container-form {left: 406px;}
#login-popup-container .action-status {position:absolute;top:150%;}
#login-popup-container .action-status[data-mode='error'] {color:red;}
#login-popup-container .action-status[data-mode='success']  {color:green;}
#login-popup-container .loader {position:static;}
#login-popup-container #login-popup .white-logo {position:relative;top:0;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;}
#login-popup-container #login-popup[data-mode='sign-up'] .white-logo {top:-26px;-moz-transition: all 0.5s; -o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;}
#login-popup-container #login-popup .container-forms .container-info .info-item {text-align: center;width: 50%; height: 300px;color: #fff;opacity: 1;display:flex;}
#login-popup-container .instructions {margin-bottom:1rem;}
.dont-have-account .table-cell,.have-account .table-cell{color:#000;}
#login-popup .info-item * { color:#6e5da8; }
#login-popup .current-state{color:rgb(110,92,168);font-weight:bold;}
#login-popup .recover-password-button, .return-to-login-button{color:#f2834e;float:left;line-height:40px;}
#login-popup .btn-containter{display:block;width:80%;margin:auto;margin-top:20px;}
#login-popup .btn-containter > *{ vertical-align:middle;}
.register-button{  margin-top:15px !important;}
#login-popup .is-confirm{margin-bottom:5px;}
#login-popup .close-logo{cursor:pointer;float:left;position:relative;top:-10px;}
#login-popup.recover-password .container-form .form-item.recover-password { opacity:1; z-index:99;}
#login-popup.recover-password .container-form .form-item.log-in { opacity:0;}
#first-chapter-modal .modal-product-img {height:150px;margin-left:1rem;}
#first-chapter-modal .first-chapter-header {display:flex;flex-direction: row;flex-wrap: nowrap;align-content: center;align-items: center;}
#first-chapter-modal .first-chapter-book-title {font-size:2.5rem;}
#first-chapter-modal .authors {font-size:1.5rem;}
#first-chapter-modal .share > .fa {    margin-right: 0;margin-top: 0.5rem;}
#first-chapter-modal .first-chapter-title {font-size:2rem;margin-top:1rem;}
.cart-modal {position: fixed; top: 0;right: 0;width: 100%;height: 100%;z-index: 99;background-color: rgba(0,0,0,0.8);display:none;}
.cart-modal.disabled .loader-container {position: absolute;top: 0;right: 0;height: 100%;z-index: 9;width: 100%;background: rgba(0,0,0,0.1);justify-content: center;align-items: center;display:flex;justify-content:center;}
.cart-modal.disabled .loader-container .loader {display:block !important;position:static;}
.cart-modal > .cart {display:inline-block;background-color:#fff;padding:2rem;    height: 100%;overflow: auto;position:relative;right:-100%;transition:0.5s right;max-width:30%;width:30%;}
.cart-modal > .cart.show {right:0;transition:0.5s right}
.cart-modal > .cart .cart-row,.basket .basket-items .basket-row {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: center;padding:1rem 0;border-bottom:1px solid #ececec;position:relative;}
.cart-modal > .cart .cart-row > .cart-col img {width:4rem;margin-left:1rem;}
.basket .basket-items .basket-row .basket-prod-image {width:5rem;margin-left:1rem;}
.cart-modal > .cart .cart-row > .cart-col .title {font-size:1rem;}
.basket .basket-items .basket-row .basket-row-product-name {font-size:1rem;}
.basket .basket-items .basket-row .basket-row-product-name > a {color:#000;}
.cart-modal > .cart .cart-row > .cart-col .variation {font-size:0.8rem;font-weight:600;margin:0.5rem 0;}
.basket .basket-items .basket-row .variants {font-size:0.8rem;font-weight:600;margin:0.3rem 0;}
.cart-modal > .cart .cart-row > .cart-col > .row2 .quantity_container,.basket .basket-items .basket-row .quantity_container {padding-left:1rem;margin:0.3rem 0;}
.cart-modal > .cart .cart-row > .cart-col > .row2 .quantity_container input,.basket .basket-items .basket-row .quantity_container input {width:50px;border:1px solid rgb(216 208 208);border-right:0;border-left:0;text-align:center;background-color:transparent;}
.cart-modal > .cart .cart-row > .cart-col > .row2 .quantity_container button,.basket .basket-items .basket-row .quantity_container button {border:1px solid rgb(216 208 208);color:#000;width:1.2rem;height:100%;}
.cart-modal > .cart .cart-row > .cart-col > .row2 .quantity_container button:not(:disabled),.basket .basket-items .basket-row .quantity_container button:not(:disabled){background-color:transparent;}
.cart-modal > .cart .cart-row > .cart-col > .row2 .quantity_container button:disabled,.basket .basket-items .basket-row .quantity_container button:disabled{cursor:not-allowed;}
.cart-modal > .cart .cart-row > .cart-col > .row2,.basket .basket-items .basket-row .row2 {display:flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: center;}
.basket .basket-items .basket-row .row3 {margin:0.3rem 0;}
.basket .basket-items .basket-row .row3 > label {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: center;}
.cart-modal > .cart > .cart-header {font-size:2rem;position:relative;}
.cart-modal > .cart > .cart-header > .close {position:absolute;left:0;background-color:transparent; border:0;font-size:2rem;/*display:none;*/}
.cart-modal[data-close-button='1'] > .cart > .cart-header > .close {display:inline-block;}
.cart-modal > .cart .cart-row > .cart-col > .row2 > .price,.basket .basket-items .basket-row .basket-row-product-price {color:rgb(106,125,228);font-size:0.9rem;}
.cart-modal > .cart .cart-row > .cart-col > .row2 > .remove {background-color:transparent;border:0;font-size:1.1rem;padding:0;line-height:1.1rem;color:#999;position:absolute;top:2rem;left:1rem;}
.cart-modal > .cart .total-container {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-between;align-items: center;font-size: 1rem;padding: 1rem 0;font-weight: 500;}
.cart-modal > .cart .btn-design-1 {display: block;padding: 0.5rem;text-align: center;font-size: 1.5rem;margin: 1rem 0;}
.basket .basket-items .basket-row .delete ,.basket .basket-items .basket-row .deleteGiftCard{position:absolute;top:2rem;left:0;background-color:transparent;border:0;font-size:1.2rem;}
.basket {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: flex-start;background-color:rgb(232,231,236);}
.basket > .left, .basket > .right {width:50%;}
.basket > .left > .inner,.basket > .right > .inner {max-width:500px;}
.basket > .right > .inner {margin-left:0;margin-right:auto;padding-left:5rem;padding-bottom:5rem;}
.basket > .left > .inner {margin-left:auto;margin-right:0;padding-right:5rem;}
.basket > .right {background-color:#fff;}
.basket > .right fieldset {border:0;padding:0;} 
.basket > .right fieldset legend {font-size:1rem;}
.basket > .right fieldset .form-row {margin:0 0 1rem 0;display:flex;    flex-direction: row;flex-wrap: nowrap;justify-content: space-between;}
    .basket > .right fieldset .form-row > input, .basket #station-select-city-name-input, .basket #station-select-city-name-input-filter {
        border: 1px solid #d9d5d5;
        border-radius: 5px;
        padding: 0.1rem 0.5rem;
        width: 100%;
    }
        .basket > .right fieldset .form-row > input::placeholder, .basket #station-select-city-name-input::placeholder, .basket #station-select-city-name-input-filter::placeholder {
            color: #999;
            font-size: 0.7rem;
        }
.basket > .right fieldset .form-row.x-as-one[data-count='3'] > input:nth-of-type(1) {border-left:0;border-radius:0 5px 5px 0;}
.basket > .right fieldset .form-row.x-as-one[data-count='3'] > input:nth-of-type(2) {border-right:0;border-left:0;border-radius:0;}
.basket > .right fieldset .form-row.x-as-one[data-count='3'] > input:nth-of-type(3) {border-right:0;border-radius:5px 0 0 5px;}
.basket > .right fieldset .form-row.seperated[data-count='2'] > input {width:49%;}
.basket .price-row {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;margin:0.7rem 0;}
.basket .price-row.last {font-weight:500;font-size:1.1rem;margin-top:0.5rem;padding-top:0.5rem;border-top:1px solid #999;}
.basket #form-submit-button,.basket #form-submit-button-kindle {display:block;width:100%;padding:0.2rem 0;font-size:1.4rem !important;margin:1rem 0;}
.basket .coupon-form {display:flex;    flex-direction: row;flex-wrap: nowrap;justify-content: center;}
.basket .coupon-form > input {padding:0.3rem;}  
.basket .coupon-form > input[name='cuponCode'] {width:100%;} 
.basket .is-gift {margin-right:0;}
.basket .instruction {font-size:0.7rem;display:block;margin-bottom:0.5rem;margin-top:-0.5rem;}
.basket input[name='email'],.basket input[name='kindel'] {direction:ltr;text-align:left;}
.basket input[name='email']::placeholder,.basket input[name='kindel']::placeholder {direction:rtl;text-align:right;}
.basket #payment-method-container {margin-top:1rem;}
.basket #payment-method-container > label {margin:0 0 1rem 0;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: flex-start;align-items: center;}
.basket #payment-method-container > label > * {padding-left:1rem;}
.basket legend {margin-bottom:1rem;padding:0;}
.basket .disclaimer {text-align:center;margin-bottom:20px;}
.basket #is-confirm-container {margin-bottom:1rem;}
.basket .basket-title {display:flex;flex-wrap: nowrap; align-content: center; justify-content: center;align-items: center;}
.basket .basket-title > * {font-size:1rem;padding-left:0.5rem;color:#999;}
.basket .basket-title > h1 {color:rgb(135,121,183);font-weight:normal;}
.basket-loader {position: fixed; top: 0; right: 0; width: 100%; height: 100%;background: rgba(0,0,0,0.1); justify-content: center;align-items: center;display:none;}
.basket-loader .loader {position:static;display:block;}
.basket .basket-log-out,.basket .basket-recover-password {background-color:transparent;border:0;color:blue;text-decoration:underline;}
.basket .basket-recover-password{  display: inline-block;white-space: nowrap;}
.basket #login-instruction {background-color:transparent;border:0;width:100%;outline:none;}
.container .section.group {display:flex;    flex-direction: row;flex-wrap:wrap;}
.container .section.group > .span_6_of_12 {width:50%;}
.basket,.basket input,.basket input::placeholder {font-size:1rem !important;}
.profile .save-profile-button {margin:1rem auto;display:block;padding:0.5rem 1rem;}
.profile > .container {width:100%;}
.basket .basket-row .gift-form{display:none;}
.basket .basket-row[data-isgift='true'] .gift-form{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.basket .basket-row[data-isgift='true'] .gift-field.variant31,
.basket .basket-row[data-isgift='true'] .gift-field.variant32,
.basket .basket-row[data-isgift='true'] .gift-field.variant33 {display:none;}
.basket .basket-row[data-isgift='true'][data-variantid='31'] .variant31 {display:inline-block;}
.basket .basket-row[data-isgift='true'][data-variantid='32'] .variant32 {display:inline-block;}
.basket .basket-row[data-isgift='true'][data-variantid='33'] .variant33 {display:inline-block;}
input[type='submit'] {cursor:pointer;}
.basket .basket-row .gift-form input[name='customerName'],
.basket .basket-row .gift-form input[name='phone'],
.basket .basket-row .gift-form input[name='email'],
.basket .basket-row .gift-form input[name='kindel'] {width:49.5%;display:inline-block;}
.basket .basket-row .gift-form input[type='submit'] {display:block;margin-top:0.5rem;width:33%;}
.basket .basket-row .gift-form input[name='street'],
.basket .basket-row .gift-form input[name='city']{width:30%;display:inline-block;margin-top:0.2rem;}
.basket .basket-row .gift-form input[name='homenum'],
.basket .basket-row .gift-form input[name='appartment'] {width:11%;display:inline-block;margin-top:0.2rem;}
.basket .basket-row .gift-form input[name='zip'] {width:14%;display:inline-block;margin-top:0.2rem;}
.basket .basket-row .gift-form input,.basket .basket-row .gift-form input::placeholder {font-size:0.8rem !important;}

.blog-item-cube-container img {max-width:100%;}

.profile .coupons-container {padding:10px;}
.profile .coupons-container > div {
    display: flex;
    align-items: center;
        justify-content: center;
}
.profile .coupons-container > div > span {padding:5px;}

.book-cube .book-cube-top {position:relative;overflow:hidden;}
.book-cube .book-cube-top .open-product-page {display:block;}
.book-cube .add-to-cart-buttons-container { opacity:0; bottom:-100px; position: absolute;width: 100%;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center;max-width: 100%;overflow: hidden;transition:all 0.3s;}
.book-cube .add-to-cart-buttons-container.active {opacity:1;transition:all 0.3s;bottom:20px;}
.book-cube .add-to-cart-buttons-container button[data-vrtn-id] {    width: 50px;
    height: 50px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    margin:0 5px;
    padding: 0;
    border-radius: 100%;
    border: 0;justify-content: center;color:#fff;}
.book-cube .add-to-cart-buttons-container button[data-vrtn-id] img {height:20px;}
.book-cube .add-to-cart-buttons-container button[data-vrtn-id] span {font-size:0.6rem;}
.book-cube .add-to-cart-buttons-container button[data-vrtn-id='31']{background-color:#5b72e2;}
.book-cube .add-to-cart-buttons-container button[data-vrtn-id='32']{background-color:#c34ed2;}
.book-cube .add-to-cart-buttons-container button[data-vrtn-id='33']{background-color:#6f5da7;}

.subscription-popup img, .subscription-popup iframe,
.popup img, .popup iframe {
    max-width: 100%;
}

/*here*/



@media (max-width: 812px) {
    
    .products-from-old-website li {width:100%;display:block;border-right:0 !important;border-left:0 !important;border-top:0 !important;padding:0 !important;}
    .empty-cart {position:relative;top:-4px;}
	#banner .span_6_of_12 { width: 100%; }
	.container.book .span_2_of_12.col { display: none; }
	h2.heading { width: 100%; }
	.book .span_10_of_12 { width: 100%; }
	.book .span_4_of_12.col { width: 100%; margin: 0 0 30px; max-width:100% !important; }
	.book .span_8_of_12 { width: 100%; margin: 0 0 30px; }
	.blog .blog-grid-section .span_4_of_12 { width: 100%; margin: 2% 0; }
	.blog .blog-grid-section .inner .thumb>img { width: 100%; }
	.blog .blog-first-post .thumb { width: 100%; }
	.blog .blog-first-post .thumb img { width: 100%; }
	.blog .blog-first-post .desc, .blog .blog-first-post .author { width: 100%; }
	.blog .banner .left-nav { display: none; }
	.blog .banner { background-position: center center; }
	.blog-inner .span_8_of_12.col { width: 100%; }
	.book_page .b-top .left { width: 100%; }
	.book_page .b-top .right { width: 100%; }
	.book_page .b-top .right img { width: 100%; }
	.favourite .tab.tab1.tab-fave { width: 100%; }
	.favourite .addtocart, .favourite .addtowish { display: block; float: none; margin: 20px; }
	a.boook-btn { float: none; display: block; margin: 20px; }
	.span_4_of_12 { width: 100%; }
	.pgrid, .bl-shadow .grid-row{ margin-bottom: 40px; max-width: 100%; }
	.bl-shadow .span_6_of_12, .profile .tab-row-content.main-pro li .pp.p1, .profile .tab-row-content.main-pro li .pp { width: 100%; }
	.bl-shadow .grid-row .left, .bl-shadow .grid-row .left img, .bl-shadow .grid-row .right { width: 100%; }	
    .categoriesBooks.book .span_4_of_12.col {width:100% !important;margin-right:0 !important;}
    .authorsBooks.book .span_4_of_12.col {width:100% !important;margin-right:0 !important;}
    .category .banner p {display:none;} 
    .banner {background-size:cover !important;min-height:unset !important;}
    .left-nav {display:none;}
	.shitufcards .book .span_3_of_12 { width: 100%; }
	.shitufcards .book .col { margin: 5% 0; }
	.shitufcards .top-left { position: relative; display: block; margin: 20px auto 20px; }
	.shitufcards .guide_tw .sele-sear input { width: auto; display: block; width: 100%; margin: 0 0 20px 0; }
	.shitufcards .guide_tw .sele-sear { margin-top: 40px; margin-bottom: -20px; }
	.guide_tw h2 { line-height: 45px; }	
	.gift .mobile-twick { margin-top: 50px; }
	/*.gift .block-desktop { display: none !important; }
	.gift .block-mobile { display: block !important; margin-top: 50px !important; }*/
	.gift .contact form, .gift .contact .right { max-width: 100%; margin-top: 0 !important; }
	.gift .contact h4 { margin-top: 0; }
    .book-cube-2 .product-buttons {width:20% !important;}
    .listitem ul li .right{width:80% !important;}
    .listitem ul li .right .ll {width:58% !important;}
    #login-popup {top:33% !important;}
    .basket .container {margin:0;}
    #login-popup {width:95% !important;}
    #login-popup-container #login-popup[data-mode='sign-up'] .container-form {left:unset !important;}
    #login-popup-container #login-popup .white-logo {top:-26px;}
    #login-popup-container .other-options-container {text-align:center;font-size:1.2rem;margin:1rem 0;line-height:180%;}
    #login-popup-container button {font-size:1.1rem;}
    #login-popup-container .action-status { position: static; top: unset; font-size: 1.1rem;}
    .dologin-button {float:right;}
    .profile .tab-row li, .favourite .tab-row li {margin: 0 15px;}
    .profile .tab-row-content.main-pro#info1{width:100%;height:auto;}
    .profile .tab-row-content.main-pro#info1 #info1-details {width:100%;}
    .profile .tab-row-content.main-pro#info1 #info1-map{width:100%;float:none;}
    .profile .tab-row-content.main-pro li .pp {margin-right:0;}
    .favourite .in-fo-ri {width:100%;float:none;text-align:center;margin-top:10px;font-size:x-small;}
    .favourite .tab.tab1.tab-fave .varitions{width:100%;margin-top:20px;}
    .favourite .tab.tab1.tab-fave {padding-right:0 !important;border-right:0;}
    .favourite .addtocart, .favourite .addtowish {display:inline-block;}
    .favourite .in-fo-ri br {display:none;}
    .favourite .in-fo-ri a,.favourite .in-fo-ri span {margin-left:20px;}
    .favourite .in-fo-ri span:last-of-type {margin-left:0 !important;}
    .profile .tab-row-content li.bdy {padding-bottom:0 !important;}
    .profile .tab-row-content li .r1.orderPaymentMethod, .profile .tab-row-content li .r1.orderQuantity {display:none;}
    .profile .tab-row-content li .r1{width:20%;}
    .profile .tab-row-content li .r1.orderSpace{width:10%;}
    .profile .tab-row-content li.head {padding-bottom:20px;}
    .recover-password-send-button {float:right;}
    .blog .container {padding: 0 !important;}
    .blog .blog-first-post {margin-top:20px;}
    .blog .blog-first-post .spce {position:relative;}
    .blog .blog-first-post .spce .authorImage {width:50px;position:absolute;top:-10px;left:-10px;}
    .blog .author {margin-top:0 !important;}
    .blog .blog-first-post .desc .spce {margin-top:0px;}
    .blog .post-meta li:after {margin:0 5px;}
    .blog .blog-first-post .author h4 {text-align:right;}
    .blog .blog-first-post .author p {text-align:right;}
    .search-page-inner {padding:0;margin:1rem 0;}
    .search-page-container form input[type="text"] {width:180px;}
    #search-panel-filter-by ,.search-page-container form input[type="submit"]{margin-right:5px;}
    .search-page-container {zoom:0.9;}
    .blog-form-container form input[type="text"] { width: 190px !important;}
    .product-right-inner-inner {position:static !important; }
    .sh_pro li {width:100% !important;}
     .contact form,.contact .right { max-width:100% !important; }
     .book_page #book-page-details-container-1 .b-top {margin:0 auto !important;}
     .product-page-sale-icon-container-mobile {text-align:center;margin-top:10px;}
     .product-page-sale-icon-container-mobile > *:first-of-type {margin-bottom:8px;}
     .shitufcards .book .book-cube {margin: 30px auto 30px auto !important;}
     .first-chapter-book-title {font-size:30px;}
    #search-no-result-container > .search-no-result   {width: 100%;   text-align: center;   background: #e8eced;   padding: 30px;  position: relative;   box-sizing:border-box;margin-bottom:20px;text-align:center;}
    #search-no-result-container > .search-no-result:nth-of-type(2) { background-color:transparent !important;}
    #banner .first { min-height: 123px; position: relative;  }
    .category .manufacturer-title {line-height:50px;}
    #upper-search .search #top-search-results{    z-index: 99999999999999;margin-right: 50px;}
    .bx-viewport {height:123px !important;}
    #banner .main-slide .hp-banners {min-height:123px !important;}
    #banner .bx-controls-direction {display:none !important;width:100% !important;left:0 !important;}
    #banner .bx-controls-direction a.bx-prev {float:left;margin-left:20px;}
    #banner .bx-controls-direction a.bx-next {float:right;margin-right:20px;}
    #banner .bx-pager.bx-default-pager{display:none;}
   #call-center-close { position:static; top:unset; margin-bottom: 50px;}
   #contact-us-into {margin-bottom:20px;}
   .pagination .page-prev, .pagination .page-next {display:none;}
   .pagination .num{    color: #111111;font-weight: 500; font-size: 13px; margin: 0 4px; display: inline-block; padding: 0px 7px;}
   .pagination .num:first-of-type{margin-right:0 !important;}
   .pagination .num:last-of-type{margin-left:0 !important;}
   .contact {padding:10px 0;}
   .contact .container {margin:0;}
    .modal {max-width:90%;}
    #login-popup-container #login-popup .container-form {width:100%;}
    .cart-modal > .cart {width:100%;max-width:100%;}
    #book-page-details-container-1 .varitions[data-checked='31'] > .vcol[data-variation='31'],
    #book-page-details-container-1 .varitions[data-checked='32'] > .vcol[data-variation='32'],
    #book-page-details-container-1 .varitions[data-checked='33'] > .vcol[data-variation='33'] {color:#000;border-color:#000;font-weight:600;border-bottom:2px solid rgb(235,95,191);}
    .basket { display: flex;flex-direction: column-reverse;justify-content: flex-end; align-items: center;background-color: rgb(232,231,236);flex-wrap: nowrap;align-content: center;}
    .basket > .left, .basket > .right {width:100%;}
    .basket > .left > .inner,.basket > .right > .inner {margin-right:0;padding:0 15px;margin:1rem 0;}
    .cart-modal > .cart .cart-row, .basket .basket-items .basket-row {padding:1rem 0;}
    #basket-form {margin-bottom:1rem;}
    .cart-modal > .cart .cart-row > .cart-col > .row2 .quantity_container button,.basket .basket-items .basket-row .quantity_container button {width:unset;}
    

    #footer > .container {display: flex;flex-direction: column; flex-wrap: nowrap;align-content: center;justify-content: space-between;align-items: flex-start;}
    #footer > .container > * {width:100%;display:block;margin-bottom:1rem;}
    #footer .foot2 {flex-direction: column;}
    .container .section.group > .span_6_of_12 {width: 90%;margin: auto;}

    #subscriptions-container .subscription {width:100%;}

    /*mobile here*/

}

.basket .bootstrap-autocomplete-container .autocomplete-items div:hover {
    background-color: #cc45cb !important;
    color: #ffffff;
}