body {

	font-family: 'FuturaFuturisC';

	font-size:24px;

	line-height:1.1;

	color:#3f3b3b;

	background: #FFF;

	width: 100%;

	margin:0 auto;

	overflow-x: hidden;

}



#super_wrapper {

	max-width: 1400px;

	margin: 0 auto;

}



html {

	overflow-x: hidden;

}



p {

	margin-bottom:20px;

}



.animation {

	-o-transition: all 0.2s ease-in-out

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

.animation_slow {

	-o-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-webkit-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

}



.tbl {

	display:table;

	table-layout:fixed;

	width: 100%;

}

.tbl-row {

	display:table-row;

}

.tbl-td {

	display: table-cell;

	vertical-align:middle;

}



.iblock {

	padding:70px 0;

}

.padding_top_50 {

	padding-top: 50px;

}



.form-control::-webkit-input-placeholder {color:#333;}

.form-control::-moz-placeholder          {color:#333;}/* Firefox 19+ */

.form-control:-moz-placeholder           {color:#333;}/* Firefox 18- */

.form-control:-ms-input-placeholder      {color:#333;}







.form-control::-webkit-input-placeholder       {text-indent: 0px;   transition: text-indent 0.5s ease;}

.form-control::-moz-placeholder                {text-indent: 0px;   transition: text-indent 0.5s ease;}

.form-control:-moz-placeholder                 {text-indent: 0px;   transition: text-indent 0.5s ease;}

.form-control:-ms-input-placeholder            {text-indent: 0px;   transition: text-indent 0.5s ease;}

.form-control:focus::-webkit-input-placeholder {text-indent: 500px; transition: text-indent 0.5s ease;}

.form-control:focus::-moz-placeholder          {text-indent: 500px; transition: text-indent 0.5s ease;}

.form-control:focus:-moz-placeholder           {text-indent: 500px; transition: text-indent 0.5s ease;}

.form-control:focus:-ms-input-placeholder      {text-indent: 500px; transition: text-indent 0.5s ease;}



.font-size-36 {

	font-size: 36px;

}

.font-size-34 {

	font-size: 34px;

}



.font-size-30 {

	font-size: 30px;

}



.font-size-24 {

	font-size: 24px;

}



.btn {

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

	border: 0;

}



.btn-opacity-blue {

	background: -moz-linear-gradient(to left, rgba(139,219,242,0.7), rgba(58,126,189,0.7));

	background: -webkit-linear-gradient(to left, rgba(139,219,242,0.7), rgba(58,126,189,0.7));

	background: -o-linear-gradient(to left, rgba(139,219,242,0.7), rgba(58,126,189,0.7));

	background: linear-gradient(to left, rgba(139,219,242,0.7), rgba(58,126,189,0.7));

	color: #FFF;

}

.btn-opacity-blue:hover, .btn-opacity-blue.active {

	 background: -moz-linear-gradient(to left, rgba(139,219,242,1), rgba(58,126,189,1));

	 background: -webkit-linear-gradient(to left, rgba(139,219,242,1), rgba(58,126,189,1));

	 background: -o-linear-gradient(to left, rgba(139,219,242,1), rgba(58,126,189,1));

	 background: linear-gradient(to left, rgba(139,219,242,1), rgba(58,126,189,1));

	 color: #FFF;

 }



/*COLOR*/

.bg-grey {

	background-color: rgba(0,0,0,0.02);

}

.color-grey {

	color: #686868;

}

.color-white {

	color: #FFF;

}



.bg_white_80 {

	background: rgba(255,255,255,0.8);

}

.bg-blue {

	background: -moz-linear-gradient(to bottom, #8bdbf2, #3a7ebd);

	background: -webkit-linear-gradient(to bottom, #8bdbf2, #3a7ebd);

	background: -o-linear-gradient(to bottom, #8bdbf2, #3a7ebd);

	background: linear-gradient(to bottom, #8bdbf2, #3a7ebd);

}

.bg-blue-light {

	background: -moz-linear-gradient(to top, #8bdbf2, #3a7ebd);

	background: -webkit-linear-gradient(to top, #8bdbf2, #3a7ebd);

	background: -o-linear-gradient(to top, #8bdbf2, #3a7ebd);

	background: linear-gradient(to top, #8bdbf2, #3a7ebd);

}







.line-blue {

	background: -moz-linear-gradient(to left, #8bdbf2, #3a7ebd);

	background: -webkit-linear-gradient(to left, #8bdbf2, #3a7ebd);

	background: -o-linear-gradient(to left, #8bdbf2, #3a7ebd);

	background: linear-gradient(to left, #8bdbf2, #3a7ebd);

}





.btn.line-blue:hover {

	background: -moz-linear-gradient(to right, #3a7ebd, #3a7ebd);

	background: -webkit-linear-gradient(to right, #3a7ebd, #3a7ebd);

	background: -o-linear-gradient(to right, #3a7ebd, #3a7ebd);

	background: linear-gradient(to right, #3a7ebd, #3a7ebd);

	color: #FFF;

}







.line-white-grad

{

	background: -moz-linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0));

	background: -webkit-linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0));

	background: -o-linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0));

	background: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0));

}



.line-black-grad {

	background: -moz-linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,0));

	background: -webkit-linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,0));

	background: -o-linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,0));

	background: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,0));

}



.line-black {

	background: #333;

}



.btn-red {

	color: #FFF;

	background: -moz-linear-gradient(to top, #cc0000, #c13a2c);

	background: -webkit-linear-gradient(to top, #cc0000, #c13a2c);

	background: -o-linear-gradient(to top, #cc0000, #c13a2c);

	background: linear-gradient(to top, #cc0000, #c13a2c);

}

.btn-black {

	color: #FFF;

	background: rgba(0,0,0,0.5);

}

.btn-black:hover {

	color: #FFF;

	background: #302c2c;

}



.screen_vh {

	height: 100vh;

	min-height: 400px;

}





.clear {clear: both;}

.none {display:none;}

.txt-bold {

	font-family: 'FuturaFuturisC-Bold';

}

/*display:table; table-layout:fixed;

display:table-row;

display: table-cell; vertical-align:middle;*/







.margin_0_-15 {

	margin: 0 -15px;

}



h1, h2, h3, h4, h5, h6 {

	font-weight: 100;

}



h1 {

	font-size: 120px;

	padding: 50px 0;

	margin: 0;

	font-family: 'FuturaFuturisC-Bold';

}



h2 {

	font-size: 48px;

	margin: 0;

}



h4 {

	font-size: 28px;

	padding: 0;

	margin: 0;

}



h5 {

	font-size: 30px;

	margin: 0;

	padding: 0;

}



.h40 {

	height: 40px;

}

.h600 {

	height: 600px;

}

.h3 {

	height: 3px;

}

.h1 {

	height: 1px;

}

.h450 {

	height: 450px;

}

.h20 {

	height: 20px;

}

.w050 {

	width: 50%;

	margin-left: auto;

	margin-right: auto;

}

.overlay {

	position: relative;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;background: rgba(0,0,0,0.7);

}



.overlay-white {

	background: rgba(255,255,255,0.8);

}


.small_h1 {
	font-size: 30px;
}


/*screen_01*/

#screen_01 {

	background-position: center center;

	background-size: cover;

	position: relative;
	overflow: hidden;

}

.body_vn #screen_01 {
	margin-top: 0 !important;
}


#cat_p {
	background: url(/userfiles/content/ustoichi_blur.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 100px 0 70px;
	margin: 0 -15px;
}
/*
#cat_p .cat_name:before, #cat_p .cat_name:after {
	content: '';
	display: block;
	clear: both;
}
*/
#cat_p .cat_names {
	/*overflow: hidden;*/
}

#cat_p .cat_names_inner:before, #cat_p .cat_names_inner:after {
	content: '';
	display: block;
	clear: both;
}

#cat_p .cat_names_inner {
	/*margin: 0 -2px -2px 0;*/
}
/*
#cat_p .cat_item {
	display: block;
	width: 16.66%;
	float: left;
	position: relative;
	padding: 0 15px;
	margin-bottom: 30px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	-webkit-transform: 	scale(1);
	-moz-transform: 	scale(1);
	-ms-transform: 		scale(1);
	-o-transform: 		scale(1);
	transform: 			scale(1);
	-o-transition: 		all 0.2s ease-in-out;
	-moz-transition: 	all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: 		all 0.2s ease-in-out;
}
*/
#cat_p .cat_item {
	display: block;
	width: 16.66%;
	float: left;
	position: relative;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	height: 120px;
	/*
	-o-transition: 		all 0.2s ease-in-out;
	-moz-transition: 	all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: 		all 0.2s ease-in-out;
	*/
	z-index: 1;
}
#cat_p .cat_item:hover {
	background: rgba(255, 255, 255, 0.2);
	z-index: 2;
}

	/* borders */
#cat_p .cat_item {
	border-right: 1px #b4c5cc solid;
	border-bottom: 1px #b4c5cc solid;
}

#cat_p .cat_item .cat_name {
	/*
	background: -moz-linear-gradient(to left, #8bdbf2, #3a7ebd);
	background: -webkit-linear-gradient(to left, #8bdbf2, #3a7ebd);
	background: -o-linear-gradient(to left, #8bdbf2, #3a7ebd);
	background: linear-gradient(to left, #8bdbf2, #3a7ebd);
	background: #3a7ebd;
	*/
	padding: 0 15px;
	color: #333;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 0;
	-webkit-transform: 	translateY(-50%);
	-moz-transform: 	translateY(-50%);
	-ms-transform: 		translateY(-50%);
	-o-transform: 		translateY(-50%);
	transform: 			translateY(-50%);
}
/*
#cat_p .cat_item:hover {
	-webkit-transform: 	scale(1.1);
	-moz-transform: 	scale(1.1);
	-ms-transform: 		scale(1.1);
	-o-transform: 		scale(1.1);
	transform: 			scale(1.1);
}
*/
#cat_p .cat_item .cat_icon {
	display: none;
	width: 50px;
	height: 50px;
	top: 20px;
	left: 50%;
	position: absolute;
	margin-left: -25px;
	background-position: center center;
	-webkit-background-size: contain;
	background-size: contain;
	z-index: 1;
}

#cat_p .cat_item .anons {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	width: 460px;
	margin-left: -230px;
	background: #337ab7;
	color: #FFF;
	padding: 30px;
}

#cat_p .cat_item .anons:before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	background: #337ab7;
	position: absolute;
	top: -5px;
	left: 50%;
	-webkit-transform: 	translateX(-50%) rotate(-45deg);
	-moz-transform: 	translateX(-50%) rotate(-45deg);
	-ms-transform: 		translateX(-50%) rotate(-45deg);
	-o-transform: 		translateX(-50%) rotate(-45deg);
	transform: 			translateX(-50%) rotate(-45deg);
}


#cat_p .cat_item:hover .anons {
	display: block;
}



.cat_val {
	position: fixed;
	z-index: 50;
	background: rgba(0, 0, 0, 0.8);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.cat_val.active {
	display: block;
}

.cat_val .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 0;
}

.cat_val .closer {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	width: 100px;
	height: 100px;
	background: url(../images/close_big.png) center center no-repeat;
	z-index: 1;
}

.cat_val .cat_text_fly {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 800px;
	min-height: 40%;
	background: #FFF;
	-webkit-transform: 	translateX(-50%) translateY(-50%);
	-moz-transform: 	translateX(-50%) translateY(-50%);
	-ms-transform: 		translateX(-50%) translateY(-50%);
	-o-transform: 		translateX(-50%) translateY(-50%);
	transform: 			translateX(-50%) translateY(-50%);
	padding: 50px 50px 50px 200px;
	z-index: 3;
}

.cat_val .cat_text_fly {
	display: none;
}

.cat_val .cat_text_fly.active {
	display: block;
}

.cat_val h2 {
	font-size: 30px;
	padding-bottom: 15px;
}

.cat_val .anons {
	font-size: 16px;
	line-height: 1.3;
	overflow: auto;
}

.cat_val .cat_icon {
	background: #3a7ebd;
	width: 150px;
	position: absolute;
	z-index: 1;
	height: 100%;
	top: 0;
	left: 0;
}

.cat_val .cat_icon .i {
	position: absolute;
	top: 25px;
	left: 25px;
	width: 100px;
	height: 100px;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}


#top_menu {

	position: absolute;

	height: 130px;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 48;



	-o-transition: all 1s ease-in-out;

	-moz-transition: all 1s ease-in-out;

	-webkit-transition: all 1s ease-in-out;

	transition: all 1s ease-in-out;



	-webkit-transition-delay: 0.5s;

	-moz-transition-delay: 0.5s;

	-ms-transition-delay: 0.5s;

	-o-transition-delay: 0.5s;

	transition-delay: 0.5s;

/*

	-webkit-transform: translateX(0px) translateY(-200px);

	-moz-transform: translateX(0px) translateY(-200px);

	-ms-transform: translateX(0px) translateY(-200px);

	-o-transform: translateX(0px) translateY(-200px);

	transform: translateX(0px) translateY(-200px);*/



	opacity: 0;



}







#top_menu.fixed .container-fluid {

	max-width: 1600px;

	margin: 0 auto;

}





#body_animation #top_menu {

	opacity: 1;/*

	-webkit-transform: translateX(0px) translateY(0px);

	-moz-transform: translateX(0px) translateY(0px);

	-ms-transform: translateX(0px) translateY(0px);

	-o-transform: translateX(0px) translateY(0px);

	transform: translateX(0px) translateY(0px);*/

}



#top_menu.fixed {

	position: fixed;

	background: rgba(0,0,0,0.8);

	top: -180px;

}

/*

#top_menu.fixed #logotype  img {

	height: 80px;

	width: auto;



}*/



#logotype {

	width: 200px;

}



#logotype img {

	max-width: 100%;

	height: auto;

}



#fly_menu {

	width: 50px;

	height: 50px;

	position: fixed;

	top: 0px;right: 0px;

	background: rgba(255,255,255,0.95);

	z-index: 55;

	cursor: pointer;

	text-align: center;

	padding-top: 10px;

	display: none;

	-webkit-box-sizing: 0 0 7px rgba(0, 0, 0, 0.1);

	-moz-box-sizing: 0 0 7px rgba(0, 0, 0, 0.1);

	box-sizing: 0 0 7px rgba(0, 0, 0, 0.1);

	-webkit-border-radius: 0 0 0 5px;

	-moz-border-radius: 0 0 0 5px;

	border-radius: 0 0 0 5px;

	color: #333;

}

#fly_menu_list {

	position: fixed;

	width: 300px;

	height: 100%;

	z-index: 50;

	background: #3a3a3a;

	top: 0;

	left: -300px;

}

#fly_menu_list ul {

	padding: 0;

	margin: 0;

	list-style: none;

}



#fly_menu .tbl {



	table-layout:fixed;

}



#fly_menu_list .tbl-td {

	border-bottom: 1px rgba(255,255,255,0.5) solid;

	height: 15vh;

	vertical-align: middle;

}

#fly_menu_list  a {

	font-size: 21px;

	color: #FFF;

	text-transform: uppercase;

	padding: 0 20px;

	display: block;

}









#screen_01 .tbl {

	display:table;

	table-layout: auto;

	width: 100%;

}

#screen_01 .tbl-td {

	text-align: center;

}



#screen_01 .tbl-td a {

	color: #FFF;

	text-transform: uppercase;

	font-size: 15px;

}

#screen_01 .tbl-td a:hover {

	color: #64cdff;

	text-decoration: none;

}

/*

#screen_01 #top_menu.fixed .tbl-td a {

	color: #333;

}*/



.container_main_block {

	height: 100vh;

	position: relative;

}



#main_block {

	position: absolute;

	top: 50%;

	left: 0%;

	width: 100%;

	margin: -200px 0 0;

}



#main_block .overlay-white {

	padding: 50px;



	-o-transition: all 1s ease-in-out;

	-moz-transition: all 1s ease-in-out;

	-webkit-transition: all 1s ease-in-out;

	transition: all 1s ease-in-out;



	-webkit-transition-delay: 1s;

	-moz-transition-delay: 1s;

	-ms-transition-delay: 1s;

	-o-transition-delay: 1s;

	transition-delay: 1s;



/*

	-webkit-transform: translateX(0px) translateY(40px) scale(0.7);

	-moz-transform: translateX(0px) translateY(40px) scale(0.75);

	-ms-transform: translateX(0px) translateY(40px) scale(0.7);

	-o-transform: translateX(0px) translateY(40px) scale(0.7);

	transform: translateX(0px) translateY(40px) scale(0.7);

*/

	opacity: 0;



/*

	-webkit-animation-name: opacityblock;

	-webkit-animation-duration: 2s;

	animation-name: opacityblock;

	animation-duration: 2s;



	-webkit-transition-delay: 5s;

	-moz-transition-delay: 5s;

	-ms-transition-delay: 5s;

	-o-transition-delay: 5s;

	transition-delay: 5s;*/

}





#body_animation #main_block .overlay-white {/*

	-webkit-transform: translateX(0px) translateY(0px) scale(1);

	-moz-transform: translateX(0px) translateY(0px) scale(1);

	-ms-transform: translateX(0px) translateY(0px) scale(1);

	-o-transform: translateX(0px) translateY(0px) scale(0.5);

	transform: translateX(0px) translateY(0px) scale(1);*/



	opacity: 1;

}











/* Chrome, Safari, Opera */

@-webkit-keyframes opacityblock {

	0% {opacity: 0;}

	25% {opacity: 0.3;}

	50% {opacity:0.5;}

	75% {opacity:0.7;}

	100% {opacity:1;}

}



/* Standard syntax */

@keyframes opacityblock {

	0% {opacity: 0;}

	25% {opacity: 0.3;}

	50% {opacity:0.5;}

	75% {opacity:0.7;}

	100% {opacity:1;}

}



#main_block h3, .str_01 {

	font-size: 53px;

	margin: 0;

	padding: 0 0 10px;

	text-transform: uppercase;

}

#main_block h2, .str_02 {

	font-size: 70px;

	font-family: FuturaFuturisC-Bold;

	text-transform: uppercase;

}

#main_block h5, .str_03 {

	font-size: 22px;

	font-family: FuturaFuturisC-Bold;

	text-transform: uppercase;

}





.main_btn .btn {

	font-size: 30px;

	font-family: FuturaFuturisC-Bold;

	padding: 20px 70px;

	text-transform: uppercase;

}

.main_btn {

	padding-top: 70px;

	-o-transition: all 1s ease-in-out;

	-moz-transition: all 1s ease-in-out;

	-webkit-transition: all 1s ease-in-out;

	transition: all 1s ease-in-out;



	-webkit-transition-delay: 1s;

	-moz-transition-delay: 1s;

	-ms-transition-delay: 1s;

	-o-transition-delay: 1s;

	transition-delay: 1s;



/*

	-webkit-transform: translateX(0px) translateY(170px) scale(0.7);

	-moz-transform: translateX(0px) translateY(170px) scale(0.7);

	-ms-transform: translateX(0px) translateY(170px) scale(0.7);

	-o-transform: translateX(0px) translateY(170px) scale(0.7);

	transform: translateX(0px) translateY(170px) scale(0.7);

*/

	opacity: 0;

}



#body_animation .main_btn {

	opacity: 1;/*

	-webkit-transform: translateX(0px) translateY(0px) scale(1);

	-moz-transform: translateX(0px) translateY(0px) scale(1);

	-ms-transform: translateX(0px) translateY(0px) scale(1);

	-o-transform: translateX(0px) translateY(0px) scale(1);

	transform: translateX(0px) translateY(0px) scale(1);*/

}



	/*screen_02*/



#screen_02 h5 {

	text-transform: uppercase;

	font-size: 28px;

}



.block-programm {

	padding-top: 50px;

}

.block-programm .col-sm-4 {

	padding-left: 20px;

	padding-right: 20px;

}

.block-programm .line-blue {

	height: 10px;

	margin: 0 0px;

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

}

.block-programm .col-sm-4:hover .line-blue { /*.block-programm .col-sm-4:hover .line-blue*/

	height: 40px;

	margin: 0;

}

.block-programm .ravnye-bloki {

	position: relative;

	padding: 20px;

	margin-bottom: 10px;

	/*background-color: rgba(0,0,0,0.02);*/

}

.block-programm .block-img {

	position: absolute;

	height: 10%;

	width: 10%;

	z-index: -1;

	top: 45%;

	left: 45%;

	background-color:rgba(0,0,0,0.8);

	display: block;

	opacity: 0;



	-o-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-webkit-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

}

.block-programm .col-sm-4:nth-child(2) .block-img, .block-programm .col-sm-4:hover .block-img  { /*.block-programm .col-sm-4:hover .block-img */

	opacity: 1;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.block-programm h5 {

	margin-bottom: 30px;

}


/*
.block-programm .col-sm-4:nth-child(2) *, .block-programm .col-sm-4:hover * {

	color: #FFF;

}
*/




#video_img {

	display: block;

	margin: 0 auto;

	position: relative;

	z-index: 2;

}

#video_img img {

	margin: 0 auto;

	max-width: 100%;

	height: auto;

}

#video_picture {

	display: block;

	margin: 0 auto;

	background: #333;

	max-width: 940px;

	position: relative;

	overflow: hidden;

}



#video_picture video {

	position: absolute;

	z-index: 1;

	top: 0;

	left: 0;

	z-index: 1;

}



#video_picture img {

	width: 100%;

	height: auto;



}



/*screen_03*/

.block-img {

	background-position: center center;

	background-size: cover;

}

/* new version

#screen_03 .arrow {

	display: none !important;

}

*/



.category_text_vn {

	position: relative;

	top: 0;

	left: 0;

	height: 565px;

}

.category_text {

	position: relative;

	height: 565px;

	overflow: hidden;

}



.category_icon img {

	width: 100%;

	display: block;

	padding: 0;

	margin: 0;

	height: auto;

}



.category_icon {

	width: 70px; /*width: 112px;*/

	background-position: center center;

	background-repeat: no-repeat;

	position: absolute;

	-webkit-background-size: contain;

	background-size: contain;

	top: 10px;

	left:10px;

	z-index: 1;

}

.category_names {

	z-index: 1;

	position: relative;

}

.cat_text h2 {

	margin: 0;

}

.cat_text {

	position: relative;

	padding: 50px 130px 0;

	height: 565px !important;



	font-size:22px;

	/*pravki*/

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 2;

	opacity: 0;



	-o-transition: all 1s ease-in-out

	-moz-transition: all 1s ease-in-out;

	-webkit-transition: all 1s ease-in-out;

	transition: all 1s ease-in-out;



	-webkit-transform:  translateX(300px) translateY(100px) scale(0.5);

	-moz-transform:  translateX(300px) translateY(100px) scale(0.5);

	-ms-transform:  translateX(300px) translateY(100px) scale(0.5);

	-o-transform:  translateX(300px) translateY(100px) scale(0.5);

	transform:  translateX(300px) translateY(100px) scale(0.5);



}



/*pravki*/

.cat_text.active {

	opacity: 1;

	z-index: 3;



	-webkit-transform:  translateX(0px) translateY(0px) scale(1);

	-moz-transform:  translateX(0px) translateY(0px) scale(1);

	-ms-transform:  translateX(0px) translateY(0px) scale(1);

	-o-transform:  translateX(0px) translateY(0px) scale(1);

	transform:  translateX(0px) translateY(0px) scale(1);

}



#screen_03 .bg_white_80 .h600 {

	/* pravki position: relative;*/

	overflow: hidden;

}

.category_panel {

	position: absolute;

	top: 0;

	right: 0px;

	width: 250px;

	height: 565px;

	overflow: hidden;

}



.category_panel_vn {

	position: relative;

	top: 0;

	left: 0;

}







.category_item {

	height: 90px; /*height: 90px;*/

	position: relative;

	margin-bottom: 5px;

	/*line-height: 90px;*/

	color: #FFF;

	padding-left: 85px; /*padding-left: 120px;*/

	cursor: pointer;

	overflow: hidden;

	font-family: FuturaFuturisC-Light;

	font-size: 22px;

}

.category_item:last-child {

	margin: 0;;

}



.category_item .tbl-td {

	height: 90px;

}



#screen_03 .bg_category {

	background-size: cover;

}

#screen_03 {

	position: relative;
	z-index: 5;
}



.category_one {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left:0;

	z-index: 0;

}



.category_two {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left:100%;

	z-index: 0;

	background: rgba(0,0,0,0.6);

}



.category_item:hover .category_one, .category_item.active .category_one  {

	left: -100%;

}

.category_item:hover .category_two, .category_item.active .category_two {

	left: 0;

}



#screen_03 .arrow_info div {

	font-size: 12px;

	height: 20px;

	/*display: none; new version*/

}



.arrow_info {

	position: absolute;

	left: 47px;

	top: 100px;

	height: 400px;

}





/**arrow**/

.arrow {

	position: absolute;

	background-image: url(../images/arrow.png);

	width: 62px;

	height: 36px;

	left: 20px;

	cursor: pointer;

	z-index: 5;

}

.arrow_top {

	top: 20px;

	background-position: 0 -36px;

}

.arrow_top:hover {

	top: 20px;

	background-position: 0 0;

}

.arrow_bottom {

	bottom: 20px;

	background-position: -62px -36px;

}

.arrow_bottom:hover {

	bottom: 20px;

	background-position: -62px 0;

}

/**arrow-g**/

.arrow-g {

	background-image: url(../images/arrow-g.png);

	width: 36px;

	height: 62px;

	cursor: pointer;

	z-index: 2;

	display: block;

}

.arrow-g-left {

	background-position: 0 -62px;

}

.arrow-g-left:hover {

	background-position: -36px -62px;

}

.arrow-g-right {

	background-position: 0 0;

}

.arrow-g-right:hover {

	background-position: -36px 0;

}

.owl-buttons {

	height: 62px;

	position: relative;

}

.owl-theme .owl-controls {

	margin: 0 !important;

	background: rgba(0,0,0,0.04);

	padding: 10px 0;

}

.owl-prev {

	float: left;

}

.owl-next {

	float: right;

}

.owl-theme .owl-controls .owl-buttons div {

	padding: 0 !important;

	margin: 0 20px !important;



}







/**screen_04**/
#screen_04 {
	position: relative;
	z-index: 0;
}

#screen_04 h2 {

	padding: 15px 0;

	position: relative;

}



#screen_04 h2 .ion-arrow-down-b {

	position: absolute;

	font-size: 28px;

	width: 40px;

	left: 50%;

	bottom: -18px;

	color: #3a7ebd;

	z-index: 5;

	text-align: center;

}



.people_box {

	position: relative;

}

.people_box .overlay {

	color: #333;
	font-size: 16px;
	background: #FFF;


}



.people_expert {



}



.people_expert_row .owl-controls {
	background: #FFF;
}



#screen_04 .people_box h2 {

	font-size: 20px;

	margin: 0;

	padding: 0;

	line-height: 1;
	margin-bottom: 15px;

}

#screen_04 .people_box h3 {

	font-size: 24px;

	padding: 0;

	margin: 0;

	overflow: hidden;

	height: auto;

	opacity: 1;

}

#screen_04 .people_box h3.small {

	font-size: 25px;

	line-height: 1;

}

#screen_04 .people_box h2 b {

	font-family: FuturaFuturisC-Bold;

}

.people_box img {

	width: 100%;

	height: auto;

}

.people_img {

	height: 300px;

	background-position: center center;

	-webkit-background-size: cover;

	background-size: cover;

}



.people-desc {



}

.people_expert .desc {
	padding: 15px;
	font-size: 16px;
}

#screen_04 .line-white-grad{

	width: 0px;

	margin: 10px auto;



}



#screen_04 .people_box:hover .line-white-grad {

	width: 80%;

}

#screen_04 .people_box:hover h3 {

	height: 0;

	opacity: 0;

}

#screen_04 .people_box:hover .overlay {

	height: 100%;

	padding-top: 50px;

}

#screen_04 .people_box:hover .people-desc {

	height: auto;

	opacity: 1;

	-webkit-transform: translateX(0px) translateY(0px) scale(1);

	-moz-transform: translateX(0px) translateY(0px) scale(1);

	-ms-transform: translateX(0px) translateY(0px) scale(1);

	-o-transform: translateX(0px) translateY(0px) scale(1);

	transform: translateX(0px) translateY(0px) scale(1);

	/*-webkit-transition-delay: 0.5s;

	-moz-transition-delay: 0.5s;

	-ms-transition-delay: 0.5s;

	-o-transition-delay: 0.5s;

	transition-delay: 0.5s;*/

}



/**screen_05**/

#screen_05 .btn {



	padding-left: 50px;

	padding-right: 50px;

}



.btn-box {

	margin: 20px 0;

}



.hide-picture-btn {

	font-size: 21px;

	background: #3a3a3a;

	width: 300px;

	cursor: pointer;

}

.accordion-header-name {

	font-size: 36px;

	padding: 15px;

}



.accordion-header-small .accordion-header-name {

	padding-left: 90px;

}



.accordion-box {

	/*padding: 0 300px 0 100px;*/

	padding: 0 100px 0 100px;

}



.accordion-header-small .hide-picture {

	width: 0px;

	overflow: hidden;

}



.accordion-header-small .show-picture {

	display: block;

}



.p-info {

	position: relative;

	background: #f3f2f2;

	border-bottom: 0 #3a3a3a solid;

}

#screen_05 .p-info .tbl-td {



	height: 100px;

	padding: 0 150px;

	border: 0 !important;

}



.show-picture {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	line-height: 100px;

	text-align: center;

	color:  #FFF;

	cursor: pointer;

	background: #3a3a3a;

	width: 80px;

	padding-top: 15px;

	display: none;



}





.tbl-row .tbl-td {

	position: relative;

}



.p-info .num {

	font-family: FuturaFuturisC-Bold;

	font-size: 42px;

	position: absolute;

	top: 50%;

	left: 70px;

	margin-top: -20px;

}

.p-desc {

	padding: 30px;

	background:#fbfbfb ;

	line-height: 1;

	border-bottom: 10px #3a3a3a solid;

	display: none;

}

.hide-picture {

	background-size: cover;

	background-position: center center;

}



.p-close {

	position: absolute;

	top: 0;

	right: 0;

	width: 150px;

	height: 100px;

	background: #64cdff;

}

.p-close i {

	display: block;

	position: absolute;

	width: 61px;

	height: 61px;

	background: url(../images/close_2.png) 0 0 no-repeat;

	top: 50%;

	left: 50%;

	margin: -30px 0 0 -30px;

	color: #333333;

}



.tbl-row-p .tbl-td {

	border-top: 10px #FFF solid;

	cursor: pointer;

}



.p-pic {

	background-position: -2000px -2000px;

	background-repeat: no-repeat;

	background-color: rgba(0,0,0,0);

}



.accordion-active .p-pic {

	background-position: center center;

}



.accordion-active .p-info {

	border-bottom-width: 10px;

}

.p-info .ion-arrow-down-b {

	position: absolute;

	font-size: 28px;

	width: 40px;

	left: 50%;

	bottom: -28px;

	color: #3a3a3a;

	z-index: 5;

	display: none;

	text-align: center;

}

.accordion-active .p-info .ion-arrow-down-b {

	display: block;

}

.accordion-active .p-close {

	background: #3a3a3a;

}

.accordion-active .p-desc {



}







/*screen_06*/

.r_block .overlay-white {

	margin: 0 -15px;

	padding-left: 30px;

	padding-right: 30px;

}

.r_block .line-black-grad {

	margin: 20px auto;

}

.r_block .btn {

	font-size: 30px;

}



.r_block div {

	background-size: cover;

	background-position: center center;

}



#screen_06 .col-md-6 {

	position: relative;

}



#map {

	display: none;

	width: 100%;

	position: absolute;

	top: 0;

	left: -100%;

	z-index: 1;

}



#map .ymaps-glass-pane {

	-webkit-box-shadow: 0 0 250px rgba(0,0,0,0.5) inset;

	-moz-box-shadow: 0 0 250px rgba(0,0,0,0.5) inset;

	box-shadow: 0 0 250px rgba(0,0,0,0.5) inset;

	height: 450px !important;

}



#map .ymaps-map {

	height: 450px !important;

}







/*screen_07*/

.project_logo {

	height: 150px;

	background-position: center center;

	background-repeat: no-repeat;

	-webkit-background-size: contain;

	background-size: contain;

	cursor: pointer;

	top: 0;

	left: 0;

	position: relative;

	width: 100%

}



.project_logo:hover {

	width: 110%;

	left: -5%;;

	-o-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



.project_logo.project_logo_active, .project_logo.project_logo_active:hover {

	/*background-color: rgba(0,0,0,0.03);*/

	width: 120%;

	left: -10%;;

	-o-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



.project_logo .ion-arrow-down-b {

	position: absolute;

	text-align: center;

	font-size: 28px;

	top: -10px;

	left: 0;

	width: 100%;

}







/*screen_08*/



.border_none {

	border: 0 !important;

}



#screen_08 .container-fluid, #page_vn #parther_box {

	max-width: 1200px;

	margin: 0 auto;

}

.parther_i {

	height: 170px;
	display: block;
	padding: 15px 0;

}

.parther_logo {

	height: 140px;
	display: block;
	background-position: center center;

	background-repeat: no-repeat;

	background-size: contain;

}

.parther_logo .overlay {

	opacity: 0;
	display: block;

}

.parther_logo .overlay .parther_name {

	color: #10638c;
	display: block;
	font-size: 16px;

	text-align: center;

	position: absolute;

	width: 80%;

	margin: -15px 0 0;

	left: 10%;

	top: 50%;

	background: rgba(255,255,255,0.9);

	line-height: 30px;

}

.parther_logo:hover .overlay {

	opacity: 1;

	cursor: pointer;

}



#parther_box .parther_item {

	border: 0;

	border-color: #c5c5c5;

	border-style: solid;

	border-right-width: 1px;

	border-bottom-width: 1px;

}



#parther_box .row:last-child .parther_item  {

	border-bottom-width: 0;

}

#parther_box .row .parther_item:nth-child(6)  {

	border-right-width: 0;

}



.contact_img {

	width: 160px;

	height: 160px;

	background-position: center center;

	background-size: cover;

	position: absolute;

	top: 0;

	left: 0;

}

.contacts_box {

	position: relative;

	padding: 20px 0 0 180px;

	color: #fff;

	margin-bottom: 30px;

	min-height: 160px;

}



.contact_name, .contacts_line b {

	font-size: 30px;

	font-family: FuturaFuturisC-Bold;

}

.contact_dlj {

	font-size: 22px;

	margin: 5px 0;

}



.contact_email, .contact_phone {

	font-size: 25px;

}

.contacts_line {

	padding: 0px 0 30px;

	color: #FFFFFF;

	font-size: 30px;

	line-height: 1.3;

}



#footer {

	background-position: center center;

	background-repeat: no-repeat;

	background-size: cover;

}

#footer .overlay {
	padding-top: 50px;
}


#footer .contact_dlj a, .contact_email a, .contact_phone a {

	color:#FFF;

}







/**fly_form**/

#black {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 49;

	height: 100%;

	background: rgba(0,0,0,0.8);

	display: none;

	cursor: pointer;

}

.fly_form {

	position: fixed;

	top: 100px;

	left: 0;

	width: 100%;

	z-index: 50;

	display: none;

}

.fly_form_box {

	padding: 30px;

	background: #41acda;

}

.fly_form_box .form-control {

	margin-bottom: 20px;

}

.fly_form .fly_close {

	width: 30px;

	height: 30px;

	background: #FFF;

	text-align: center;

	line-height: 15px;

	cursor: pointer;

	margin: -30px -30px 0 0;

	float: right;

	padding-top: 4px;

}











/*page_vn*/



#page_vn {

	padding: 50px;

}



.block_lists h2 {

	padding-left: 120px;

}



.block_list {

	margin: 40px 0 0;

	font-size: 20px;

	padding: 0 0 0 120px;

	position: relative;

	

}

#page_vn h2 {

	font-size: 32px;

}

.block_img {

	width: 100px;

	height: 100px;

	position: absolute;

	top: 0;

	left: 0;

	background-position: top center;

	background-repeat: no-repeat;

	background-size: contain;

	

}







.parther_item_info {

	position: relative;

	padding-top: 15px;

	padding-bottom: 40px;

}



/*laureates*/

.all_laur, .after_part {
	display: block;
	margin: 70px auto 30px;
	line-height: 70px;
	color: #FFF;
	text-decoration: none;
	background: #337ab7;
	width: 250px;
	text-align: center;
}

.all_laur:hover {
	background: #64cdff;
	text-decoration: none;
}

.laur_page:before, .laur_page:after {
	content: '';
	display: block;
	clear: both;
}
.laur_page {
	margin-bottom: 50px;
}

.laur_page a {
	display: block;
	color: #666;
	text-decoration: none;
	background: #fafafa;
	padding: 0 15px;
	line-height: 50px;
	float: left;
	margin-right: 30px;
}
.laur_page a.active {
	color: #FFF;
	text-decoration: none;
	background: #337ab7;
}

.plus, .parther_close {

	width: 40px;

	height: 40px;

	position: absolute;

	bottom: 0;

	right: 0;

	cursor: pointer;

	background: #337ab7;

}

.plus {
	display: none;
}



.parther_close {

	top:0;

	right: 0;

}



.plus div, .parther_close div {

	width: 27px;

	height: 27px;

	background: url(../images/close_small.png) center center no-repeat;

	position: absolute;

	top: 7px;

	left: 7px;

}

.plus.black_bg {

	background: #3a3a3a;

}

.parther_desc {

	width: 200%;

	height: auto;

	background: #337ab7;

	padding: 30px 30px 100px;

	position: absolute;

	top: 100%;

	left: 100%;

	z-index: 1;

	color: #FFF;

	font-size: 14px;

	display: none;

	z-index: 50;

	/*opacity: 0;

	-webkit-transform:  translateX(50px) translateY(-170px) scale(0.5,1);

	-moz-transform:  translateX(50px) translateY(-170px) scale(0.5,1);

	-ms-transform:  translateX(50px) translateY(-170px) scale(0.5,1);

	-o-transform:  translateX(50px) translateY(-170px) scale(0.5,1);

	transform:  translateX(50px) translateY(-170px) scale(0.5,1);*/

}



.parther_item_info.active .parther_desc {

	/*opacity: 1;

	-webkit-transform:  translateX(0px) translateY(00px) scale(1.01,1);

	-moz-transform:  translateX(0px) translateY(0px) scale(1.01,1);

	-ms-transform:  translateX(0px) translateY(0px) scale(1.01,1);

	-o-transform:  translateX(0px) translateY(0px) scale(1.01,1);

	transform:  translateX(0px) translateY(0px) scale(1.01,1);

	-webkit-transition-delay: 0.5s;

	-moz-transition-delay: 0.5s;

	-ms-transition-delay: 0.5s;

	-o-transition-delay: 0.5s;

	transition-delay: 0.5s;*/

}



.parther_desc .parther_name {

	font-size: 34px;

	padding-bottom: 30px;

}

.parther_link {

	position: absolute;

	display: block;

	height: 60px;

	line-height: 60px;

	font-size: 18px;

	text-transform: uppercase;

	background: #FFF;

	bottom: 0;

	right: 0;

	white-space: nowrap;

}

.parther_link a {



	display: block;

	color: #333;

	text-decoration: none !important;

	padding: 0 80px 0 20px;

}

.parther_link span {

	position: relative;

	z-index: 1;

	display: block;

}

.parther_link i {

	display: block;

	background:#3a3a3a url(../images/arrow_part.png) center right no-repeat;

	z-index: 0;

	position: absolute;

	height: 60px;

	width: 70px;

	top: 0;

	right: 0;

}



.parther_link a:hover i {

	width: 100%;

}

.parther_link a:hover {

	color: #FFF;

}



#parther_box .parther_item_info[data-position = "5"] .parther_desc,

#parther_box .parther_item_info[data-position = "6"] .parther_desc,

#parther_box .parther_item_info[data-position = "11"] .parther_desc,

#parther_box .parther_item_info[data-position = "12"] .parther_desc,

#parther_box .parther_item_info[data-position = "17"] .parther_desc,

#parther_box .parther_item_info[data-position = "18"] .parther_desc,

#parther_box .parther_item_info[data-position = "23"] .parther_desc,

#parther_box .parther_item_info[data-position = "24"] .parther_desc {

	left: auto;

	right: 100%;

}



#parther_box .row:last-child .parther_item_info .parther_desc  {

	top: auto;

	bottom: 0%;

}











/*gallery*/



#gallery_video video {

	width: 100%;

}



#gallery_video {

	max-width: 1024px;

	margin: 0 auto;

}



#gallery_photo_list .gallery_photo {

	margin: 0 -15px;

	background-position: center center;

	background-repeat: no-repeat;

	-webkit-background-size: cover;

	background-size: cover;

	height: 300px;

	display: block;

}





#gallery_photo_list {

	margin: 0 15px;

}



#gallery_page h2 {

	text-align: center;

	padding: 50px 0;

	text-transform: uppercase;

}
/*gallery_photo*/
.gallery_main:after, .gallery_main:before {
	content: '';
	display: block;
	clear: both;
}

.gallery_main .gallery_photo {
	width: 20%;
	float: left;
	margin: 0 !important;
	height: auto !important;;
}

.gallery_main .gallery_photo span {
	display: block;
	padding-top: 100%;
}

.booklet_item {

	width: 50%;

	display: inline-block;

	padding: 0;

	margin: 0;

	background-position: center center;

	background-repeat: no-repeat;

	-webkit-background-size: cover;

	background-size: cover;

}

.booklet_item img {

	width: 100%;

	height: auto;

	padding: 0;

	margin: 0;

	display: block;

}



/***************************************/

#top_menu {

	/*display: none;*/

}

/****************************************/



#booklet {

	border: 1px #eee solid;

	background: rgba(0,0,0,0.01);

}



#booklet.booklet_on_load, #booklet_container {

	overflow: hidden;

	position: relative;

}

#booklet_container {

	height: 100%;

	position: relative;

}



#booklet.booklet_on_load #booklet_container .booklet_item {

	position: absolute;

	top: 0;

	right: 0;

	z-index: 1;

	width: 0;

}



#booklet.booklet_on_load #booklet_container .booklet_item:nth-child(2n+1) {



}

#booklet.booklet_on_load #booklet_container .booklet_item:nth-child(1) {

	right:50%;

}

#booklet.booklet_on_load #booklet_container .booklet_item:nth-child(2) {



}



#booklet.booklet_on_load #booklet_container .booklet_item[data-mod="0"]::before {

	content: '';

	display: block;

	width: 100px;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: -moz-linear-gradient(to right, rgba(0,0,0,0.2), rgba(255,255,255,0.1), rgba(255,255,255,0));

	background: -webkit-linear-gradient(to right, rgba(0,0,0,0.2), rgba(255,255,255,0.1), rgba(255,255,255,0));

	background: -o-linear-gradient(to right, rgba(0,0,0,0.2), rgba(255,255,255,0.1), rgba(255,255,255,0));

	background: linear-gradient(to right, rgba(0,0,0,0.2), rgba(255,255,255,0.1), rgba(255,255,255,0));

}

#booklet.booklet_on_load #booklet_container .booklet_item[data-mod="1"]::before {

	content: '';

	display: block;

	width: 100px;

	height: 100%;

	position: absolute;

	top: 0;

	right: 0;

	background: -moz-linear-gradient(to left, rgba(0,0,0,0.2), rgba(255,255,255,0.1), rgba(255,255,255,0));

	background: -webkit-linear-gradient(to left, rgba(0,0,0,0.2), rgba(255,255,255,0.1), rgba(255,255,255,0));

	background: -o-linear-gradient(to left, rgba(0,0,0,0.2), rgba(255,255,255,0.1), rgba(255,255,255,0));

	background: linear-gradient(to left, rgba(0,0,0,0.2), rgba(255,255,255,0.1), rgba(255,255,255,0));

}



#booklet.booklet_on_load #booklet_container .booklet_item:nth-child(1),#booklet.booklet_on_load #booklet_container .booklet_item:nth-child(2) {

	width: auto;

}



#booklet .booklet_item{

	overflow: hidden;

}

#booklet_arrow .booklet_arrow {

	cursor: pointer;

	background-image: url(../images/journal-buttons.png);

	width: 61px;

	height: 58px;

	background-repeat: no-repeat;

	position: absolute;

	bottom: 0;

	position: absolute;

	bottom: 0;

	z-index: 500;

	height: 100%;

}

#booklet_arrow .booklet_arrow.booklet_arrow_left {

	background-position: 0 100%;

	left: 0;

}

#booklet_arrow .booklet_arrow.booklet_arrow_right {

	background-position: -62px 100%;

	right: 0;

}

#booklet_arrow .booklet_arrow:hover {

	background-color: rgba(0,0,0,0.05);

}



#booklet .booklet_item .overlay {

	opacity: 1;

	position: absolute;

	background: rgba(0,0,0,0.4);

}

#booklet.booklet_on_load #booklet_container .booklet_item:nth-child(1) .overlay,#booklet.booklet_on_load #booklet_container .booklet_item:nth-child(2) .overlay {

	opacity: 0;

}

#booklet_shadow {

	background: url(../images/index-bottom.png) center top no-repeat;

	-webkit-background-size: contain;

	background-size: contain;

	height: 23px;

}





























/***************body_vn***************/

body.body_vn #screen_01 {

	height: 80vh;

	max-height: 650px;

}

body.body_vn #screen_01 .main_btn {

	display: none;

}
/*
body.body_vn #main_block {

	width: auto;

	text-align: left;

	left: 0;

	margin-left: 0;

}

*/

body.body_vn #main_block .overlay-white {



}



.info_cat_name {
	display: block;
	font-size: 24px;
	position: relative;
}
.info_cat_name:before {
	content: '';
	display: block;
	width: 100%;
	position: absolute;
	border-bottom: 1px #eee solid;
	top: 50%;
	left: 0;
	z-index: 0;
}
.info_cat_name span {
	background: #FFF;
	padding: 0 30px 0 0;
	position: relative;
	z-index: 1;
}


.booklet_container {

	/*max-width: 800px;*/

}



body.body_vn .container_main_block {

	height: 80vh;

}
.pages {
	text-align: center;
}

.pages .pageList {
	display: block;
	margin: 0;
	padding: 10px 0 30px;
}

.pages .pageList li {
	display: inline-block;
	padding:  5px;
}

.pages .pageList li a {
	display: block;
	padding: 0 7px;
	line-height: 30px;
	background: #efefef;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	min-width: 30px;
}
.pages .pageList li a.active {
	background: #337ab7;
	color: #FFF;
}

.pages .pageList li.control {
	display: none;
 }

#news {
	padding: 100px 0;
	background: #efefef;
}


@media screen and (min-width: 1200px) {
	/***********************/
	#cat_p .cat_item:nth-child(6n+6) {
		border-right-color: rgba(255,255,255,0);
	}
	#cat_p .cat_item:nth-child(6n+6) .anons {
		left: auto;
		right: 0;
		margin: 0;
	}

	#cat_p .cat_item:nth-child(6n+6) .anons:before {
		margin-left: 135px;
	}

	#cat_p .cat_item:nth-child(6n+7) .anons, #cat_p .cat_item:nth-child(1) .anons {
		left: 0;
		right: 0;
		margin: 0;
	}

	#cat_p .cat_item:nth-child(6n+7) .anons:before, #cat_p .cat_item:nth-child(1) .anons:before {
		margin-left: -140px;
	}

	#cat_p .cat_item:nth-last-child(-n+6) {
		border-bottom-color: rgba(255,255,255,0);
	}
	/***********************/
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	#cat_p .cat_item {
		width: 20%;
	}


	/***********************/
	#cat_p .cat_item:nth-child(5n+5) {
		border-right-color: rgba(255,255,255,0);
	}
	#cat_p .cat_item:nth-child(5n+5) .anons {
		left: auto;
		right: 0;
		margin: 0;
	}

	#cat_p .cat_item:nth-child(5n+5) .anons:before {
		margin-left: 120px;
	}

	#cat_p .cat_item:nth-child(5n+6) .anons, #cat_p .cat_item:nth-child(1) .anons {
		left: 0;
		right: 0;
		margin: 0;
	}

	#cat_p .cat_item:nth-child(5n+6) .anons:before, #cat_p .cat_item:nth-child(1) .anons:before {
		margin-left: -120px;
	}

	#cat_p .cat_item:nth-last-child(-n+5) {
		border-bottom-color: rgba(255,255,255,0);
	}
	/***********************/
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#cat_p .cat_item {
		width: 25%;
	}
	.cat_val .cat_text_fly {
		width: 680px;
	}

	#cat_p .cat_item .anons {
		width: 380px;
		margin-left: -190px;
	}

	/***********************/
	#cat_p .cat_item:nth-child(4n+4) {
		border-right-color: rgba(255,255,255,0);
	}
	#cat_p .cat_item:nth-child(4n+4) .anons {
		left: auto;
		right: 0;
		margin: 0;
	}

	#cat_p .cat_item:nth-child(4n+4) .anons:before {
		margin-left: 120px;
	}

	#cat_p .cat_item:nth-child(4n+5) .anons, #cat_p .cat_item:nth-child(1) .anons {
		left: 0;
		right: 0;
		margin: 0;
	}

	#cat_p .cat_item:nth-child(4n+5) .anons:before, #cat_p .cat_item:nth-child(1) .anons:before {
		margin-left: -120px;
	}

	#cat_p .cat_item:nth-last-child(-n+4) {
		border-bottom-color: rgba(255,255,255,0);
	}
	/***********************/
}

@media screen and (max-width: 768px) {
	#cat_p .cat_item {
		width: 50%;
	}


	#cat_p .cat_item .anons {
		width: 290px;
		margin-left: -145px;
	}

	.cat_val .cat_text_fly {
		width: 90%;
		padding: 150px 50px 50px;
	}
	.cat_val .cat_icon {
		width: 100%;
		height: 100px;
	}
	.cat_val .cat_icon .i {
		width: 50px;
		height: 50px;
		left: 50px;
	}




	/***********************/
	#cat_p .cat_item:nth-child(2n+2) {
		border-right-color: rgba(255,255,255,0);
	}
	#cat_p .cat_item:nth-child(2n+2) .anons {
		left: auto;
		right: 0;
		margin: 0;
	}

	#cat_p .cat_item:nth-child(2n+2) .anons:before {
		margin-left: 120px;
	}

	#cat_p .cat_item:nth-child(2n+3) .anons, #cat_p .cat_item:nth-child(1) .anons {
		left: 0;
		right: 0;
		margin: 0;
	}

	#cat_p .cat_item:nth-child(2n+3) .anons:before, #cat_p .cat_item:nth-child(1) .anons:before {
		margin-left: -120px;
	}

	#cat_p .cat_item:nth-last-child(-n+2) {
		border-bottom-color: rgba(255,255,255,0);
	}
	/***********************/
}