.fav_text
{
	display: inline-block;
	height: 30px;
	transition: transform .1s ease;
	padding-right:5px;
	font-size: 18px;
}
@media screen and (max-width: 350px) 
{
	.fav_text
	{
		font-size: 14px;
	}
}
.fav_icon
{
	background:url(https://test.hs-portal.ru/favsimgs/clip-image.svg);    
	display: inline-block;
	height: 30px;
	width: 29px;
	background-size: cover!important;
	vertical-align: middle;
	transition: transform 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000), opacity .5s ease; 
}
.fav_selected .fav_icon
{
	transform: rotate(45deg)!important;   
}
.fav_pageblock_title
{
	margin-top: 32px;
	color:white;
	margin-bottom: -62px; 
	padding-right:10px;  
	text-align: right;
	transition: opacity .2s ease;
	opacity: 0;
}
.fav_fullblock_title
{
	cursor: pointer;
	position: absolute;
	margin: 0px;
	transition: opacity .2s ease;
	color: white;
	top: 20px;
	left: calc(100% - 150px);
	opacity: 0;
}
.fav_scrollblock_title
{
	position: relative;
	z-index: 1;
	width: 100%;
	margin-top: 10px;
	color:white;
	margin-bottom: -40px; 
	padding-right:10px;  
	text-align: right;
	transition: opacity .2s ease;
	opacity: 0;
}
.fav_fullblock_container
{
	position: relative;
}
.fav_scrollblock_container
{
	position: relative;
}
.fav_block_container:hover .fav_pageblock_title, .fav_block_container:hover .fav_fullblock_title,  .fav_block_container:hover .fav_scrollblock_title
{
	opacity: 0.7;
}
.fav_block_container .fav_pageblock_title:hover, .fav_block_container .fav_fullblock_title:hover, .fav_block_container .fav_scrollblock_title:hover
{
	opacity: 0.99;
}
.fav_pageblock_title:hover .fav_icon, .fav_fullblock_title:hover .fav_icon, .fav_scrollblock_title:hover .fav_icon
{
	transform: rotate(180deg)!important;
}
.fav_selected:hover .fav_icon
{
	transform: rotate(225deg)!important;
}
.fav_window
{
	z-index: 99;
	position: fixed;
	top:0px;
	left:0px;
	width: 100%;
	height: calc(100%);
	background: white;
	transition: transform 1s cubic-bezier(0.770, 0.000, 0.175, 1.000), opacity 2s ease; 
	transform: translate(-100%, 0px); 
	opacity: 0;
	overflow-y: auto;
}
.fav_active_window
{

	transition: -webkit-transform 0.8s cubic-bezier(0.770, 0.000, 0.175, 1.000), -webkit-opacity 1.2s ease;
	transform: translate(0px, 0px); 
	opacity: 1;
}
.fav_bar
{
	position: fixed;
	left: 10px;
	z-index:100;
	top: calc(100% - 46px);
	height: 36px;
	width: 36px;
	border-radius: 18px;
	background: rgb(230,230,230);
	opacity: 0;
	text-align: center;
	font-size: 18px;
	padding-top: 8px;
	line-height: 1.3 !important;
}
.fav_bar_back
{
	font-size: 20px;
	padding-top: 5px;
}
.fav_bar_active:hover
{
	opacity: 1;
	cursor: pointer;
}
.fav_bar_active
{

	opacity: .6;
}
.fav_element
{
	width: 300px;
	float: left;
	text-align: right;
	margin: -25px 5px 0px 0px;
}
.fav_element .fav_icon
{
	display: inline-block;
	position: relative;
	right: 10px;
	top: 39px;
	opacity: 0;
	transform: rotate(45deg)!important; 
}
.fav_element:hover .fav_icon
{
	opacity: 0.6;
	cursor: pointer;
}
.fav_element .fav_icon:hover
{
	opacity: 0.99;
	transform: rotate(225deg)!important; 
}
.fav_el_image
{
	background-size:cover;
	height: 400px;
}
.fav_elements_container
{
	width: 950px;
	margin: 0 auto;
}
@media screen and (max-width: 950px) 
{
	.fav_elements_container
	{
		width: 650px;
	}
}
@media screen and (max-width: 650px) 
{
	.fav_elements_container
	{
		width: 325px;
	}
}
@media screen and (max-width: 300px) 
{
	.fav_element
	{
		width: 200px;
		margin: 5px 0px 0px 0px;
	}
	.fav_el_image
	{
		height: 266px;
	}
	.fav_elements_container
	{
		width: 210px;
	}
}
.fav_el_footer
{
	background: #e0e0e0;
	text-align: left;
	padding: 5px;
	font-size: 18px;
}
.send_btn, .copy_btn, .close_btn
{
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url(https://test.hs-portal.ru/favsimgs/send_email.png);
	margin: 0px 0px -7px 0px;
	background-size: 80% 80%;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.5;
	transition: opacity .2s ease;
	cursor: pointer;
}
.send_btn:hover, .copy_btn:hover, .close_btn:hover
{
	opacity: 1;
}
.copy_btn
{
	background-image: url(https://test.hs-portal.ru/favsimgs/copy.png);
}
.close_btn
{
	background-image: url(https://test.hs-portal.ru/favsimgs/close.png);
}
.favs_input_transitioning
{
	transition: background-color 0.8s ease;
}
.fav_block_container .widter2.fav_pageblock_title
{
	margin-top: -35px;
    margin-bottom: 5px;
}
.fav_block_container .widter3.fav_pageblock_title
{
	margin-top: -60px;
    margin-bottom: 27px;
}

.fav_block_container .schemepage2.fav_pageblock_title
{
margin-top: 20px;
}
.fav_block_container .revers1.fav_pageblock_title
{
margin-top: 0px;
margin-bottom: -40px;
}

.fav_block_container .schemepage2
{
	margin-bottom: 0px;
	margin-top: 0px;
}
.fav_block_container .fav_pageblock_title.widter1.revers2 
{
	margin-top: -25px;
    margin-bottom: -23px;
}