.reviewForm {
	display: flex;
	flex-direction: column
}

.reviewForm .button {
	align-items: center;
	display: flex;
	justify-content: center
}

.reviewInput {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 60%;
	margin-bottom: 20px
}

.image-upload>input {
	display: none
}

.reviewInput .styledinput {
	margin: 0
}

.buttonFormReview {
	margin-top: -20px;
	margin-bottom: -20px
}

.reviewInput {
	width: 69%;
	display: flex;
	align-items: center
}

.reviewInputTitle {
	width: 30%;
	height: 100%;
	margin-bottom: auto;
	display: flex
}

#reviewForm {
	align-items: center
}

div.reviewInput:nth-child(7)>div:nth-child(2) {
	width: 300px
}

div.reviewInput:nth-child(5)>div:nth-child(2) {
	margin-right: 90px
}

div.reviewInput:nth-child(6)>div:nth-child(2) {
	margin-right: 90px
}

li.reviews-admin>div:nth-child(2)::after {
	border-right: 2px dotted #51b7eb
}

.reviews-admin .reviews-ava {
	background: url(../imgs/svg/backgroundCircle-hover.svg);
	background-size: 100% 100%
}

.reviews-admin {
	margin-top: -20px
}

li.reviews-item::after {
	display: none
}

li.reviews-item {
	margin: 0
}

.prevprevButton {
	width: 40px;
	height: 40px;
	background: url(../imgs/svg/prevprevButton.svg);
	background-size: 100%;
	text-indent: -999999px;
	border: 0;
	cursor: pointer;
	z-index: 30000
}

.prevprevButton:hover {
	background: url(../imgs/svg/prevprevButton-hover.svg);
	background-size: 100%
}

.nextnextButton {
	width: 40px;
	height: 40px;
	background: url(../imgs/svg/nextnextButton.svg);
	background-size: 100%;
	text-indent: -999999px;
	border: 0;
	cursor: pointer;
	z-index: 30000
}

.nextnextButton:hover {
	background: url(../imgs/svg/nextnextButton-hover.svg);
	background-size: 100%
}

.paginationjs-prev {
	margin: 0 5px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background: url(../imgs/svg/prevButton.svg);
	background-size: 100%;
	text-indent: -999999px
}

.paginationjs-prev:hover {
	background: url(../imgs/svg/prevButtonHover.svg);
	background-size: 100%;
	text-indent: -999999px
}

.paginationjs-next {
	margin: 0 5px;
	width: 40px;
	cursor: pointer;
	height: 40px;
	background: url(../imgs/svg/nextButton.svg);
	background-size: 100%;
	text-indent: -999999px
}

.paginationjs-next:hover {
	background: url(../imgs/svg/nextButtonHover.svg);
	background-size: 100%;
	text-indent: -999999px
}

.paginationjs-page {
	width: 40px;
	height: 40px;
	background: url(../imgs/svg/backgroundCircle.svg);
	background-size: 100%;
	text-align: center
}

li.paginationjs-page>a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	color: #3c3d3a
}

li.paginationjs-page {
	margin: 0 5px;
	background-repeat: no-repeat
}

.reviews-ava {
	justify-content: center;
	align-items: center;
	display: flex;
	background: url(../imgs/svg/backgroundCircle.svg);
	background-size: auto;
	background-size: 100% 100%;
	width: 45px;
	height: 45px;
	padding: 7px
}

.reviews-ava img {
	width: 70%;
	margin: 0 0 2px 2px
}

li.reviews-item>div:nth-child(2)::after {
	content: '';
	top: 0;
	left: 0;
	width: 2px;
	height: 100%;
	position: absolute;
	border-right: 2px dotted #ffd220
}

li.reviews-item>div:nth-child(2) {
	position: relative;
	padding-left: 20px
}

li.reviews-item>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>span:nth-child(2)::after {
	content: '';
	top: 50%;
	left: 0;
	width: 17px;
	height: 17px;
	position: absolute;
	background: url(../imgs/svg/calendar.svg) no-repeat 50% 50%;
	background-size: cover;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

li.reviews-item>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>span:nth-child(2) {
	position: relative;
	padding-left: 25px;
	line-height: 1;
	padding-top: 5px;
	font-size: .9em;
	color: #b1b4b6
}

.reviews-item .reviews-title {
	position: relative;
	margin-bottom: 15px;
	display: flex;
	justify-content: space-between
}

.reviews-title ul {
	display: flex;
	align-items: center
}

.reviews-title ul li {
	width: 18px;
	height: 18px;
	background-size: 100%;
	margin: 0 3px
}

.reviews-title ul li img {
	width: 18px;
	height: 18px
}

#markInput>li>img {
	width: 25px
}

#markInput>li {
	margin-right: 11px
}

li.reviews-item>div:nth-child(1)>div:nth-child(1) {
	display: flex
}

li.reviews-item>div:nth-child(1)>div:nth-child(1)>div:nth-child(2) {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: 12px
}

.paginationjs-pages>ul:nth-child(1) {
	display: flex;
	justify-content: center;
	align-items: center
}

#pagination-container>div:nth-child(1) {
	display: flex;
	justify-content: space-around
}

#pagination-container {
	position: relative;
	margin-top: 23px;
	margin-bottom: 45px
}

#pagination-container>div:nth-child(1) {
	z-index: 0
}

.paginationjs {
	z-index: 1;
	position: relative
}

.image-upload>label:nth-child(1) {
	margin-left: 72px
}

.image-upload>label:nth-child(1)>img:nth-child(1) {
	width: 50px
}

div.reviewInput:nth-child(8) {
	justify-content: flex-start
}

.paginationjs-page:hover {
	background: url(../imgs/svg/backgroundCircle-hover.svg);
	background-size: 100%;
	background-repeat: no-repeat
}

.paginationjs-page:hover a {
	color: #fff
}

.paginationjs-page.active {
	background: url(../imgs/svg/backgroundCircle-hover.svg);
	background-size: 100%;
	background-repeat: no-repeat
}

.paginationjs-page.active a {
	color: #fff
}

.reviewInput .imgPreview {
	width: 66px;
	margin-left: 7px;
	max-height: 58px;
	position: relative
}

div.reviewInput:nth-child(9) {
	justify-content: center;
	margin-top: 60px;
	margin-bottom: 5px
}

#reviewsend {
	margin-right: 49px
}

#reviewForm>h2:nth-child(3) {
	margin-top: 40px;
	margin-bottom: 45px
}

.reviewForm.is-active {
	transform: translateX(0)
}

.reviewForm input.buttonMain:nth-child(1) {
	margin-right: 47px
}

.buttonCancel {
	color: #00aee0;
	font-size: 17px;
	font-weight: 400;
	line-height: 25.82px;
	display: inline-block;
	border-bottom: 2px dashed #00aee0;
	cursor: pointer
}

.buttonCancel:hover {
	border-bottom: 2px dashed #00afe000;
	cursor: pointer
}

form .reviewInput .styledinput input {
	font-size: .9em;
	color: #000
}

form .reviewInput .styledinput input::placeholder {
	color: #b1b4b6;
	opacity: 1
}

div.reviewInput>div:nth-child(2)>input:nth-child(1) {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 20px
}

div.reviewInput>div:nth-child(2)>textarea:nth-child(1) {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 20px;
	padding-top: 10px
}

.reviews-item:first-child {
	margin-top: 20px
}

div.reviewInput:nth-child(7)>div:nth-child(2) {
	height: 100px
}

#image-upload {
	display: flex;
	align-items: flex-start;
	justify-content: center
}

#fileInputContainer {
	display: grid;
	flex-wrap: wrap;
	grid-template-columns: 1fr 1fr 1fr
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}






.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}

[dir="rtl"] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}



.reviews-item > .images {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	margin-top: 18px;
	gap: 10px;
  }
  
  .reviews-item > .images > img {
	width: 100%;
	height: 100px;
	object-fit: cover;
	border-radius: 5px;
  }