@font-face {
    font-family: 'Manrope';
    src: url('fonts/Manrope-Medium.woff2');
}
@font-face {
    font-family: 'YesevaOne';
    src: url('fonts/YesevaOne-Regular.woff2');
}

* {
  margin:0;
  padding:0;
/*  box-sizing:border-box */
}
html, body{
	height: 100%;
	margin:0;
	max-height: 100%;
}
body{
	background-color: #313b3f;
	background-image: url('images/ugolok.png'), url('images/title.png');
	background-size: 90px auto, 235px auto;
	background-position: 1830px 1003px, 1620px 65px; 
	background-repeat: no-repeat, no-repeat;
}
body, p {
	font-family: 'YesevaOne';
	color: white;
}
a{
	color: white;
	text-decoration: none;
}
p{
	text-transform: uppercase;
}
p.sans-serif{
	font-family: 'Manrope';
	text-transform: none;
}
section{
	width: 1920px;
	height: 1080px;
}
.column{
	position: absolute;
	width: 480px;
	height: 1080px;
}
.column:nth-child(1){
	top: 0;
	left: 0;
}
.column:nth-child(2){
	top: 0;
	left: 480px;
}
.column:nth-child(3){
	top: 0;
	left: 960px;
}
.column:nth-child(4){
	top: 0;
	left: 1440px;
}
.column:nth-child(1) img{
	height:100%;
	width: auto;
}

p.logo{
	position: absolute;
	top: 65px;
	right: 70px;
	text-align: right;
	letter-spacing: 0.5px;
	font-size: 23px;
	color: #c9c9c2;
}
.book-cover img{
	width: 80%;
	max-width: 290px;
	height: auto;
	margin-top: 190px;
}

p.book-name{
	margin-top: 50px;
	color: #f9f8f8;
	font-size: 36px;
}
p.book-subtitle{
	margin-top: 40px;
	color: #f9f8f8;
	font-size: 23px;
}
p.book-subtitle.book-subtitle-2{
	margin-top: 30px;
}
p.book-publisher{
	margin-top: 70px;
	color: #f9f8f8;
	font-size: 14px;	
}
p.book-publisher-2{
	margin-top: 58px;
}
.arrow{
	width: 115px;
	height: auto;
	padding-top:30px;
	padding-bottom:30px;
	margin-top:-30px;
}
.arrow-top{
	height: 70px;
	width: auto;
}



/* Fancybox */
	
a[data-fancybox] img {
  cursor: zoom-in;
}

.fancybox__container {
  --fancybox-bg: #313b3f;
	background-image: url('images/ugolok.png');
	background-size: 90px auto;
	background-position: 1830px 1003px;
	background-repeat: no-repeat;
}

.fancybox__container .fancybox__content {
  box-sizing: content-box;
  padding: 0;
  background: transparent;
}

.fancybox__container .fancybox__carousel {
  margin: 0;
}

.fancybox__container .fancybox__slide {
  padding-top: 0;
  padding-bottom: 0;
}

.fancybox__caption {
  max-width: 80%;

  /* Prevent opacity change when dragging up/down */
  --fancybox-opacity: 1;
}

.fancybox__nav .carousel__button.is-prev {
  left: 190px;
}

.fancybox__nav .carousel__button.is-next {
  right: 190px;
}

.carousel__button.is-close {
  right: auto;
  top: 55px;
  left: 55px;
  width: 168px;
  height: 70px;
}

/* Slideshow container */
#slideshow > * {
	animation: 36s autoplay infinite linear;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.0
}

@keyframes autoplay {
  0% {opacity: 0.0}
  1.33% {opacity: 1.0}
  11.11% {opacity: 1.0}
  12.44% {opacity: 0.0}
  100% {opacity: 0.0}
}

#slideshow > *:nth-child(1) {animation-delay: 0s}
#slideshow > *:nth-child(2) {animation-delay: 4s}
#slideshow > *:nth-child(3) {animation-delay: 8s}
#slideshow > *:nth-child(4) {animation-delay: 12s}
#slideshow > *:nth-child(5) {animation-delay: 16s}
#slideshow > *:nth-child(6) {animation-delay: 20s}
#slideshow > *:nth-child(7) {animation-delay: 24s}
#slideshow > *:nth-child(8) {animation-delay: 28s}
#slideshow > *:nth-child(9) {animation-delay: 32s}