body{margin:0 auto;padding:0;width:100%;font:17px Verdana,sans-serif;color:#333}
ul li{list-style-type:none;display:table-cell}
a{text-decoration:none;color:#333;outline:none}
.clear{clear:both}
header{background-color:#f5ebe6;padding-top:30px}
#menu{background-color:rgba(255, 255, 255, 1);margin:0 auto;width:1300px;display:flex;border-radius: 8px;}
#menu img{align-self:center;margin:6px 10px 4px 15px;width:50px}
h1{padding:0;margin:0;font-size:23px;font-weight:normal;display:flex;margin-bottom:-4px}
#menu span{font-size:16px}
#menu a:nth-child(2){padding:8px;display:block;padding-left:70px;margin-left:-64px}
nav{align-self:center;margin-left:auto;margin-right:40px}
nav a, #menu nav span{margin:0 12px;padding-bottom:21px;font-size:17px}
nav a:hover, nav span{color:#c27b7f}
nav a:hover, nav span{border-bottom:2px solid #c27b7f}
#social img{width:30px}
#social{width:40px;margin:auto 30px auto 0}
#head{width:1300px;margin:0 auto;min-height:760px;height:75vh;position:relative}
.all{width:1300px;height:600px;}
#book{width:230px;position:absolute;right:178px;top:120px;box-shadow: 7px 7px 10px 2px rgba(0, 0, 0, 0.4);z-index:10}
.holder img{box-shadow: 7px 7px 10px 2px rgba(0, 0, 0, 0.4);margin-bottom:10px;backdrop-filter: blur(0);}
#graphic:after{content:"";width:400px;height:400px;display: block;border-radius:400px;background-color:#f8dfc9;position:absolute;right:95px;top:167px;z-index:9}
#graphic img{backdrop-filter: blur(0);}
#title{margin:160px 0 0 30px;width:620px}
#title b{color:#c27b7f;font-weight:bold;font-size:15px}
#title h2{font-weight:normal;font-size:32px;margin:10px 0 30px 0}
#title p{line-height:28px;margin:0}
.button, .dark{display:inline-block;margin-right:10px}
.all .button, .all .dark{display:table-cell;padding-right:16px}
.button a{display:inline-block;background:none;color:#c27b7f;padding:7px 15px 8px 15px;border-radius:4px;border:2px solid #c27b7f;margin-top:15px;transition:.3s ease}
.button a:hover{background-color:#c27b7f;color:#fff}
.dark a{display:inline-block;background-color:#c27b7f;color:#fff;padding:7px 15px 8px 15px;border-radius:4px;border:2px solid #c27b7f;margin-top:15px;transition:.3s ease;}
.dark a:hover{background:none;color:#c27b7f}
button.dark {display:inline-block;background-color:#c27b7f;color:#fff;padding:0 10px 0 10px;height: 36px; vertical-align: middle;border-radius:4px;border:2px solid #c27b7f;margin-top:15px;transition:.3s ease;font-size:20px;cursor:pointer}
button.dark:hover{background:none;color:#c27b7f}
#aboutme{width:1300px;margin:0 auto;padding-top:50px}
section h2{text-align:center;margin-bottom:30px;font-weight:normal}
.divider{border:1px solid #c27b7f;width:150px;margin:0 auto;position:relative}
.divider:before{position:absolute;content:"";width:18px;height:18px;background-color:#c27b7f;top:-9px;opacity:0.4;left:47%;transform:rotate(45deg)}
.divider:after{position:absolute;content:"";width:18px;height:18px;background:#c27b7f;top:-9px;right:47%;opacity:0.4;transform:rotate(45deg)}
#about{display:flex;gap:50px;margin:65px 0 70px 0}
#bg h2{padding-top:40px}
.container{width:380px;margin:0 auto;padding:50px 0 0 0;display:inline-block}
.container img{width:380px}
.container p{margin:0;line-height:28px}
.hold p{text-align:left}
.upper b{text-transform:uppercase}

footer{background-color:#f5ebe6;font-size:14px;clear:both}
#footer{width:1300px;margin:0 auto;padding:15px 0}
#footer a{color:#c27b7f}
#books{width:1300px;margin:0 auto;padding-top:50px}
#bookbtn{position:absolute;bottom:0px;right:44px}
#bookbtndark{position:absolute;bottom:0px;right:66px;margin-bottom:70px}


#mybooks{background-color:#f5ebe6}
#booksl{width:min(95%,1300px);margin:0 auto;padding-bottom:80px;}
#booksl h2{padding-top:70px;margin-top:0}

.holder{display:inline-block;width:300px;padding:0 45px;vertical-align:top}
.hold{display:inline-block;width:380px;padding:0 25px;vertical-align:top}

.holder img{width:100%}
.hold img{width:100%}


/* Contacts */


#searchpage{width:1300px;margin:0 auto;padding-top:26px;padding-bottom:40px;min-height:770px;position:relative}

#searchpage #search input {width: 200px;}
#searchpage .divider{margin-bottom:50px}
#searchpage img{width:400px;float:left;margin-right:30px}
#searchpage a{color:#c27b7f}
#searchpage p{line-height:28px}
#searchpage h2{text-align:left;padding-top:20px;padding-bottom:0;margin:0;font-size:22px}
#searchpage hr{border:0 none;border-top:1px dashed #ddd}


#menu form{display:flex}
#search{margin:0 15px 0 0;align-self:center}
#search .dark{margin:0}
#search input{width:130px;height:30px;border:2px solid #f5ebe6;border-right:0 none;vertical-align:middle;font-size:17px;margin:0 -5px 0 0;padding:1px 10px 1px 5px}
#search input:focus{border:2px solid #c27b7f;border-right:0 none;outline:0 none}
#search input::placeholder{color:#ccc}
#search input:focus::placeholder{color:transparent}

/* Slider */

.flickity-enabled{position:relative}
.flickity-enabled:focus{outline:0}
.flickity-viewport{overflow:hidden;position:relative;max-height:auto}
.flickity-slider{position:absolute;width:100%;height:100%;}
.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}
.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}
.flickity-button:hover{background:#fff;cursor:pointer}
.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}
.flickity-button:active{opacity:.6}
.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}
.flickity-button-icon{fill:currentColor}
.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}
.flickity-prev-next-button.previous{left:10px}
.flickity-prev-next-button.next{right:10px}
.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}
.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}
.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%;color:#444}
.flickity-page-dots{position:absolute;width:100%;bottom:90px;padding:0;margin:0;list-style:none;text-align:center;line-height:1;z-index:2}
.flickity-rtl .flickity-page-dots{direction:rtl}
.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}
.flickity-page-dots .dot.is-selected{opacity:1}
#slide{clear:both;max-height:auto;overflow:hidden}
#head{max-width:1400px;margin:0 auto;position:relative}
#slide .flickity-prev-next-button .flickity-button-icon{position:absolute;left:27%;top:20%;width:48%;height:60%;color:#555}
#slide .flickity-prev-next-button.previous{right:80px;left:auto}
#slide .flickity-prev-next-button{top:85%;margin-right:60px;zoom:0.9}

/* Slide 2 */

#slidetwo{width:min(95%,1330px);margin:0 auto;position:relative;padding:6px 0 0 0}
#slidetwo .flickity-prev-next-button.previous{position:absolute;left:auto;right:84px;bottom:0;z-index:3}
#slidetwo .flickity-prev-next-button.next{position:absolute;right:auto;right:24px;bottom:0;z-index:3}
#slidetwo .flickity-prev-next-button .flickity-button-icon{position:absolute;left:27%;top:20%;width:48%;height:60%;color:#555}
#slidetwo .flickity-prev-next-button{top:85%;margin-right:60px;zoom:0.9}
#slidetwo .flickity-viewport{max-height:auto}
.hidden{max-height:270px;overflow:hidden}

#sslide{min-height:auto;padding-bottom:220px}
#sslide{padding-top:10px}


/* Slide 3 */

#bookslide{width:min(95%,1430px);margin:0 auto;position:relative}
#bookslide .flickity-prev-next-button.previous{position:absolute;left:auto;right:60px;bottom:0;z-index:3}
#bookslide .flickity-prev-next-button.next{position:absolute;right:auto;right:0px;bottom:0;z-index:3}
#bookslide .flickity-prev-next-button .flickity-button-icon{position:absolute;left:27%;top:20%;width:48%;height:60%;color:#555}
#bookslide .flickity-prev-next-button{top:85%;margin-right:60px;zoom:0.9}
#bookslide .flickity-viewport{max-height:auto}


#bookrow{min-height:auto;padding-bottom:150px}
#bookrow{padding-top:70px;}

#bookrow div p{padding:0;margin:8px 0 0 0}
#bookrow div a{color:#c27b7f;font-size:16px;}
#bookrow div a:hover{color:#945d60}
#bookslide .flickity-button{position:absolute;background:hsla(20, 41%, 93%, .75);border:none;color:#333}
#bookslide .flickity-button:hover{background:#f5ebe6;cursor:pointer}

/* Books */

#innerpage h2{padding-top:26px}
#inner_head{padding:22px 0}
#bookspage{width:1300px;margin:50px auto;display:table}
#bookspage div{display:inline-block;padding:12px 12px 30px 12px;vertical-align:top}
#bookspage p{margin:6px 0 0 0}
#bookspage a{color:#c27b7f;font-size:16px;}
#bookspage a:hover{color:#945d60}
#bookspage #txt{width:1270px;padding:0 12px 30px 12px}
#bookspage img{width:300px}

/* Stories */

#stories{width:1315px;margin:0 auto;padding-bottom:40px}
#stories h2{padding-top:26px}
.story{width:380px;margin:12px auto 0 auto;padding:50px 25px 30px 25px;display:inline-block;vertical-align:top;overflow-wrap: break-word}
.story img{width:380px}
.story p{margin:0;line-height:28px}

/* About */

#aboutp{width:1300px;margin:0 auto;padding-top:26px}
#aboutp #about{padding-bottom:20px}

/* Contacts */

#contact{width:1300px;margin:0 auto;padding-top:26px;min-height:770px}
#contact .divider{margin-bottom:50px}
#contact img{width:400px;float:left;margin-right:30px}
#contact a{color:#c27b7f}
#contact p{line-height:28px}

/* excerpt */

#excerpt{width:1300px;margin:0 auto;padding-top:26px;min-height:770px}
#excerpt .divider{margin-bottom:50px}
#excerpt img{width:200px;float:left;margin:0 30px 10px 0}
#excerpt .button a{text-decoration:none}
#excerpt a{color:#c27b7f;text-decoration:underline}
#excerpt a:hover{color:#945d60}
#excerpt .button a:hover{color:#fff}
#excerpt p{line-height:24px;margin:10px 0}
#excerpt h2{padding-top:40px}
#marginb{margin-bottom:50px}

/* essay */

#date{float:left;color:#555;font-size:13px}
#essay{width:1300px;margin:0 auto;padding:26px 0 40px 0;min-height:900px}
#essay .divider{margin-bottom:50px}
#essay img{max-width: 250px;float:left;margin:20px 30px 10px 0}
#essay .button a{text-decoration:none}
#essay a{color:#c27b7f;text-decoration:underline}
#essay a:hover{color:#945d60}
#essay .button a:hover{color:#fff}
#essay p{line-height:24px;}

/* Mobile menu */

.contmen{display:none;cursor:pointer;position:absolute;padding:20px;top:5px;right:5px;position:fixed;z-index:9}
.bar1,.bar2,.bar3{width:30px;height:3px;background-color:#c27b7f;margin:6px 0;transition:0.4s;opacity:.6}
.contmen:hover > .bar1,.contmen:hover > .bar2,.contmen:hover > .bar3{opacity:1}
.change .bar1{transform:rotate(-45deg) translate(-4px,4px)}
.change .bar2{opacity:0}
.change:hover > .bar2{opacity:0}
.change .bar3{transform:rotate(45deg) translate(-9px,-9px)}
.mainmanuold{position:absolute;top:-1000px}
.overflow{height:100%;overflow:hidden}
.mainmanu{background-color:#fff;position:absolute;position:fixed;width:100%;height:100%;top:0;z-index:8;transition:.5s;opacity:.9}
#mainmanu ul{height:100%;font-size:1.1em;padding:0;margin:0;display:flex;align-items:center;justify-content:center;flex-direction:column}
#mainmanu ul li{list-style-type:none;padding:4px}
#mainmanu ul a{color:#333;line-height:40px;padding:2px 10px;transition:.1s}

/* Scroll */

.scrollup{width:50px;height:50px;background-color:#c27b7f;position:fixed;bottom:50px;right:50px;transform:translateY(100px);opacity:0.8;z-index:3;transition:.5s}
.scrollup:hover{opacity:0.9}
.scrollup::after{content:'\005e';color:#fff;font-size:51px;font:24px Verdana;left:0;right:0;top:13px;bottom:0;position:absolute;text-align:center}

/* circles */

#slide{position:relative;z-index:1}
@keyframes movecircles {0%{margin-left:400px;}100%{margin-left:-1000px}}
.circle {width:70px;height:70px;border-radius:50%;position:absolute;overflow:hidden;z-index:0;opacity:.3;border:5px solid #c27b7f;z-index:0}
.x1 {animation:movecircles 25s linear infinite;top:50px;left:400px;}
.x2 {left:0;top:150px;transform:scale(0.6);animation:movecircles 20s linear infinite;}
.x3 {left:100px;bottom:250px;transform:scale(0.8);animation:movecircles 50s linear infinite;}
.x4 {left:600px;bottom:300px;transform:scale(0.75);animation:movecircles 45s linear infinite;}
.x5 {left:50px;bottom:50px;transform:scale(0.8);animation:movecircles 30s linear infinite;}

/* Mobile */

@media all and (max-width:1300px){
#head{width:90%}
#aboutme, #footer{width:95%;margin:0 auto;}

#about img{width:40vw}
.holder{width:100%;display:table-cell}
.container,#menu{width:100%}
.all{width:95vw}
#bookspage,#bookspage #txt, #stories,#aboutp,#contact,#excerpt,#essay, #bg{width:95%;margin-left:auto;margin-right:auto;}
.story img {width: 100%}
.story {width:100%;padding:50px 0 0px 0}
#contact img{padding-bottom:20px;width:100%;}
}

@media all and (max-width:1200px){
#menu #search, #slide{display:none}
#slide, .circle{display:none}
#head{height:50px;min-height:50px}
.holder{width:20%;padding:0 10px}
.container img{width:100%}
}

@media all and (max-width:1000px){
nav{display:none}
.carousel-cell{width:96vw;padding:0;margin:0}
.holder{width:30vw;padding:0 1vw;display:table-cell}
.holder img{width:30vw}
#bookrow{min-height:67vw;padding-bottom:100px}
.contmen{display:block}
.scrollup{bottom:25px;right:25px;}
header {padding-top: 12px;}
#head {height:44px;min-height:44px;}
}

@media all and (max-width:790px){
#about{display:inline-block}
#about img{display:none}
.holder{width:95%;display:block;padding-bottom:70px;margin:0 auto;text-align:center}
.hold{display:block;}
.flickity-button{display:none}
.holder img{width:200px}
.hold img{width:100%}
#aboutme, #footer{width:90%}
#bookspage,#bookspage #txt, #stories,#aboutp,#contact,#excerpt,#essay, #bg{width:90%;margin-left:auto;margin-right:auto;}
#bookbtn{right:50px;left:50px;margin:auto;text-align:center}
#bookbtndark{right:50px;left:50px;text-align:center;margin-bottom:40px;}
#booksl h2{margin-top:0}
#bookrow{padding-top:50px;margin-bottom:50px;padding-bottom:55px}
.holder, .hold{padding-bottom:40px}
.container{padding-top:20px}
#mybooks h2{padding-top:35px}
#aboutme{padding-top:20px}
#about{margin-top:30px}
.flickity-page-dots{display:none}
#sslide{padding-bottom:0}
#excerpt .button{display:table-cell;padding-right:20px}
#slidetwo{width:100%}
.carousel-cell{display:none}
.carousel-cell.is-selected{display:block}
.hold {width:94%;text-align: center;padding-left:0;padding-right:0;margin:0 auto}
}

@media all and (max-width:500px){
#excerpt img{margin: 20px 100% 25px 0;}
#essay img{margin: 20px 100% 25px 0;}
#bg h2{padding-top:20px}
#booksl{padding-bottom:18px}

}