[data-pp]{
  display: none;
  max-width: 460px;
  position: fixed;
  z-index: 30;
  border-radius: 6px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  padding: 30px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-230px, -230px);
          transform: translate(-230px, -230px);
}
[data-pp] .holder{
  max-width: 100%;
  max-height: calc(100vh - 60px);
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  [data-pp]{
    border-radius: 0;
    max-width: 100%;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    max-height: 100vh;
  }

}

[data-pp] .card__popup__close:after,
[data-pp] .card__popup__close:before{
  display: none;
}

[data-pp] .card__popup__close{
  background: #fff;
  padding: 5px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: fixed;
  top: 10px;
  right: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  opacity: 1;
}

[data-pp] .caption{
  font-size: 14px;
  text-align: center;
  margin-bottom: 1em;
}

[data-pp] label{
  width: 100%;
  display: block;
  margin-bottom: 0.3em;
}

[data-pp] input[type="text"]{
  width: 100%;
  display: block;
  line-height: 34px;
  height: 34px;
  margin-bottom: 1em;
}

[data-pp] .card__popup__close:hover, [data-pp] .card__popup__close:focus{
  opacity: 0.7;
}

[data-pp] .card__popup__close svg{
  width: 14px;
  height: 14px;
  fill: #AFAFAF;
}

.underlay{
  position: fixed;
  z-index: 19;
  background-color: rgba(0, 0, 0, 0.75);
  top: 0;
  left: 0;
  display: none;
}
.video-box {
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin: 30px auto;
}

.video-box iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.img-box {
    width: 100%;
  	max-width: 600px;
	margin: 10px auto;
}

.img-box p {
    font-family: Georgia,sans-serif;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    font-style: italic;
    margin-top: 10px;
    margin-bottom: 5px;
}

blockquote {
	border-left: 4px solid #93bf3d;
    margin-left: 15px;
    padding-left: 15px;
}

/* custom css ak*/
img.center-rotate{
	position: absolute;
	width: 65px;
	height: 65px;
    top: 15px;
    left: 15px;
	z-index: 100;
}

img.center-rotate{

}
img.rotate{
	position: relative;
/*
	animation: 10s linear 0s normal none infinite running rotateback;
	-webkit-animation: 10s linear 0s normal none infinite running rotateback;

	transition: transform 0.5s linear;
*/
}


img.center-rotate + img.rotate{
  animation: 10s linear 0s normal none infinite paused rotate;
  -webkit-animation: 10s linear 0s normal none infinite paused rotate;
  width: 100px;
}
img.center-rotate:hover + img.rotate{
	animation-play-state: running;
}

@keyframes rotate {
	0% { transform: rotate(0deg);}
	25% { transform: rotate(90deg);}
	50% { transform: rotate(180deg);}
	75% { transform: rotate(270deg);}
	100% { transform: rotate(360deg);}
}

@-webkit-keyframes rotate {
	0% { transform: rotate(0deg);}
	25% { transform: rotate(90deg);}
	50% { transform: rotate(180deg);}
	75% { transform: rotate(270deg);}
	100% { transform: rotate(360deg);}
}

@keyframes rotateback {
	0% { transform: rotate(360deg);}
	25% { transform: rotate(270deg);}
	50% { transform: rotate(180deg);}
	75% { transform: rotate(90deg);}
	100% { transform: rotate(0deg);}
}
@-webkit-keyframes rotateback {
	0% { transform: rotate(360deg);}
	25% { transform: rotate(270deg);}
	50% { transform: rotate(180deg);}
	75% { transform: rotate(90deg);}
	100% { transform: rotate(0deg);}

}

/* kino */

/* body + div[is-visible] */

#detach-button-host {
  display: none !important;
}

/* block over kino */

.header__gallery-ctr{
	height: 650px;
	max-width: 1454px;
	margin: 0 auto;
	padding: 0 15px;
	/*  margin-top: 180px;
	margin-bottom: 780px; */
}

.parallax {
  /* margin-top: 200px; */
  perspective: 1px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
	width: 100%;
}

.parallax__group1 {
  position: relative;
  height: 1605px;
  /* max-height: 700px;  */
  transform-style: preserve-3d;
}

.parallax__group2 {
  position: relative;
  height: 0rem;
  /* max-height: 700px;  */
  transform-style: preserve-3d;
}
.parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -4px;
}

.parallax__layer--base {
  transform: translateZ(0);
}

.parallax__layer--back {
  transform: translateZ(0px) scale(1);
/* height: 100%; */

}
.filmbgauto{
	width: 100%;
/*	position: fixed;
	height: 600px; */
	z-index: 2;
}

.filmbgauto video{
	width: 100%;
	height:650px;
	object-fit: cover;
}

.bg-mainblockover{
	background-color: white;
	margin-top: 640px;
	max-height: 250px;
}
.mainblockover{
	/*margin-top: 500px; */
	position: relative;
	top: -100px;
	z-index: 20;
	background-color: white;
	color:black;
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap: nowrap;
	min-height: 10rem;

}

.mainblockover::after{
	content: ' ';
	width: 8px;
	background: linear-gradient(180deg, #ECEFF5 34.38%, rgba(236, 239, 245, 0) 100%);
}

.progress-bar {
    position: relative;
    /*left: 0;
    top: 0;*/
    height: 8px; 
    /* width: 8px; */
    background: #93bf3d;
	z-index:100;
}

@media screen and (min-width: 1200px){
	.mainblockover{
	max-width: calc(100% - 30px);
	margin: 0 auto;
	}
}

@media screen and (min-width: 1400px){
	.mainblockover{
	max-width: 1432px;
	}
}

.mainblockover h2{
	color: #38485C;
}
.mainblockover-title{
	display: flex;
	max-width: 40%;
	flex-wrap: wrap;
	padding: 32px 32px 24px 32px;
}
.mainblockover-title h2{
	font-family: RalewayBold;
	color: #38485C;
	font-size: 64px;
	font-weight: 700;
	line-height: 75px;
}
.mainblockover-text{
	/*display: flex;
	max-width: 40%; */
	flex-wrap: wrap;
	font-size: 0.8rem;
	line-height: 1rem;
	padding: 32px 32px 24px 32px;
	color: #38485C;
}
.mainblockover-text-title {
	font-family: RalewayBold;
	flex-wrap: wrap;
	font-size: 20px;
	line-height: 26px;

	/* padding: 32px 32px 24px 32px; */
}
.mainblockover-text p {
	font-family: RalewayRegular;
	font-size: 16px;
	line-height: 26px;

	/* flex-wrap: wrap;
	font-size: 0.8rem;
	line-height: 1rem;
	padding: 32px 32px 24px 32px; */
}