.cover-video {

    width: 100%;

    height: auto;

    margin-bottom: -7px;

    z-index: -1;

    pointer-events: none;

}



@media(max-width: 980px) {

    .cover-video {

        position: absolute;

        top: 0;

        right: 0;

        width: 1066px;

        margin-bottom: 0;

    }

}



.tab.tab-active {

    background-color: #25b376 !important;

}



h2 {

	text-align: center;

	font-weight: 400;

	margin-bottom: 0em;

}



.gallery {

	margin: 0;

	width: 100%;

}



.round img {

	border-radius: 8px;

}



.gallery img {

	width: 100%;

	height: auto;

}



.task {

	margin: 0;

}



.custom-text {

	position: absolute;

	z-index: 3;

	width: 100%;

	color: #fff;

	text-align: left;

}



#korob-pointer {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: auto;

	z-index: 2;

	opacity: 0.2;

	transition: opacity ease-in .3s;



}



.korob-dark {

	position: relative;

}



.korob-dark #light {

	position: absolute;

	top: 0;

	left: 0;

	opacity: 0;

	transition: opacity ease-in .3s;



}



.korob-dark .top-comments {

	position: absolute;

	bottom: 64%;

	left: 0;

	z-index: 3;

	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: center;
	justify-content: center;

	width: 100%;

}



.korob-dark .top-comments .announce__picture-note2 {

	width: 16em;

	margin: 0 4em;

	color: #fff;

}



.korob-dark .bottom-comments .announce__picture-note2 {

	width: 30em;

	color: #fff;


}



.korob-dark .bottom-comments {

	position: absolute;

	left: 40%;

	bottom: 16%;

	z-index: 3;

	overflow: hidden;

	max-width: 40%;

}



.transparent-tabs {

	position: relative;

}



.transparent-tabs .transparent-tabs-on {

	position: absolute;

	top: 0;

	left: 0;

	opacity: 0;

	transition: opacity ease-in .3s;

}





.transparent-tabs .tabs-picture {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

}



.transparent-tabs .comments {

	position: absolute;

	top: 10em;

	right: 0;

	display: -webkit-flex;
	display: flex;

	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

	width: 40%;

	height: 100%;

	max-height: 10em;

}



.transparent-tabs .comments .announce__picture-note2 {

	margin: auto 2em;

	color: #fff;

}



#parallax-navigation {

	position: absolute;

	top: 0;

	left: 0;

	transition: transform ease-in .4s;

}



.number-signs {

	display: -webkit-flex;
	display: flex;

	align-items: center;

	width: 1253px;

	max-width: calc(100% - 44px);

	margin: 0 auto 3em;

}

#number-sign1,

#number-sign2,

#number-sign3,

#number-sign4 {

	text-align: center;

}



#number-sign1 {

	width: 13%;

	margin-right: 6%;

	margin-left: 2%;

}



#number-sign2 {

	width: 13%;

    margin-right: 9%;

}



#number-sign3 {

	width: 21%;

	margin-right: 9%;

}



#number-sign4 {

	width: 23%;

    margin-right: 4%;

}



.tickets {

	display: -webkit-flex;
	display: flex;

	max-width: 1600px;

	margin: auto;

}



.tickets .tickets-comments {

	align-self: center;

	width: 30%;

	margin-right: 22px;



}



.tickets .tickets-comments .announce__picture-note2 {

	margin-left: 0;

	max-width: 20em;

}



#sector-txt {

	position: absolute;

	top: 0;

	left: 0;

	pointer-events: none;

}



#sector-fon {

	transition: .3s opacity linear;

}



.icon-3d-note {

	position: absolute;

	bottom: 21%;

	width: 40%;

	left: 30%;

	text-align: center;

}



.flat-icons {

	display: -webkit-flex;
	display: flex;

	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

	width: calc(100% - 44px);

	margin: 0 44px 0 0;

}



.flat-icons .large-icon {

	width: 50%;

	display: -webkit-flex;
	display: flex;

	-webkit-align-self: center;
	align-self: center;

}



.flat-icons .large-icon > div {

	width: 70%;

	margin: auto;

}



.flat-icons .large-icon > div img {

	width: 100%;

}



.flat-icons-table {

	position: relative;

	align-self: center;

	width: 50%;

}



.flat-icons-table img {

	width: 100%;

	height: auto;

    margin-bottom: -1.1%;

}



.flat-incon-buttons {

	position: absolute;

	top: 0;

	left: 0;

	display: -webkit-flex;
	display: flex;

	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-justify-content: space-between;
	justify-content: space-between;

	width: 100%;

	height: 100%;

}



.flat-incon-buttons > div {

	/*box-sizing: border-box;*/

	width: calc(14.286% - 4px);

	border: 2px solid #fff;

	border-radius: 8px;

	cursor: pointer;

}



.flat-incon-buttons > .active-icon {

	border: 2px solid #cdcdcd;

}



.flat-icons-mobile {

	display: none;

}



.frame3d {

	position: absolute;

	top: 0;

	left: 0;

	opacity: 0;

}



#comment1 {

	position: absolute;

	top: 13%;

	right: 0;

	width: 15em;

	max-width: 30%;

}



#comment2 {

	position: absolute;

	top: 37%;

	left: 2%;

	width: 20em;

	max-width: 30%;

}



#comment3 {

	position: absolute;

	top: 64%;

	right: 2%;

	width: 20em;

	max-width: 30%;

}



#comment4 {

	position: absolute;

	top: 84%;

	left: 3%;

	width: 18em;

	max-width: 22%;

	padding-right: 1em;

}


.switcher {

	position: relative;

	overflow: hidden;

	max-width: 1700px;

	margin: 0 auto;

}



.switcher {

	text-align: center;

}



.switcher .descr {

	position: static;

	transform: translateY(0);

	display: inline-block;

	padding-left: 22px;

	padding-right: 22px;

	margin: auto;

	text-align: left;

	max-width: 33em;

}



.switcher .descr span{

	margin-right: .6em;

}



#tickets-comment1,

#tickets-comment2,

#tickets-comment3,

#tickets-comment4 {

	position: absolute;

	width: 13em;

}



#tickets-comment1 {

	bottom: 62%;

	right: 80%;

	padding-left: 1em;

	width: 12em;

}



#tickets-comment2 {

	bottom: 67%;

	left: 72%;



}



#tickets-comment3 {

	bottom: 40%;

	right: 70%;

	width: 11em;

}



#tickets-comment4 {

	bottom: 50%;

	left: 75%;





}



#tickets-comment5 {

	position: relative;

	top: -70px;





}



.materials {

	display: -webkit-flex;
	display: flex;

	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

	width: 80%;

	margin: 0 auto;

	-webkit-justify-content: space-between;
	justify-content: space-between;

}



.material {

	display: -webkit-flex;
	display: flex;

	width: 16.6%;

	margin-bottom: 1em;

}



.material img {

	display: block;

	width: 2.2em;

	height: 2.2em;

	margin: 0 1em 0 0;

	border: 1px solid #fff;

}



.material .announce__picture-note2 {

	display: block;

	align-self: center;

	font-size: 80%;

	color: #fff;

}



@media(max-width: 1150px) {

	.custom-text {

		position: static;

		margin-top: 0 !important;

		color: #fff;

		background: #111113;

		padding-bottom: 1px;

		padding-top: 1px;

	}



	.animation_wrapper {

		transform-origin: 50% 0;

	}



	.icon-3d-note {

		bottom: 26%;

	}

}



@media(max-width: 1090px) {

	.materials {

		display: none;

	}

}



@media(max-width: 880px) {

	.custom-text {

		position: relative;

		margin-top: 0 !important;

		color: #fff;

		background: #111113;

		padding-bottom: 1px;

		padding-top: 1px;

	}



	.cover-video,

	#korob-pointer,

	.tickets .tickets-comments,

	.korob-dark .bottom-comments,

	.top-left-comment,

	.top-right-comment {

		display: none;

	}



	.flat-icons-mobile {

		display: block;

	}



	.flat-icons {

		display: none;

	}



	#tickets-comment1,

	#tickets-comment2,

	#tickets-comment3,

	#tickets-comment4 {

		display: none;

	}



	.korob-dark {

		margin-top: -14%;

		margin-bottom: 10px;

		transform: scale(1.2);

		z-index: -1;

	}

}



@media(max-width: 660px) {

	.number-signs,

	.transparent-tabs .comments {

		display: none;

	}



	.tab.tab-active {

	    background-color: #8ec0f4 !important;

	}







	#tickets-comment5 {

		position: static;

	}



}



@media(max-width: 1000px) {

	#comment1,

	#comment2,

	#comment3,

	#comment4 {

		display: none;

	}

}


/*animation*/

.animation_wrapper {

    width: 100%;

    position: absolute;

    overflow: hidden;

    top: calc(50% - 275px);

    left: 0;

}



.animation_wrapper .special_block {

    height: 550px;

    position: static !important;

}



.logo-wrapper {

    position: relative;

    overflow: hidden;

    height: 550px;

    width: 745px;

    transform-origin: 0 0;

    margin: auto;

}



.animation_wrapper .special_block .block_inner .animation {

    position: absolute;

}



@media(max-width: 1600px) {

	.animation_wrapper {

		transform: scale(0.7);

	}



	.icon-3d-note {

		bottom: 23%;

	}

}



@media(max-width: 1300px) {

	.animation_wrapper {

		transform: scale(0.6);

	}

}



@media(max-width: 1000px) {

	.icon-3d-note {

		display: none;

	}

}



@media(max-width: 830px) {

	.animation_wrapper .special_block .block_inner .animation {

	    top: -1596% !important;

	    width: 100%;

	    height: auto;

	}



	.logo-wrapper,

	.animation_wrapper .special_block {

	    width: 100%;

	    height: auto;

	}



	.animation_wrapper {

		top: 0;

		transform: scale(0.6);

	}

}