@font-face{
    font-family: 'Roboto';
    src: url('_fonts/Roboto.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'Roboto-Bold';
    src: url('_fonts/Roboto-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'Roboto-Medium';
    src: url('_fonts/Roboto-Medium.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'Font Awesome Solid 900';
    src: url('_fonts/fa-solid-900.ttf');
    font-weight: normal;
    font-style: normal;
}

.bem-common {
	font-family: Roboto;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #1a051d;
}

.bem-h1 {
	font-family: Roboto;
	font-size: 34px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #1a051d;
}
.bem-h2 {
	font-family: Roboto;
	font-size: 22px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #1a051d;
}
.bem-display-none {
	display: none;
}


.bem-link
{
    text-decoration: underline;
}
.bem-link:hover
{
    color: #1873e8;
    cursor: pointer;
}

.bem-btn.bem-btn_theme_notice {
	height: 40px;
    font-size: 12px;
	line-height: 40px;
	border-radius: 3px;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: solid 1px transparent;
	background-color: #ffad0d;
    color: #fff;
}
.bem-btn.bem-btn_theme_notice:hover {
	background: #de9811;
}
.bem-btn.bem-btn_theme_notice .bem-btn__text
{
    color: #fff;
    font-family: 'Roboto-Medium', Helvetica, Arial,sans-serif;
}

.bem-btn .bem-btn__icon_color_grey-dark {
    color: #4a5062;
}




/**
 * @todo finish bem pagination
 */
.bem-pagination{
    text-align: left;
    padding: 0;
}
.bem-pagination li{
    display: inline-block;
    line-height: 30px;
    text-align: center;
    margin-left: 5px;
    box-sizing: border-box;
    background-color: transparent;
    vertical-align: middle;
    cursor: pointer;
    width: 30px;
    height: 30px;
}
.bem-pagination_width_auto li
{
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
}

.bem-pagination li:first-child{
    margin-left: 0;
}
.bem-pagination li a:link,
.bem-pagination li a:active,
.bem-pagination li a:visited{
    font-family: Roboto;
    font-size: 13px;
    color: #3f6eeb;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    height: 30px;
    box-sizing: border-box;
}
.bem-pagination li.active{
    border-radius: 2px;
    background-color: #539af5;
    cursor: default;
}
.bem-pagination li.active a:link,
.bem-pagination li.active a:active,
.bem-pagination li.active a:visited{
    color: #ffffff;
    cursor: default;
    font-family: Roboto;

}
.bem-pagination li.disabled{
    cursor: default;
}
.bem-pagination li.disabled a:link,
.bem-pagination li.disabled a:active,
.bem-pagination li.disabled a:visited{
    color: #212b36;
    cursor: default;
}

.bem-pagination li.shift_elipsis{
    position: relative;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
    border: solid 1px #c4cdd5;
    background-image: linear-gradient(to bottom, #ffffff, #f9fafb);
}
.bem-pagination li.shift_elipsis.disabled:before{
    opacity: 0.3;
}
.bem-pagination li.shift_elipsis a:link,
.bem-pagination li.shift_elipsis a:active,
.bem-pagination li.shift_elipsis a:visited{
    font-size: 0;
}

.bem-pagination li.shift_left{
    position: relative;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
    border: solid 1px #c4cdd5;
    background-image: linear-gradient(to bottom, #ffffff, #f9fafb);
}
.bem-pagination li.shift_left:before{
    content: "\f053";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
}
.bem-pagination li.shift_left.disabled:before{
    opacity: 0.3;
}
.bem-pagination li.shift_left a:link,
.bem-pagination li.shift_left a:active,
.bem-pagination li.shift_left a:visited{
    font-size: 0;
}
.bem-pagination li.shift_right{
    position: relative;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
    border: solid 1px #c4cdd5;
    background-image: linear-gradient(to bottom, #ffffff, #f9fafb);
}
.bem-pagination li.shift_right:hover{
    background-image: linear-gradient(to bottom, #fafbfc, #ebeff2);
}
.bem-pagination li.shift_right:before{
    content: "\f054";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
}
.bem-pagination li.shift_right.disabled{
    background-image: linear-gradient(to bottom, #ffffff, #f9fafb);
}
.bem-pagination li.shift_right.disabled:before{
    opacity: 0.3;
}

.bem-pagination li.shift_right a:link,
.bem-pagination li.shift_right a:active,
.bem-pagination li.shift_right a:visited{
    font-size: 0;
}