
.storytel-main .audiobook__container {
	margin-top: 75px;
	margin-bottom: 50px
}

.storytel-main .audiobook__container {
	margin-top: 75px;
	margin-bottom: 50px
}

.storytel-main .audiobook__container .audiobooks {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -15px;
	cursor: pointer
}

.storytel-main .audiobook__container .audiobooks .audiobook {
	display: block;
	width: -webkit-calc(16.666% - 30px);
	width: calc(16.666% - 30px);
	float: left;
	margin: 15px;
	position: relative
}

.storytel-main .audiobook__container .audiobooks.audiobooks-normal .audiobook {
	width: -webkit-calc(16.666% - 45px);
	width: calc(16.666% - 45px);
}


.storytel-main .audiobook__container .audiobooks.audiobooks-normal .audiobook:not(.second) {
	margin-left: 30px
}

.storytel-main .audiobook__container .audiobooks.audiobooks-normal .audiobook.second {
	margin-right: 30px
}

.storytel-main .audiobook__container .audiobooks .audiobook .icon {
	display: block;
  width: 40px;
  height: 40px;
  background: url(../img/zabka_icon.png);
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: -15px;
  right: -15px;
  border-radius: 50%;
  border: 1px solid #72b46c;
}

.storytel-main .audiobook__container .audiobooks .audiobook .cover {
	width: 100%;
	height: auto;
	padding-top: 100%;
	margin-bottom: 15px;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center
}

.storytel-main .audiobook__container .audiobooks .audiobook .title {
	line-height: 1.2;
	font-family: Nunito, Helvetica, Arial, sans-serif;
	font-size: 20px;
	text-align: center;
	letter-spacing: initial;
	margin: 0
}

.storytel-main .audiobook__container .audiobooks .audiobook:hover .title {
	color: #7db903
}

.storytel-main .audiobook__container .info {
	width: 100%;
	position: relative
}

.storytel-main .audiobook__container .info .row {
	position: relative
}

.storytel-main .audiobook__container .info .btn-back {
	width: 40px;
	position: absolute;
	top: 0;
	right: 0
}

.storytel-main .audiobook__container .info .box {
	width: 100vw;
	background: #f8f8f8;
	padding: 50px 0;
	margin-bottom: 30px;
	position: relative;
	top: 0
}

.storytel-main .audiobook__container .info .box .load {
	display: block;
	margin: 0 auto
}

.storytel-main .audiobook__container .info .box .col-cover {
	margin-left: 8.333%
}

.storytel-main .audiobook__container .info .box .col-data {
	margin-left: 8.333%
}

.storytel-main .audiobook__container .info .box .cover {
	width: 100%;
	height: auto;
	padding-top: 100%;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover
}

.storytel-main .audiobook__container .info .box .btn-primary {
	width: 100%;
	margin-top: 20px;
	padding: 15px 0;
	color: #7db903
}


.storytel-main .audiobook__container .info .box .story_title {
	font-family: "Mocha Mattari", Helvetica, Arial, sans-serif;
	font-size: 42px;
	font-weight: 400;
	line-height: 1.18;
	letter-spacing: .84px;
	color: #061829;
	margin-bottom: 20px
}

.storytel-main .audiobook__container .info .box .data {
	font-family: Nunito, Helvetica, Arial, sans-serif;
	font-size: 17px;
	margin-bottom: 20px
}

.storytel-main .audiobook__container .info .box .data.second {
	margin-bottom: 0
}

.storytel-main .audiobook__container .info .box .data span {
	display: inline-block;
	color: #ababab;
	margin-right: 30px
}

.storytel-main .audiobook__container .info .box .data span span {
	color: #061829;
	margin-right: 0
}

.storytel-main .audiobook__container .info .box .description {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 20px;
	font-family: Nunito, Helvetica, Arial, sans-serif;
	font-size: 19px;
	line-height: 30px
}
.storytel-main .audiobook__container .info .box .description img {
	display: inline-block;
}

.storytel-main .audiobook__container .info .box .description .cl {
	width: 50%;
	padding: 0 15px 0 0
}

.storytel-main .audiobook__container .info .box .description .cl+.cl {
	padding: 0 0 0 15px
}






@media (max-width:992px) {
	.storytel-main .audiobook__container .audiobooks .audiobook {
		width: -webkit-calc(50% - 30px);
		width: calc(50% - 30px);
	}
	.storytel-main .audiobook__container .audiobooks.audiobooks-normal .audiobook {
		width: -webkit-calc(50% - 45px);
		width: calc(50% - 45px);
	}
	.storytel-main .audiobook__container .info .btn-back {
		right: 15px;
		top: -50px
	}
	.storytel-main .audiobook__container .info .box {
		left: 0;
		padding: 70px 0 50px
	}
	.storytel-main .audiobook__container .info .box .col-cover {
		margin-left: 0
	}
	.storytel-main .audiobook__container .info .box .col-data {
		margin-left: 0;
		margin-top: 20px
	}
	.storytel-main .audiobook__container .info .box .description .cl {
		width: 100%;
		padding: 0!important
	}
	.storytel-main .audiobook__container .info .box .data span {
		display: block
	}
}

@media (min-width:768px) {
	.storytel-main .audiobook__container .audiobooks .audiobook {
		width: -webkit-calc(25% - 30px);
		width: calc(25% - 30px);
	}
	.storytel-main .audiobook__container .audiobooks.audiobooks-normal .audiobook {
		width: -webkit-calc(25% - 45px);
		width: calc(25% - 45px);
	}
	.storytel-main .audiobook__container .info .box {
		left: -webkit-calc((100vw - 750px)/ -2);
		left: calc((100vw - 750px)/ -2)
	}
}

@media (min-width:992px) {
	.storytel-main .audiobook__container .info .box {
		left: -webkit-calc((100vw - 970px)/ -2);
		left: calc((100vw - 970px)/ -2)
	}
}

@media (min-width:1200px) {
	.storytel-main .audiobook__container .audiobooks .audiobook {
		width: -webkit-calc(16.666% - 30px);
		width: calc(16.666% - 30px);
	}
	.storytel-main .audiobook__container .audiobooks.audiobooks-normal .audiobook {
		width: -webkit-calc(16.666% - 45px);
		width: calc(16.666% - 45px);
	}
	.storytel-main .audiobook__container .info .box {
		left: -webkit-calc((100vw - 1170px)/ -2);
		left: calc((100vw - 1170px)/ -2)
	}

	.storytel-main .audiobook__container .audiobooks .audiobook .icon {
	  width: 55px;
	  height: 55px;
	  top: -25px;
	  right: -25px;
	  border: 1px solid #72b46c;
	}
}

@media (min-width:1460px) {
	.storytel-main .audiobooks.audiobooks-normal {
		margin: 0 -39px;
	}
	.storytel-main .audiobook__container .audiobooks.audiobooks-normal .audiobook:not(.second) {
	  margin-left: 39px;
	}
	.storytel-main .audiobook__container .audiobooks.audiobooks-normal .audiobook.second {
    margin-right: 39px;
	}

	.storytel-main .audiobook__container .audiobooks .audiobook {
		width: -webkit-calc(16.666% - 30px);
		width: calc(16.666% - 30px);
	}
	.storytel-main .audiobook__container .audiobooks.audiobooks-normal .audiobook {
		width: -webkit-calc(16.666% - 54px);
		width: calc(16.666% - 54px);
	}
	.storytel-main .audiobook__container .info .box {
		left: -webkit-calc((100% - 1390px)/ -2);
		left: calc((100% - 1390px)/ -2)
	}
}

@media (min-width:1730px) {
	.storytel-main .audiobook__container .audiobooks .audiobook {
		width: -webkit-calc(16.666% - 30px);
		width: calc(16.666% - 30px)
	}
	.storytel-main .audiobook__container .audiobooks.audiobooks-normal .audiobook {
		width: -webkit-calc(16.666% - 54px);
		width: calc(16.666% - 54px);
	}
	.storytel-main .audiobook__container .info .box {
		left: -webkit-calc((100% - 1510px)/ -2);
		left: calc((100% - 1510px)/ -2)
	}
}
