/* -- TRANSITION ANIMATION */

.block_cont_first_box_link_item,
.block_cont_first_box_link_item img,
.menu_block_itm,
.menu_block_social_icon,
.menu_block_box_copyright,
.menu_button_icon,
.copyright_footer,
.contats_block_box_cont{
	transition: color 0.2s ease, opacity 0.2s ease, background-color 0.2s ease, border 0.2s ease, filter 0.2s ease, transform 0.2s ease, fill 0.2s ease, margin 0.2s ease, border 0.2s ease;
}

.block,
.block_link_icon_img_icon,
.block p,
.block_cont,
.block .block_img,
.block_cont_logo_mash,
.block_cont_logo_mash_two,
.block_cont_logo_wrapper,
.block_box,
.super_logo,
.izum_logo,
.fivepublic_logo,
.livecorr_logo,
.gigarama_logo,
.fivepublick_1,
.fivepublick_2,
.block_cont_box_fivepublick,
.block_fivepublic_purple{
	transition: color 0.5s ease,
	opacity 0.5s ease,
	background-color 0.5s ease,
	border 0.5s ease,
	filter 0.5s ease,
	transform 0.5s ease,
	fill 0.5s ease,
	margin 0.5s ease,
	border 0.5s ease;
}

.block_cont_first_box_link_item:hover,
.block:not([block='first']):hover {
	cursor: pointer;
}

/* TRANSITION ANIMATION -- */



/* -- HOVER EFFECTS */

@media (min-width: 992px) {
	.block_cont_first_box_link_item:hover {
		opacity: 1;
	}
	.block_cont_first_box_link_item:hover img {
		transform: translateX(0.3rem);
	}

	.menu_block_itm:hover {
		color: #000;
		cursor: pointer;
	}
	.menu_block_social_icon:hover {
		opacity: 1;
		cursor: pointer;
	}
	.menu_block_box_copyright:hover {
		color: #000;
		cursor: pointer;
	}
	.menu_button_icon:hover {
		cursor: pointer;
		opacity: 1;
	}
	.contats_block_box_cont:hover {
		opacity: 1;
	}
	.copyright_footer:hover{
		color: #fff;
	}
}

/* HOVER EFFECTS -- */





/* --  ALL SCREEN */

.scroll-content {
	display: flex;
	height: 100%;
}

::selection {
	background: #34a7d6; /* Safari */
	color: #fff;
}
::-moz-selection {
	background: #34a7d6; /* Firefox */
	color: #fff;
}

[data-scrollbar] .scrollbar-track-x,
[scrollbar] .scrollbar-track-x,
scrollbar .scrollbar-track-x {
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0px;
}

[data-scrollbar] .scrollbar-track-y,
[scrollbar] .scrollbar-track-y,
scrollbar .scrollbar-track-y {
	top: 0;
	right: 0;
	width: 0px;
	height: 100%;
}

.logo .st0,
.logo .st2,
.logo .st4,
.logo .st6,
.logo .st8,
.logo .st10,
.logo .st12,
.logo .st14,
.logo .st16,
.logo .st18,
.logo .st20,
.logo .st22,
.menu_button_icon_line{
	transition: fill 0.2s ease, background-color 0.2s ease;
}


.logo[color="black"] .st0,
.logo[color="black"] .st2,
.logo[color="black"] .st4,
.logo[color="black"] .st6,
.logo[color="black"] .st8,
.logo[color="black"] .st10,
.logo[color="black"] .st12,
.logo[color="black"] .st14,
.logo[color="black"] .st16,
.logo[color="black"] .st18,
.logo[color="black"] .st20,
.logo[color="black"] .st22 {
	fill: #000;
}

.menu_button[color="white"] .menu_button_icon_line{
	background-color: #fff;
}

.menu_mobile .st0,
.menu_mobile .st2,
.menu_mobile .st4,
.menu_mobile .st6,
.menu_mobile .st8,
.menu_mobile .st10,
.menu_mobile .st12,
.menu_mobile .st14,
.menu_mobile .st16,
.menu_mobile .st18,
.menu_mobile .st20,
.menu_mobile .st22,
.menu_mobile .menu_mobile_icon_line{
	transition: fill 0.2s linear, background-color 0.2s linear;
}

.menu_mobile[color="black"] .st0,
.menu_mobile[color="black"] .st2,
.menu_mobile[color="black"] .st4,
.menu_mobile[color="black"] .st6,
.menu_mobile[color="black"] .st8,
.menu_mobile[color="black"] .st10,
.menu_mobile[color="black"] .st12,
.menu_mobile[color="black"] .st14,
.menu_mobile[color="black"] .st16,
.menu_mobile[color="black"] .st18,
.menu_mobile[color="black"] .st20,
.menu_mobile[color="black"] .st22{
	fill: #333;
}

.menu_mobile[color="white"] .st0,
.menu_mobile[color="white"] .st2,
.menu_mobile[color="white"] .st4,
.menu_mobile[color="white"] .st6,
.menu_mobile[color="white"] .st8,
.menu_mobile[color="white"] .st10,
.menu_mobile[color="white"] .st12,
.menu_mobile[color="white"] .st14,
.menu_mobile[color="white"] .st16,
.menu_mobile[color="white"] .st18,
.menu_mobile[color="white"] .st20,
.menu_mobile[color="white"] .st22{
	fill: #fff;
}

.menu_mobile[color="black"] .menu_mobile_icon_line{
	background-color: #333;
}

.menu_mobile,
.block_arrow{
	pointer-events: none;
}
.logo_menu_mobile,
.menu_mobile_icon,
.block_arrow_obj_el{
	pointer-events: auto;
}


.block_arrow_obj_el{
	transition: opacity 0.2s ease;
}
.block_arrow_obj_el{
	opacity: 1;
}
.block_arrow_obj_el[state="disable"]{
	opacity: 0;
}

.menu_block_box{
	transition: transform 0.2s ease;
}


*{
	-moz-user-select: none; /* Mozilla Firefox */
	-ms-user-select: none; /* Internet Explorer (не поддерживается) */
	-o-user-select: none; /* Opera Presto (не поддерживается) */
	-webkit-user-select: none; /* Google Chrome, Opera Next, Safari */
}

.menu_home{
	pointer-events: none;
}
.logo_menu,
.menu_button{
	pointer-events: visible;
}

.arrow1 {
    animation: arrow1_anim 1s infinite ease-in-out;
}

@keyframes arrow1_anim{
	0% { transform:translateX(-3%); }
	50% { transform:translateX(10%); }
	100% { transform:translateX(-3%); }
}

.block_navigation_circle{
	transition: background-color 0.2s ease, width 0.2s ease;
}

.block_navigation_circle:last-child{
	margin-right: 0;
}
.block_navigation[color="white"] .block_navigation_circle{
	background-color: #fff;
}
.block_navigation[color="black"] .block_navigation_circle{
	background-color: #000;
}

/* ALL SCREEN -- */



/* -- EFFECT BLOCK MAIN PAGE */

/* mash */
.block[title="mash"][state="enable"] {
	background-color: #ff0010;
}
.block[title="mash"][state="enable"] .block_box {
	border-color: #ff0010;
}
.block[title="mash"][state="enable"] .block_link_txt {
	color: #fff;
}
.block[title="mash"][state="enable"] .block_cont_txt {
	transform: translateY(-1.4rem);
	color: #fff;
}
.block[title="mash"][state="enable"] .block_link_icon_img_icon {
	fill: #fff;
}
.block[title="mash"][state="enable"] .block_cont {
	transform: translateY(-7rem);
}
.block[title="mash"][state="enable"] .block_img {
	transform: translate(0) scale(1);
	opacity: 1;
}
.block[title="mash"][state="enable"] .block_cont_logo_wrapper {
	transform: translate(-5.2rem, 0) scale(0.5);
}
.block[title="mash"][state="enable"] .block_cont_logo_mash {
	fill: #fff;
}
.block[title="mash"][state="enable"] .block_cont_logo.block_cont_logo_mash_two {
	opacity: 1;
}

/* life */
.block[title="life"][state="enable"] {
	background-color: #f8f8f8;
}
.block[title="life"][state="enable"] .block_box {
	border-color: #f8f8f8;
}
.block[title="life"][state="enable"] .block_cont_txt {
	transform: translateY(-0.5rem);
	color: #000;
}
.block[title="life"][state="enable"] .block_cont {
	transform: translateY(-7rem);
}
.block[title="life"][state="enable"] .block_img {
	transform: translate(0) scale(1);
	opacity: 1;
}

/* super */
.block[title="super"][state="enable"] {
	background-color: #fa2a5d;
}
.block[title="super"][state="enable"] .block_box {
	border-color: #fa2a5d;
}
.block[title="super"][state="enable"] .block_cont_txt {
	transform: translateY(-0.5rem);
	color: #fff;
}
.block[title="super"][state="enable"] .block_cont {
	transform: translateY(-7rem);
}
.block[title="super"][state="enable"] .block_img {
	transform: translate(0) scale(0.8);
	opacity: 1;
}
.block[title="super"][state="enable"] .block_link_icon_img_icon {
	fill: #fff;
}
.block[title="super"][state="enable"] .block_link_txt {
	color: #fff;
}
.block[title="super"][state="enable"] .super_logo {
	fill: #fff;
}

/* gigaram */
.block[title="gigarama"][state="enable"] {
	background-color: #262525;
}
.block[title="gigarama"][state="enable"] .block_box {
	border-color: #262525;
}
.block[title="gigarama"][state="enable"] .block_cont_txt {
	transform: translateY(-0.5rem);
	color: #fff;
}
.block[title="gigarama"][state="enable"] .block_cont {
	transform: translateY(-7rem);
}
.block[title="gigarama"][state="enable"] .block_img {
	transform: translate(0) scale(1);
	opacity: 1;
}
.block[title="gigarama"][state="enable"] .block_link_icon_img_icon {
	fill: #fff;
}
.block[title="gigarama"][state="enable"] .block_link_txt {
	color: #fff;
}
.block[title="gigarama"][state="enable"] .gigarama_logo {
	fill: #fff;
}

/* zhizn */
.block[title="zhizn"][state="enable"] {
	background-color: #f8f8f8;
}
.block[title="zhizn"][state="enable"] .block_box {
	border-color: #f8f8f8;
}
.block[title="zhizn"][state="enable"] .block_cont_txt {
	transform: translateY(-0.5rem);
}
.block[title="zhizn"][state="enable"] .block_cont {
	transform: translateY(-7rem);
}
.block[title="zhizn"][state="enable"] .block_img {
	transform: translate(0) scale(1);
	opacity: 1;
}

/* livecorr */
.block[title="livecorr"][state="enable"] {
	background-color: #33353b;
}
.block[title="livecorr"][state="enable"] .block_box {
	border-color: #33353b;
}
.block[title="livecorr"][state="enable"] .block_cont_txt {
	transform: translateY(-0.5rem);
	color: #fff;
}
.block[title="livecorr"][state="enable"] .block_cont {
	transform: translateY(-7rem);
}
.block[title="livecorr"][state="enable"] .block_img {
	transform: translate(0) scale(1);
	opacity: 1;
}
.block[title="livecorr"][state="enable"] .block_link_icon_img_icon {
	fill: #fff;
}
.block[title="livecorr"][state="enable"] .block_link_txt {
	color: #fff;
}
.block[title="livecorr"][state="enable"] .livecorr_logo {
	fill: #fff;
}

/* fivepublic */
.block[title="fivepublic"][state="enable"] {
	background-color: #181818;
}
.block[title="fivepublic"][state="enable"] .block_box {
	border-color: #181818;
}
.block[title="fivepublic"][state="enable"] .block_cont_txt {
	transform: translateY(-0.5rem);
	color: #fff;
}
.block[title="fivepublic"][state="enable"] .block_cont {
	transform: translateY(-7rem);
}
.block[title="fivepublic"][state="enable"] .block_fivepublic_purple {
	opacity: 1;
}
.block[title="fivepublic"][state="enable"] .block_img {
	transform: translate(0,0) scale(1.2);
	transition-delay: .2s;
	opacity: 1;
}
.block[title="fivepublic"][state="enable"] .block_link_icon_img_icon {
	fill: #fff;
}
.block[title="fivepublic"][state="enable"] .block_link_txt {
	color: #fff;
}
.block[title="fivepublic"][state="enable"] .fivepublick_1{
	fill: #fff;
}
.block[title="fivepublic"][state="enable"] .fivepublick_2{
	fill: #fff;
}

/* izum */
.block[title="izum"][state="enable"] {
	background-color: #544a80;
}
.block[title="izum"][state="enable"] .block_box {
	border-color: #544a80;
}
.block[title="izum"][state="enable"] .block_cont_txt {
	transform: translateY(-0.5rem);
	color: #fff;
}
.block[title="izum"][state="enable"] .block_cont {
	transform: translateY(-7rem);
}
.block[title="izum"][state="enable"] .block_img {
	transform: translate(0) scale(1);
	opacity: 1;
}
.block[title="izum"][state="enable"] .block_link_icon_img_icon {
	fill: #fff;
}
.block[title="izum"][state="enable"] .block_link_txt {
	color: #fff;
}
.block[title="izum"][state="enable"] .izum_logo {
	fill: #fff;
}


.block_link{
	transition: opacity 0.2s ease;
}

@media (max-width: 991px) {
	.block[title="fivepublic"] .block_cont {
		transform: translateX(55rem);
		transition-delay: .8s;
	}
	.block[title="fivepublic"] .block_img {
		transform: translate(-1000px,-120px) scale(1.8) rotate(0deg);
		transition-delay: .8s;
	}
	.block[title="fivepublic"] .block_cont_box_fivepublick {
		transform: translateY(0rem);
		transition-delay: .4s;
	}
	.block[title="fivepublic"] .block_cont_logo {
		width: 19rem;
	}
	.block[title="fivepublic"][state="enable"] {
		background-color: #fff;
	}
	.block[title="fivepublic"][state="enable"] .block_box {
		border-color: #fff;
	}
	.block[title="fivepublic"][state="enable"] .block_cont_box_fivepublick {
		transform: translateY(-10rem);
		transition-delay: .8s;
	}
	.block[title="fivepublic"][state="enable"] .block_cont {
		transform: translateX(0rem);
		transition-delay: .4s;
	}
	.block[title="fivepublic"][state="enable"] .block_cont_txt {
		color: #858e99;
	}
	.block[title="fivepublic"][state="enable"] .block_fivepublic_purple {
		opacity: 0;
	}
	.block[title="fivepublic"][state="enable"] .block_img {
		transform: translate(-500px,-200px) scale(1.8) rotate(60deg);
		transition-delay: .8s;
		opacity: 1;
	}
	.block[title="fivepublic"][state="enable"] .block_link_icon_img_icon {
		fill: #906EFF;
	}
	.block[title="fivepublic"][state="enable"] .block_link_txt {
		color: #906EFF;
	}
	.block[title="fivepublic"][state="enable"] .fivepublick_2{
		fill: #000;
	}

	.block_link[slidestate='move']{
		opacity: 0;
	}
}

@media (max-width: 767px) {
    .block[title][state="enable"] .block_cont_txt {
        transform: translateY(-0rem);
    }
    .block[title][state="enable"] .block_cont {
        transform: translateY(-0rem);
    }
    .block[title="mash"][state="enable"] .block_cont_logo_wrapper {
        transform: translate(0rem, 0) scale(1);
    }
}

/* EFFECT BLOCK MAIN PAGE -- */






/* -- ADAPTIVE */

@media (max-height: 860px) and (min-width: 992px) {
	html {
		font-size: 15px;
	}
	.block_cont_first_box {
		margin-top: 4rem;
	}
	.b_copyrightlock_cont {
		margin-top: 4rem;
	}
}
@media (max-height: 830px) and (min-width: 992px) {
	html {
		font-size: 14px;
	}

	/* life */
	.block[title="life"][state="enable"] .block_img {
		transform: translate(0) scale(0.8);
		opacity: 1;
	}
	.block_img.block_img_life{
		left: -8.6rem;
		bottom: 7.4625rem;
	}

	/* mash */
	.block[title="mash"][state="enable"] .block_img {
		transform: translate(0) scale(0.9);
		opacity: 1;
	}
	.block_img.block_img_mash{
		left: 0.7rem;
		bottom: 5.5625rem;
	}
	.block[title="mash"][state="enable"] .block_cont {
		transform: translateY(-6rem);
	}

	/* super */
	.block[title="super"][state="enable"] .block_img {
		transform: translate(0) scale(0.8);
		opacity: 1;
	}
	.block_img.block_img_super {
		left: 6.2rem;
		bottom: 0.1625rem;
	}

	/* gigarama */
	.block_img.block_img_gigarama{
		left: 4.5rem;
		bottom: 7.5625rem;
		width: 17.1875rem;
	}

	/* zhizn */
	.block_img.block_img_zhizn{
		left: 3.8125rem;
		bottom: 6.125rem;
		width: 16.1875rem;
	}

	/* lifecorr */
	.block_img.block_img_lifecorr{
		left: -14.3rem;
		bottom: 7.9375rem;
		width: 46.125rem;
	}

	/* fivepublick */
	.block_img.block_img_fivepublick{
		width: 14.75rem;
	}

	/* izum */
	.block_img.block_img_izum{
		bottom: 6.875rem;
		width: 18.375rem;
	}
}
@media (max-height: 640px) and (min-width: 992px) {
	html {
		font-size: 12px;
	}
}
@media (max-width: 479px){
	.block[title="fivepublic"] .block_img {
		transform: translate(-500px,-120px) scale(0.8) rotate(0deg);
		transition-delay: .8s;
	}
	.block[title="fivepublic"] .block_cont {
		transform: translateX(25rem);
		transition-delay: .8s;
	}
	.block[title="fivepublic"] .block_cont_box_fivepublick {
		transform: translateY(0rem);
		transition-delay: .4s;
	}
	.block[title="fivepublic"] .block_cont_logo {
		width: 19rem;
	}
	.block[title="fivepublic"][state="enable"] {
		background-color: #fff;
	}
	.block[title="fivepublic"][state="enable"] .block_box {
		border-color: #fff;
	}
	.block[title="fivepublic"][state="enable"] .block_cont_box_fivepublick {
		transform: translateY(.8rem);
		transition-delay: .8s;
	}
	.block[title="fivepublic"][state="enable"] .block_cont {
		transform: translateX(0rem);
		transition-delay: .4s;
	}
	.block[title="fivepublic"][state="enable"] .block_fivepublic_purple {
		opacity: 0;
	}
	.block[title="fivepublic"][state="enable"] .block_img {
		transform: translate(-130px,70px) scale(0.8) rotate(50deg);
		transition-delay: .65s;
		opacity: 1;
	}
	.block[title="fivepublic"][state="enable"] .block_link_icon_img_icon {
		fill: #906EFF;
	}
	.block[title="fivepublic"][state="enable"] .block_link_txt {
		color: #906EFF;
	}
	.block[title="fivepublic"][state="enable"] .fivepublick_2{
		fill: #000;
	}

	html{
		font-size: 4.28vw;
	}

	@media (max-width: 400px){
		.block[title="fivepublic"][state="enable"] .block_img {
			transform: translate(-140px,100px) scale(0.7) rotate(50deg);
			transition-delay: .65s;
			opacity: 1;
		}
	}
}
/* ADAPTIVE -- */