@charset "utf-8";

/*--------------------------------------------------

 * links

--------------------------------------------------*/

/*  */
.anchors{
	margin: 75px 0;
	padding: 0;
	list-style: none;
	
	margin-left: -.625rem;
	
	
	display: -webkit-box;
	-webkit-box-pack: justify;
	display: flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;

	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.anchors__item{
	margin-left: .625rem;
	margin-bottom: .625rem;
}
.anchors__link{
	display: block;
	
	font-size: .75rem;
	line-height: 2rem;
	
	text-decoration: underline;
	background-color: #e0e0e8;
	
	padding: .125rem 2rem;
	border-radius: 5px;
}
.anchors__link:hover{
	color: #fff;
	background-color: #050f6e;
	text-decoration: underline;
}
@media print, screen and (min-width: 768px){
.anchors{}
.anchors__item{}
.anchors__link{}
}
@media only screen and (max-width: 767px){
.anchors{}
.anchors__item{}
.anchors__link{}
}




/*  */
.link{
	margin: 0;
	padding: 0;
	list-style: none;
	
	display: -webkit-box;
	-webkit-box-pack: justify;
	display: flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;

	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.link__item{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	
	flex-grow: 0;
	-ms-flex-grow: 0;
	-moz-flex-grow: 0;
	-webkit-flex-grow: 0;
}
.link__link{
	display: block;
	text-align: center;
	
	padding: .75em .25em;
	
	font-size: .75rem;
	line-height: 2em;
	
	text-decoration: underline;
	background-color: #f7f7fa;
	border: #ddd solid 1px;
	border-radius: 5px;
}
.link__link:hover{
	color: #fff;
	background-color:#050f6e;
	text-decoration: underline;
}
@media print, screen and (min-width: 768px){
.link{
	margin-left: -1%;
}
.link__item, .link__item_splong{
	margin-left: 1%;
	margin-bottom: 10px;
	
	flex-basis: 24%;
	-ms-flex-basis: 24%;
	-moz-flex-basis: 24%;
	-webkit-flex-basis: 24%;
}
.link__item_long ,.link__item_pclong{
	margin-left: 1%;
	margin-bottom: 10px;
	
	flex-basis: 49%;
	-ms-flex-basis: 49%;
	-moz-flex-basis: 49%;
	-webkit-flex-basis: 49%;
}
.link__link{}
}



@media only screen and (max-width: 767px){
.link{
	margin-left: -3%;
}
.link__item, .link__item_pclong{
	margin-left: 3%;
	margin-bottom: 10px;
	
	flex-basis: 47%;
	-ms-flex-basis: 47%;
	-moz-flex-basis: 47%;
	-webkit-flex-basis: 47%;
}
.link__item_long, .link__item_splong{
	margin-left: 3%;
	margin-bottom: 10px;
	
	flex-basis: 97%;
	-ms-flex-basis: 97%;
	-moz-flex-basis: 97%;
	-webkit-flex-basis: 97%;
}

.link__link{}
}


@media print, screen and (min-width: 768px){}
@media only screen and (max-width: 767px){}