﻿html, body{width:100%; height:100%; padding:0; margin:0; font-family: 'PTSans'; font-size:16px; color:#1a1a1a; }

label, input, button, form, fieldset{padding:0; margin:0; outline:none; }
ul, ol,li, span, a, p, b, figure, img, button, input, textarea{list-style-type:none; padding:0px; margin:0px; text-decoration:none; outline:none; }
a:active, a:link, a:after, a:focus, a:visited{text-decoration:none; border:none; outline:none; color:#1a1a1a; }
form, fieldset{border:none; margin:0; padding:0; }
img{border:none; }
img.background{ content:url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); }

.none{display:none !important; }

a.comma{cursor:pointer; }
a.comma:hover{text-decoration:underline; }

.result-message{width:calc(100% - 32px); height:auto; float:left; padding:15px; border:solid 1px #1a1a1a; }
.result-message > i{width:24px; height:24px; float:left; font-size:24px; }
.result-message > p{width:calc(100% - 31px); height:auto; float:left; margin-left:7px; }

.loading{width:100%; height:100%;}
.loading .overlay{width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:9999; background-color:rgba(0,0,0,0.32); }
.loading .container{width:70px; height:70px; position:fixed; left:50%; top:50%; margin-left:-35px; margin-top:-35px; z-index:9999;  border-radius:5px; }
.loading .item{width:46px; height:46px; display:inline-block; position:relative; left:50%; top:50%; margin-left:-23px; margin-top:-23px;  }
.loading .item:after{width:42px; height:42px; content:" "; display:block; border-radius:50%; border:5px solid #fff; border-color:#fff #fff transparent transparent; animation:loadAni .6s linear infinite;}
@keyframes loadAni {0%{transform:rotate(0deg); } 100% {transform: rotate(360deg);} }

.bbl-content{width:100%; height:auto; float:left; }
.bbl-content-wrap{width:1186px; height:auto; float:left; left:50%; margin-left:-593px; position:relative; }
.bbl-content-inner{width:100%; height:auto; float:left; }
.bbl-renderbody{width:100%; height:auto; float:left; }

.bbl-header{width:100%; height:auto; float:left; background-color:#fff;  }
/*.bbl-header.fixed{width:100%; height:auto; left:0px; top:0px; position:fixed; z-index:9; border-bottom:solid 1px #222; }
.bbl-header.fixed .content{width:calc(100%); height:auto; float:left; padding:15px 0px 7px 0px; }*/
.bbl-header .content{width:calc(100%); height:auto; float:left; padding:30px 0px 20px 0px; }
.bbl-header .logo{width:auto; height:auto; float:left; }
.bbl-header .menu{width:auto; height:auto; float:right;}
.bbl-header .menu ul{width:auto; height:auto; padding:16px; float:left; position:relative; margin-right:5px; }
.bbl-header .menu ul:before{content:''; width:1px; height:27px; background-color:#000; position:absolute; right:5px; top:17px; }
.bbl-header .menu ul > li{width:auto; height:auto; float:left; margin:0px 15px; margin-top:4px; }
.bbl-header .menu ul > li > a{width:auto; height:auto; display:inline-block; color:#303134; font-size:16px; font-family:'PTSansBold'; letter-spacing:-0.4px; cursor:pointer; transition:.10s; position:relative; user-select:none; }
.bbl-header .menu ul > li > a:hover{color:#dd2f3d; }
.bbl-header .menu ul > li > a.active{color:#dd2f3d; }
.bbl-header .menu ul > li > a.active:before{content:''; width:calc(100%); height:3px; background-color:#dd2f3d; position:absolute; left:0px; bottom:-6px; }
.bbl-header .search-box{width:auto; height:auto; float:right; padding:13px 0px; }
.bbl-header .search-box input{width:0px; height:auto; float:left; padding:6px; border:none; outline:none; font-family: 'PTSans'; font-size:16px; transition:.2s; }
.bbl-header .search-box input.on{width:100px; border:solid 1px #ddd; margin-left:10px; }
.bbl-header .search-box button{width:34px; height:34px; float:right; background:url(/assets/images/icon-search.png) no-repeat center center; outline:none; border:none;  cursor:pointer; }

.bbl-slider{width:100%; height:auto; float:left; }
.bbl-slider .content{width:100%; height:465px; float:left; overflow:hidden; }
.bbl-slider .slide{width:calc(100%); height:calc(465px); float:left; }
.bbl-slider .slide .left{width:580px; height:290px; float:left; margin-left:115px; margin-top:110px; }
.bbl-slider .slide .left .book-name{width:100%; height:auto; max-height:125px; line-height:1.17; overflow:hidden; float:left; font-size:50px; color:#ffce00; font-family: 'PlayfairDisplay'; }
.bbl-slider .slide .left .editor-name{width:100%; height:auto; max-height:40px; overflow:hidden; float:left; font-size:30px; color:#fff; text-align:left; font-family:'PTSansBold'; }
.bbl-slider .slide .left .book-detail{width:40%; height:auto; max-height:55px; overflow:hidden; float:left; margin-top:25px; font-size:22px; color:#fff; text-align:left; line-height:1.27; }
.bbl-slider .slide .left .button{width:auto; height:auto; float:left; clear:both; border:none !important; box-shadow:none !important; padding:16.5px 43px; background-color:#1c1c1c; color:#fff; font-size:16px; font-weight:700; border-radius:3px; margin-top:27px; cursor:pointer; }
.bbl-slider .slide .right{width:580px; height:290px; float:right; margin-right:115px; margin-top:110px; }
.bbl-slider .slide .right .book-name{width:100%; height:auto; max-height:125px; line-height:1.17; overflow:hidden; float:right; font-size:50px; color:#ffce00; font-family: 'PlayfairDisplay'; text-align:right; }
.bbl-slider .slide .right .editor-name{width:100%; height:auto; max-height:40px; overflow:hidden; float:right; font-size:30px; color:#fff; text-align:left; font-family:'PTSansBold'; text-align:right; }
.bbl-slider .slide .right .book-detail{width:55%; height:auto; max-height:55px; overflow:hidden; float:right; margin-top:25px; font-size:22px; color:#fff; text-align:left; line-height:1.27; text-align:right; }
.bbl-slider .slide .right .button{width:auto; height:auto; float:right; clear:both; padding:16.5px 43px; background-color:#1c1c1c; color:#fff; font-size:16px; font-weight:700; border-radius:3px; margin-top:27px; cursor:pointer; }
.bbl-slider .slick-dots{width:100%; height:auto; display:flex !important; justify-content:center; position:absolute; bottom:25px; }
.bbl-slider .slick-dots li{width:auto; height:auto; float:left; margin-right:12px; }
.bbl-slider .slick-dots li > a{width:7px; height:7px; display:inline-block; border-radius:50%; outline:none; border:none; background-color:rgba(255, 255, 255, 0.28); cursor:pointer; }
.bbl-slider .slick-dots li.slick-active > a{background-color:#fff; }
.bbl-slider .slider-arrow{width:50px; height:auto; font-size:60px; position:absolute; z-index:99; top:50%; margin-top:-39px; z-index:99; cursor:pointer; transition:ease-in-out .14s; }
.bbl-slider .slider-arrow.slick-disabled{opacity:0.15; }
.bbl-slider .slider-arrow.next{right:20px; }
.bbl-slider .slider-arrow.next:not(.slick-disabled):active{right:15px;}
.bbl-slider .slider-arrow.prev{left:20px; }
.bbl-slider .slider-arrow.prev:not(.slick-disabled):active{left:15px; }

.bbl-book-explore{width:100%; height:auto; float:left; }
.bbl-book-explore .content{width:calc(100% - 30px); height:auto; float:left; padding:40px 0px; text-align:center; }
.bbl-book-explore span{font-size:45px; letter-spacing:0.45px; font-family: 'PlayfairDisplay'; }
.bbl-book-explore hr{width:10%; height:1px; background-color:#000; border:none; margin:0 auto; margin-top:20px; }
.bbl-book-explore .menu{width:100%; height:auto; float:left; }
.bbl-book-explore .menu ul{width:auto; height:auto;  display:flex; justify-content:center; margin-top:30px; }
.bbl-book-explore .menu ul > li{width:auto; height:auto; float:left; margin:0px 15px; margin-top:4px; }
.bbl-book-explore .menu ul > li > a{width:auto; height:auto; display:inline-block; font-size:16px; font-family:'PTSansBold'; color:#7a7a7a; letter-spacing:-0.4px; cursor:pointer; transition:.10s; position:relative; user-select:none; }
.bbl-book-explore .menu ul > li > a:hover{color:#dd2f3d; }
.bbl-book-explore .menu ul > li > a:hover:before{content:''; width:calc(100% + 4px); height:3px; background-color:#dd2f3d; position:absolute; left:-2px; bottom:-6px; }
.bbl-book-explore .menu ul > li > a.active{color:#dd2f3d; }
.bbl-book-explore .menu ul > li > a.active:before{content:''; width:calc(100% + 4px); height:3px; background-color:#dd2f3d; position:absolute; left:-2px; bottom:-6px; }
.bbl-book-explore .list{width:100%; height:auto; float:left; }
.bbl-book-explore .list ul{width:auto; height:252px; display:none; justify-content:center; margin-top:30px; overflow:hidden; }
.bbl-book-explore .list ul.active{display:inline-block; }
.bbl-book-explore .list ul > li{width:162px; height:247px; float:left; margin:0px 15px; margin-top:4px; position:relative; display:flex; align-items:flex-end; }
.bbl-book-explore .list ul > li > figure{width:100%; height:auto; }
.bbl-book-explore .list ul > li > figure > a{width:100%; height:auto; float:left; }
.bbl-book-explore .list ul > li > figure > a > img{width:100%; float:left; }
.bbl-book-explore .button{width:auto; height:auto; display:inline-block; margin:0 auto; padding:14px 36px; background-color:#1c1c1c; color:#fff; font-size:16px; font-weight:700; border-radius:3px; margin-top:27px; cursor:pointer; }

.bbl-sendmail{width:100%; height:auto; float:left; margin-top:20px; }
.bbl-sendmail .content{width:calc(100% - 90px); height:auto; float:left; padding:45px; text-align:center; background-color:#dd2f3d; }
.bbl-sendmail span{width:45%; height:auto; display:inline-block; font-size:45px; letter-spacing:0.45px; line-height:1.11; font-family: 'PlayfairDisplayItalic'; color:#fff; font-style:italic; }
.bbl-sendmail hr{width:10%; height:1px; background-color:#fff; border:none; margin:0 auto; margin-top:20px; }
.bbl-sendmail form{width:570px; height:auto; display:inline-block; margin:0 auto; margin-top:30px; background-color:#ddd; }
.bbl-sendmail form input{width:calc(100% - 163px); height:auto; float:left; padding:18px; border:none; outline:none; font-family: 'PTSans'; font-size:16px;}
.bbl-sendmail form button{width:calc(165px - 38px); height:auto; float:left; padding:19px; border:none; outline:none; font-size:16px; font-weight:700; background-color:#1c1c1c; color:#fff; cursor:pointer; }

.bbl-editor{width:100%; height:auto; float:left; margin-top:20px; }
.bbl-editor .content{width:calc(100% - 90px); height:auto; float:left; padding:45px 0px;  }
.bbl-editor .section-title{width:auto; height:auto; display:inline-block; font-size:20px; font-weight:700; letter-spacing:0.2px; position:relative; margin-bottom:20px; }
.bbl-editor .section-title:before{content:''; width:100%; height:1px; background-color:#1c1c1c; bottom:-20px; left:0px; position:absolute; }
.bbl-editor .editor-item{width:100%; height:auto; float:left; margin-top:45px; }
.bbl-editor .editor-item figure{width:460px; height:350px; float:left; }
.bbl-editor .editor-item text{width:calc(100% - 540px); height:auto; float:left; padding:0px 40px; }
.bbl-editor .editor-item text > .title{width:70%; height:auto; float:left; font-size:35px; font-weight:700; line-height:1.34; position:relative; margin-top:-10px; }
.bbl-editor .editor-item text > .editor{width:70%; height:auto; float:left; font-size:16px; font-weight:300; line-height:18px; margin-top:18px; }
.bbl-editor .editor-item text > .editor > b{display:inline-block; margin-right:4px; color:#dd2f3d; }
.bbl-editor .editor-item text > .description{width:80%; height:auto; float:left; font-size:16px; font-weight:300; line-height:18px; margin-top:18px; }
.bbl-editor .editor-item text > .date{width:70%; height:auto; float:left; margin-top:20px; font-size:12px; position:relative; }
.bbl-editor .editor-item text > .date:before{content:''; width:200px; height:2px; background-color:#ededed; position:absolute; bottom:-10px; left:0px; }
.bbl-editor .editor-item text > .buttons{width:100%; height:auto; float:left; margin-top:33px; }
.bbl-editor .editor-item text > .buttons > a{width:auto; height:auto; float:left; margin:0 auto; margin-right:25px; padding:16px 36px; background-color:#1c1c1c; color:#fff; font-size:18px; font-weight:700; letter-spacing:0.54px; border-radius:3px;  cursor:pointer; }

.bbl-books-library{width:100%; height:auto; float:left; margin-top:30px; }
.bbl-books-library .content{width:calc(100% - 30px); height:auto; float:left; padding:40px 0px; text-align:center; }
.bbl-books-library span{font-size:45px; letter-spacing:0.45px; font-family: 'PlayfairDisplay'; }
.bbl-books-library hr{width:10%; height:1px; background-color:#000; border:none; margin:0 auto; margin-top:20px; }
.bbl-books-library .books-slider{width:100%; height:auto; float:left;  }
.bbl-books-library .books-slider .slider{width:100%; height:315px; float:left; position:relative; top:220px; margin-top:-220px; }
.bbl-books-library .books-slider .slider .slide{width:210px !important; height:273px !important; float:left; margin-left:25px; position:relative; }
.bbl-books-library .books-slider .slider .slide figure{width:100%; height:auto; float:left; position:absolute; bottom:0px; }
.bbl-books-library .books-slider .slider .slide figure > a{width:100%; height:auto; float:left; }
.bbl-books-library .books-slider .slider .slide figure > a > img{width:100%; }
.bbl-books-library .books-slider .slider .slide:first-child{margin-left:0px; }
.bbl-books-library .slick-dots{width:auto; height:auto; display:flex !important; justify-content:center; position:relative; top:30px; }
.bbl-books-library .slick-dots li{width:auto; height:auto; float:left; margin-right:12px; }
.bbl-books-library .slick-dots li > a{width:7px; height:7px; display:inline-block; border-radius:50%; outline:none; border:none; background-color:rgba(255, 255, 255, 0.28); cursor:pointer; }
.bbl-books-library .slick-dots li.slick-active > a{background-color:#fff; }
.bbl-books-library .books-slider .band{width:100%; height:270px; float:left; background-color:#000000; }
.bbl-books-library .slider-arrow{width:50px; height:auto; font-size:46px; position:absolute; z-index:99; top:50%; margin-top:-30px; z-index:99; cursor:pointer; color:#fff; transition:ease-in-out .14s; }
.bbl-books-library .slider-arrow.slick-disabled{opacity:0.15; }
.bbl-books-library .slider-arrow.next{right:-60px; }
.bbl-books-library .slider-arrow.next:active{right:-65px;}
.bbl-books-library .slider-arrow.prev{left:-60px; }
.bbl-books-library .slider-arrow.prev:active{left:-65px;}

.bbl-verysoon{width:100%; height:auto; float:left; margin-top:20px; }
.bbl-verysoon .content{width:calc(100% - 90px); height:auto; float:left; padding:45px 0px;  }
.bbl-verysoon .section-title{width:auto; height:auto; display:inline-block; font-size:20px; font-weight:700; letter-spacing:0.2px; position:relative; margin-bottom:20px; }
.bbl-verysoon .section-title:before{content:''; width:100%; height:1px; background-color:#1c1c1c; bottom:-20px; left:0px; position:absolute; }
.bbl-verysoon .editor-item{width:100%; height:auto; float:left; margin-top:30px; }
.bbl-verysoon .editor-item figure{width:293px; height:457px; float:left; }
.bbl-verysoon .editor-item text{width:calc(100% - 373px); height:auto; float:left; padding:0px 40px; }
.bbl-verysoon .editor-item text > .title{width:100%; height:auto; float:left; font-size:45px; font-family: 'PlayfairDisplay';  line-height:1.34; position:relative; margin-top:-17px; }
.bbl-verysoon .editor-item text > .editor{width:100%; height:auto; float:left; font-size:16px; font-weight:300; line-height:18px; margin-top:30px; }
.bbl-verysoon .editor-item text > .editor > b{display:inline-block; margin-right:4px; color:#dd2f3d; }
.bbl-verysoon .editor-item text > .description{width:100%; height:auto; float:left; font-size:16px; font-weight:300; line-height:28px; margin-top:28px; }
.bbl-verysoon .editor-item text > .description > p{width:100%; height:auto; float:left; margin-bottom:25px;}
.bbl-verysoon .editor-item text > .buttons{width:70%; height:auto; float:left; margin-top:20px; }
.bbl-verysoon .editor-item text > .buttons > a{width:auto; height:auto; display:inline-block; margin:0 auto; padding:16px 36px; background-color:#1c1c1c; color:#fff; font-size:18px; font-weight:700; border-radius:3px; cursor:pointer; }

.bbl-footer{width:100%; height:auto; float:left; margin-top:60px; background-color:#eeeeee; color:#171717; }
.bbl-footer .content{width:calc(100% - 90px); height:auto; float:left; padding:45px 0px 20px 0px;  }
.bbl-footer .logo{width:335px; height:auto; float:left; }
.bbl-footer .logo ul.social{width:100%; height:auto; float:left; margin-top:18px; }
.bbl-footer .logo ul.social > li{width:auto; height:auto; float:left; margin-right:10px; }
.bbl-footer .logo ul.social > li > a{width:auto; height:auto; float:left; cursor:pointer; }
.bbl-footer .logo ul.social > li > a > figure{width:25px; height:25px; float:left; }
.bbl-footer .logo ul.social > li > a > figure > img{width:100%; }
.bbl-footer .menu{width:240px; height:auto; float:left; }
.bbl-footer .menu > ul{width:100%; height:auto; float:left; }
.bbl-footer .menu > ul > li{width:100%; height:auto; float:left; margin-bottom:15px; }
.bbl-footer .menu > ul > li > a{width:auto; height:auto; float:left; color:#171717; font-size:16px; font-weight:700; text-decoration:underline; letter-spacing:1.28px; cursor:pointer; }
.bbl-footer .menu > ul > li > a:hover{color:#dd2f3d; }
.bbl-footer .menu > ul > li > a.active{color:#dd2f3d; }
.bbl-footer .contact{width:230px; height:auto; float:left; }
.bbl-footer .contact > span{width:100%; height:auto; float:left; font-size:20px; font-weight:700; margin-bottom:5px; }
.bbl-footer .contact p{width:100%; height:auto; float:left; margin-bottom:20px; font-size:16px; letter-spacing:1.28px; line-height:25px; }
.bbl-footer .contact p > span{display:inline-block; margin-right:4px; font-weight:700; }
.bbl-footer .footer-band{width:calc(100% - 40px); height:auto; float:left; padding:20px; text-align:center; border-top:solid 1px #ddd; font-family: 'Raleway', sans-serif; font-size:20px; font-weight:500; letter-spacing:0.8px; }

.bbl-breadcrumbs{width:100%; height:auto; float:left;  }
.bbl-breadcrumbs .content{width:calc(100% - 80px); height:auto; float:left; padding:20px 40px; background-color:#1c1c1c; color:#fff; }
.bbl-breadcrumbs span{width:50%; height:auto; float:left; font-family:'PTSansBold'; text-transform:uppercase; }
.bbl-breadcrumbs ul{width:auto; height:auto; float:right; }
.bbl-breadcrumbs ul > li{width:auto; height:auto; font-size:13px; float:left; position:relative; }
.bbl-breadcrumbs ul > li:before{content:"\f107"; box-sizing:border-box; font-family:'Line Awesome Free'; font-style:normal; color:rgba(255, 255, 255, 0.35); font-weight:900; font-size:11px; position:absolute; right:8px; top:3px; transform:rotate(-90deg)}
.bbl-breadcrumbs ul > li > a{display:inline-block; font-size:13px; padding-right:22px; color:rgba(255, 255, 255, 0.35); }
.bbl-breadcrumbs ul > li:last-child:before{opacity:0; }
.bbl-breadcrumbs ul > li:last-child > a{color:#fff; }

.bbl-general-content{width:100%; height:auto; float:left; }
.bbl-general-content .content{width:100%; height:auto; float:left; padding:12px 0px; }
.bbl-general-content .prg-item figure{width:152px; height:131px; margin:0 auto; margin-top:35px; margin-bottom:55px; }
.bbl-general-content .prg-item{width:100%; height:auto; float:left; color:#1a1a1a; }
.bbl-general-content .prg-item > span{width:100%; height:auto; float:left; font-family:'PTSansBold'; font-size:25px; letter-spacing:0.25px; line-height:20px;  }
.bbl-general-content .prg-item > p{width:100%; height:auto; float:left; font-size:16px; line-height:20px; letter-spacing:0.16px; margin-top:20px; }

.editor-content{width:100%; height:auto; float:left;  }
.editor-content .editor-item{width:100%; height:auto; float:left; margin-top:60px; padding-bottom:60px; position:relative; }
.editor-content .editor-item:first-child{margin-top:40px; }
.editor-content .editor-item:last-child:before{opacity:0; }
.editor-content .editor-item:before{content:''; width:100%; height:2px; background-color:rgba(0,0,0,0.06); position:absolute; bottom:0px; left:-15px; }
.editor-content .editor-item figure{width:460px; height:350px; float:left; }
.editor-content .editor-item text{width:calc(100% - 540px); height:auto; float:left; padding:0px 40px; }
.editor-content .editor-item text > .title{width:70%; height:auto; float:left; font-size:35px; font-weight:700; line-height:1.34; position:relative; margin-top:-10px; }
.editor-content .editor-item text > .editor{width:70%; height:auto; float:left; font-size:16px; font-weight:300; line-height:18px; margin-top:18px; }
.editor-content .editor-item text > .editor > b{display:inline-block; margin-right:4px; color:#dd2f3d; }
.editor-content .editor-item text > .description{width:80%; height:auto; float:left; font-size:16px; font-weight:300; line-height:18px; margin-top:18px; }
.editor-content .editor-item text > .date{width:70%; height:auto; float:left; margin-top:20px; font-size:12px; position:relative; }
.editor-content .editor-item text > .date:before{content:''; width:200px; height:2px; background-color:#ededed; position:absolute; bottom:-10px; left:0px; }
.editor-content .editor-item text > .buttons{width:100%; height:auto; float:left; margin-top:33px; }
.editor-content .editor-item text > .buttons > a{width:auto; height:auto; float:left; margin:0 auto; margin-right:25px; padding:16px 36px; background-color:#1c1c1c; color:#fff; font-size:18px; font-weight:700; letter-spacing:0.54px; border-radius:3px;  cursor:pointer; }
.editor-content .editor-item-detail{width:100%; height:auto; float:left;  }
.editor-content .editor-item-detail > .title{width:30%; height:auto; margin:0 auto; font-size:32px; font-weight:700; line-height:1.47; position:relative; text-align:center; margin-top:10px; }
.editor-content .editor-item-detail > .date{width:30%; height:auto; margin:0 auto; margin-top:20px; margin-bottom:30px; font-size:12px; position:relative; text-align:center; }
.editor-content .editor-item-detail > .image{width:700px; height:534px; margin:0 auto; }
.editor-content .editor-item-detail > .description{width:700px; height:auto; margin:0 auto; font-size:16px; font-weight:300; line-height:18px; margin-top:50px; }
.editor-content .editor-item-detail > .description > p{width:100%; height:auto; display:inline-block; margin-bottom:20px;}

.page-header-slider{width:100%; height:322px; float:left; margin-top:13px; }
.page-header-slider .left{width:580px; height:290px; float:left; margin-left:115px; margin-top:30px; }
.page-header-slider .left .book-name{width:100%; height:auto; max-height:125px; line-height:1.17; overflow:hidden; float:left; font-size:50px; color:#252525; font-family: 'PlayfairDisplay'; }
.page-header-slider .left .editor-name{width:100%; height:auto; max-height:40px; overflow:hidden; float:left; font-size:30px; color:#252525; text-align:left; font-family:'PTSansBold'; margin-top:20px; }
.page-header-slider .left .book-detail{width:40%; height:auto; max-height:55px; overflow:hidden; float:left; margin-top:25px; font-size:22px; color:#fff; text-align:left; line-height:1.27; }
.page-header-slider .left .button{width:auto; height:auto; float:left; clear:both; border:none !important; box-shadow:none !important; padding:16.5px 43px; background-color:#1c1c1c; color:#fff; font-size:16px; font-weight:700; border-radius:3px; margin-top:27px; cursor:pointer; }

.books-content{width:100%; height:auto; float:left; }
.books-content .books-filter{width:calc(300px - 20px); height:auto; float:left;  margin-top:55px;   margin-right:20px; }
.books-content .books-filter .bookshelf-item{width:100%; height:auto; float:left; margin-bottom:15px; user-select:none; position:relative; }
.books-content .books-filter .bookshelf-item:first-child{padding-bottom:20px; margin-bottom:20px; }
.books-content .books-filter .bookshelf-item:first-child:before{content:''; width:60%; height:1px; background-color:#1c1c1c; left:0px; bottom:0px; position:absolute; }
.books-content .books-filter .bookshelf-item a{width:70%; height:auto; float:left; font-size:22px; font-family:'PTSansBold'; line-height:1.27; letter-spacing:0.22px; cursor:pointer; margin-bottom:10px; }
.books-content .books-filter .bookshelf-item a.on{color:#dd2f3d; }
.books-content .books-filter .bookshelf-item > ul{width:100%; height:auto; float:left; margin-bottom:15px; }
.books-content .books-filter .bookshelf-item > ul li{width:100%; height:auto; float:left; margin-bottom:12px; }
.books-content .books-filter .bookshelf-item > ul li:last-child{margin-bottom:0px; }

/*.books-content .books-filter .bookshelf-item > ul li input[type=checkbox]{-webkit-appearance:none; }
.books-content .books-filter .bookshelf-item > ul li input[type=checkbox]::-ms-check{display:none; }
.books-content .books-filter .bookshelf-item > ul li label{width:100%; height:auto; min-height:30px; float:left; font-family:'PTSans'; font-size:14px; position:relative; cursor:pointer; user-select:none; }
.books-content .books-filter .bookshelf-item > ul li label:before{content:''; width:28px; height:28px; border:solid 1px #1a1a1b; position:absolute; left:0px; top:0px; }
.books-content .books-filter .bookshelf-item > ul li input[type=checkbox]:checked + label:after{content:'\f00c'; box-sizing:border-box; font-family:'Line Awesome Free'; font-weight:900; font-size:22px; color:#1a1a1b; position:absolute; left:4px; top:4px; }
.books-content .books-filter .bookshelf-item > ul li label > span{width:calc(100% - 46px); height:auto; float:left; padding:6px; padding-left:40px; }
.books-content .books-filter .bookshelf-item > ul li input[type=checkbox]:checked + label > span{font-family:'PTSansBold'; color:#dd2f3d; }*/

.books-content .books-filter .bookshelf-item > ul li input[type=radio]{-webkit-appearance:none; }
.books-content .books-filter .bookshelf-item > ul li input[type=radio]::-ms-check{display:none; }
.books-content .books-filter .bookshelf-item > ul li label{width:100%; height:auto; min-height:20px; float:left; font-family:'PTSans'; font-size:15px; position:relative; cursor:pointer; user-select:none; }
.books-content .books-filter .bookshelf-item > ul li label > span{width:calc(100%); height:auto; float:left; }
.books-content .books-filter .bookshelf-item > ul li input[type=radio]:checked + label > span{font-family:'PTSansBold'; color:#dd2f3d; }

.books-content .books-filter .bookshelf-item > ul > li ul{width:100%; height:auto; float:left; margin-left:40px; margin-top:10px; margin-bottom:10px; display:none; }
.books-content .books-filter .bookshelf-item > ul > li ul.on{display:block; }
.books-content .books-searchbar{width:calc(100% - 300px); height:auto; float:left; margin-top:35px;  position:relative; }
.books-content .books-searchbar input[type=text]{width:calc(100% - 64px); height:auto; float:left; padding:12px; padding-right:50px; font-size:13px; color:rgba(48,49,52, 0.45); border:solid 1px #303134; }
.books-content .books-searchbar input[type=text]::placeholder{color:rgba(48,49,52, 0.45); }
.books-content .books-searchbar input[type=text]:-ms-input-placeholder{color:rgba(48,49,52, 0.45); }
.books-content .books-searchbar input[type=text]::-ms-input-placeholder{color:rgba(48,49,52, 0.45); }
.books-content .books-searchbar button{width:41px; height:41px; float:left; background:url(/assets/images/icon-search.png) no-repeat center center; border:none; position:absolute; top:0px; right:0px; cursor:pointer; }
.books-content .books-list{width:calc(100% - 300px); height:auto; float:left; margin-top:35px; position:relative; }
.books-content .books-list ul{width:100%; height:auto; float:left; }
.books-content .books-list ul > li{width:211px; height:270px; float:left; margin-right:10px; margin-bottom:35px; /*background:repeating-linear-gradient(-45deg, #f9f9f9, #f9f9f9 10px, #f2f2f2 10px, #f2f2f2 20px);*/ }
.books-content .books-list ul > li > a{width:100%; height:auto; float:left; cursor:pointer; }
.books-content .books-list ul > li > a > figure.book-image{width:211px; height:211px; float:left; text-align:center; }
.books-content .books-list ul > li > a > figure.book-image > img{height:100%; }
.books-content .books-list ul > li > span.book-name{width:100%; height:auto; float:left; text-align:center; font-family:'PTSansBold'; font-size:14px; margin-top:15px; }
.books-content .books-list ul > li > span.book-editor{width:100%; height:auto; float:left; text-align:center; font-size:14px; margin-top:8px; }
.books-content .books-list ul > li > span.book-editor > a{width:auto; height:auto; margin-right:5px; }
.books-content .books-list ul > li > span.book-editor > a:hover{text-decoration:underline; }
.books-content .book-detail{width:calc(100% - 100px); height:auto; float:left; margin-top:30px; padding:0px 0px 0px 100px; }
.books-content .book-detail figure{width:360px; height:auto; float:left; }
.books-content .book-detail figure > img{width:100%; height:auto; float:left; }
.books-content .book-detail text{width:calc(100% - 450px); height:auto; float:left; margin-left:50px; }
.books-content .book-detail text .title{width:100%; height:auto; float:left; font-family: 'PlayfairDisplay'; font-size:45px; line-height:1.33; letter-spacing:0.45px; margin-bottom:11px; }
.books-content .book-detail text .author{width:100%; height:auto; float:left; font-size:16px;  letter-spacing:0.48px; }
.books-content .book-detail text .author b{font-family:'PTSansBold'; color:#dd2f3d; }
.books-content .book-detail text .author span{margin-left:5px; }
.books-content .book-detail text .author span > a:hover{text-decoration:underline; }
.books-content .book-detail text .translator{width:100%; height:auto; float:left; font-size:16px;  letter-spacing:0.48px; }
.books-content .book-detail text .translator b{font-family:'PTSansBold'; color:#dd2f3d; }
.books-content .book-detail text .translator span{margin-left:5px; }
.books-content .book-detail text .comma{margin-left:10px; position:relative; }
.books-content .book-detail text .comma:before{content:','; width:5px; height:5px; position:absolute; left:-9px; top:0px; }
.books-content .book-detail text .comma:first-child{margin:0; }
.books-content .book-detail text .comma:first-child:before{opacity:0; }
.books-content .book-detail text .tab{width:100%; height:auto; float:left; margin-top:17px; border-bottom:solid 1px #dd2f3d; }
.books-content .book-detail text .tab > li{width:auto; height:auto; float:left; }
.books-content .book-detail text .tab > li > a{width:auto; height:auto; float:left; padding:12.5px 25px; background-color:#bebebe; color:#fff; font-family:'PTSansBold'; margin-right:5px; cursor:pointer;  user-select:none; }
.books-content .book-detail text .tab > li > a:hover{background-color:#dd2f3d;}
.books-content .book-detail text .tab > li.active > a{background-color:#dd2f3d;}
.books-content .book-detail text .tab-detail{width:100%; height:auto; float:left; margin-top:26px; }
.books-content .book-detail text .tab-detail > li{width:100%; height:auto; float:left; display:none; }
.books-content .book-detail text .tab-detail > li.line-big{line-height:28px; margin-top:-4px; }
.books-content .book-detail text .tab-detail > li.active{display:block; }
.books-content .book-detail text .tab-detail > li > span{width:100%; height:auto; float:left; margin-bottom:8px; }
.books-content .book-detail text .tab-detail > li > span > b{font-family:'PTSansBold'; }
.books-content .book-detail text .tab-detail > li > span > span{margin-left:14px; position:relative; }
.books-content .book-detail text .tab-detail > li > span > span:before{content:":"; width:5px; height:20px; position:absolute; left:-9px; top:0px; font-family:'PTSansBold'; }
.books-content .book-detail text .detail-footer{width:100%; height:auto; float:left; margin-top:15px; }
.books-content .book-detail text .detail-footer span{width:100%; height:auto; float:left; font-family:'PTSansBold'; color:#dd2f3d; margin-bottom:20px; }
.books-content .book-detail text .detail-footer a{width:auto; height:auto; float:left; padding:12.5px 25px; background-color:#1a1a1a; border-radius:3px; color:#fff; font-family:'PTSansBold'; margin-right:12px; margin-bottom:12px; cursor:pointer;  user-select:none; }

.authors-content{width:100%; height:auto; float:left; margin-top:35px; }
.authors-content .authors-searchbar{width:calc(100%); height:auto; float:left;  position:relative; }
.authors-content .authors-searchbar input[type=text]{width:calc(100% - 64px); height:auto; float:left; padding:12px; padding-right:50px; font-size:13px; color:rgba(48,49,52, 0.45); border:solid 1px #303134; }
.authors-content .authors-searchbar input[type=text]::placeholder{color:rgba(48,49,52, 0.45); }
.authors-content .authors-searchbar input[type=text]:-ms-input-placeholder{color:rgba(48,49,52, 0.45); }
.authors-content .authors-searchbar input[type=text]::-ms-input-placeholder{color:rgba(48,49,52, 0.45); }
.authors-content .authors-searchbar button{width:41px; height:41px; float:left; background:url(/assets/images/icon-search.png) no-repeat center center; border:none; position:absolute; top:0px; right:0px; cursor:pointer; }
.authors-content .authors-list{width:calc(100%); height:auto; float:left; margin-top:15px; }
.authors-content .authors-list > ul{width:100%; height:auto; float:left; }
.authors-content .authors-list > ul > li.item{width:140px; height:200px; float:left; padding:30px 40px 0px 40px; }
.authors-content .authors-list > ul > li.item > a{width:auto; height:auto; float:left; cursor:pointer; }
.authors-content .authors-list > ul > li.item > a > figure{width:140px; height:140px; line-height:140px; text-align:center; position:relative; border-radius:50%; background-color:#efefef; overflow:hidden; }
.authors-content .authors-list > ul > li.item > a > figure.none-image:before{content:'\f007'; width:140px; height:140px; font-family:'Line Awesome Free'; font-weight:900; font-size:82px; color:#ccc; position:absolute; left:0px; top:0px;  }
.authors-content .authors-list > ul > li.item > a > figure > img{width:140px; height:140px; float:left; position:relative; z-index:99; }
.authors-content .authors-list > ul > li.item > a > span{width:100%; height:auto; float:left; margin-top:12px; font-family:'PTSansBold'; font-size:14px; text-align:center; }
.authors-content .author-detail{width:calc(100% - 100px); height:auto; float:left; padding:0px 0px 0px 100px; }
.authors-content .author-detail > figure{width:360px; height:360px; line-height:360px; text-align:center; float:left; background-color:#efefef; position:relative; overflow:hidden; }
.authors-content .author-detail > figure.none-image:before{content:'\f007'; width:360px; height:360px; font-family:'Line Awesome Free'; font-weight:900; font-size:200px; color:#ccc; position:absolute; left:0px; top:0px; }
.authors-content .author-detail > figure > img{width:360px; height:360px; float:left; position:relative; z-index:99; }
.authors-content .author-detail > text{width:calc(100% - 520px); height:auto; float:left; margin-left:60px; }
.authors-content .author-detail > text > span.title{width:100%; height:auto; float:left; font-size:45px; font-family:'PlayfairDisplay'; }
.authors-content .author-detail > text > p.description{width:100%; height:auto; float:left; font-size:16px; line-height:28px; margin-top:40px; }
.authors-content .author-detail .author-books{width:100%; height:auto; float:left; margin-top:70px; }
.authors-content .author-detail .author-books > ul{width:100%; height:auto; float:left; }
.authors-content .author-detail .author-books > ul > li{width:135px; height:auto; float:left; margin-right:75px; margin-bottom:20px; }
.authors-content .author-detail .author-books > ul > li > a{width:auto; height:auto; float:left; }
.authors-content .author-detail .author-books > ul > li > a > figure{width:135px; height:auto; float:left; }
.authors-content .author-detail .author-books > ul > li > a > figure > img{width:100%; }
.authors-content .author-detail .author-books > ul > li > a > span{width:100%; height:70px; float:left; margin-top:12px; font-family:'PTSansBold'; font-size:14px; text-align:center; }

.contact-content{width:100%; height:auto; float:left; }
.contact-content .map{width:100%; height:370px; float:left; }
.contact-content .map-marker{width:51px; height:72px; background:url(/assets/images/babilkitap-map-marker.png) no-repeat; }
.contact-content .contact-box{width:calc(100% - 184px); height:auto; float:left; margin:50px 90px 0px 90px; border:solid 2px #1c1c1c; position:relative; }
.contact-content .contact-box .form{width:calc(61% - 60px); height:auto; float:left; padding:30px; }
.contact-content .contact-box .form > span{width:100%; height:auto; float:left; font-size:22px; margin-top:5px; margin-bottom:40px; }
.contact-content .contact-box .form > fieldset{width:100%; height:auto; float:left; margin-bottom:20px; }
.contact-content .contact-box .form > fieldset.cl-6{width:calc(50%); }
.contact-content .contact-box .form > fieldset.cl-6.offset{width:calc(50% - 30px); margin-right:30px; }
.contact-content .contact-box .form > fieldset > label{width:100%; height:auto; float:left; font-size:15px; color:#000; margin-bottom:10px; }
.contact-content .contact-box .form > fieldset > input{width:calc(100% - 24px); height:auto; float:left; padding:12px; font-size:14px; color:#000; border:solid 1px rgba(0,0,0,0.2); border-radius:4px; }
.contact-content .contact-box .form > fieldset > input::placeholder{color:rgba(48,49,52, 0.45); }
.contact-content .contact-box .form > fieldset > input:-ms-input-placeholder{color:rgba(48,49,52, 0.45); }
.contact-content .contact-box .form > fieldset > input::-ms-input-placeholder{color:rgba(48,49,52, 0.45); }
.contact-content .contact-box .form > fieldset > textarea{width:calc(100% - 24px); height:calc(135px - 24px); float:left; padding:12px; font-family:'PTSans'; font-size:14px; color:#000; border:solid 1px rgba(0,0,0,0.2); border-radius:4px; resize:none; }
.contact-content .contact-box .form > fieldset > textarea::placeholder{color:rgba(48,49,52, 0.45); }
.contact-content .contact-box .form > fieldset > textarea:-ms-input-placeholder{color:rgba(48,49,52, 0.45); }
.contact-content .contact-box .form > fieldset > textarea::-ms-input-placeholder{color:rgba(48,49,52, 0.45); }
.contact-content .contact-box .form > fieldset > button{width:auto; height:auto; float:left; padding:17px 41px; border:none; background-color:#1c1c1c; color:#fff; border-radius:3px; font-family:'PTSansBold'; font-size:16px; margin-top:20px; cursor:pointer; }
.contact-content .contact-box .form > fieldset > .fieldset-valid{width:100%; height:auto; float:left; color:#dd2f3d; color:#dd2f3d; font-size:14px; margin-top:5px; display:none; }
.contact-content .contact-box .form > fieldset > .fieldset-valid.on{display:block; }
.contact-content .contact-box .information{width:calc(39% - 120px); height:calc(100% - 180px); position:absolute; right:0px; top:0px; padding:90px 65px 90px 55px; background-color:#1c1c1c; color:#fff; font-size:15px; line-height:1.87; }
.contact-content .contact-box .information > span{width:100%; height:auto; float:left; font-family:'PlayfairDisplay'; font-size:22px; margin-bottom:20px; }
.contact-content .contact-box .information > ul{width:100%; height:auto; float:left; }
.contact-content .contact-box .information > ul > li{width:100%; height:auto; float:left; margin-bottom:30px; }
.contact-content .contact-box .information > ul > li:last-child{margin-bottom:0px; }
.contact-content .contact-box .information > ul > li > span{width:25px; height:auto; float:left; }
.contact-content .contact-box .information > ul > li > span > i{font-size:25px; color:rgba(255,255,255, 0.5); }
.contact-content .contact-box .information > ul > li > p{width:calc(100% - 32px); height:auto; float:left; margin-left:7px; }
.contact-content .contact-box .information > ul > li > ul.social-icons{width:100%; height:auto; float:left; }
.contact-content .contact-box .information > ul > li > ul.social-icons > li{width:auto; height:auto; float:left; margin-right:12px; }
.contact-content .contact-box .information > ul > li > ul.social-icons > li > a{width:30px; height:30px; float:left; line-height:37px; text-align:center; background-color:#fff; border-radius:50%; cursor:pointer; }
.contact-content .contact-box .information > ul > li > ul.social-icons > li > a > i{color:#1c1c1c; font-size:24px; }