/* animator hr*/

hr.anim {
    border: none;
    height: 3px;
    margin: 40px 0;
    background-image: linear-gradient(to right, #FFF, #FF7070, #FFF);
}
hr.anim:before,
hr.anim:after {
    content: '';
    display: inline-block;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    border: 2px solid #FF7070;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FFF;
}
hr.anim:after {
    animation: anim-hr 1s linear infinite;  
}
@keyframes anim-hr {
    0% {
        width: 40px;
        height: 40px;
    } 
    100% {
        width: 0;
        height: 0;
    }
}
/**/

.iconblock-5 {
	position: relative;
	margin: 60px 0 20px 0;
	border: 6px solid #033989;
	transition: transform 500ms ease, box-shadow 300ms ease;
	text-align: center;
	border-radius: 20px;
	padding: 0 1.4rem;
	height:320px;
	font-size:1.1rem;
}
.iconblock-5 .icon {
    display: block;
    position: absolute;
    left: 50%;
    width: 80px;
    transform: translate(-50%, -50%); 
}
.iconblock-5 .icon i, .iconblock-5 .icon img {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 70px;
	transform: translate(-50%, -50%);
	color: #337AB7;
	width: 85px;
	height: 85px;
	background: #fff;

}
.iconblock-5 .icon svg path {
    stroke-width: 8px;
    stroke: #BDE1FF;
    transition: stroke 300ms ease;       
}
.iconblock-5 .icon svg polygon {
    fill: white; 
}      
.iconblock-5 h3 {
    transition: all 0.7s ease 0s;
    color: #093583;
    font-size:20px;
    margin:50px 0 10px 0;
}    

.iconblock-5:hover {
    transform: translateY(-3px);
    box-shadow: 0px 7px 10px 1px rgba(84, 84, 84, 0.5);         
}
.iconblock-5:hover .icon svg path {
    stroke: #337AB7; 
}  

@media (max-width: 991px) {
	.iconblock-5 {
		height:auto;
	}
}

/* li */
.list4a {
    padding:0;
    list-style: none;
    counter-reset: li ;
}  
.list4b {
    padding:0;
    list-style: none;
    counter-reset: li 3;
}    
.list4a li {
    position: relative;
    padding:0px 20px 40px 28px;
    margin-left: 40px;
    transition-duration: 0.3s;
}
.list4a li:before {
    border: 6px solid transparent;
    line-height: 30px;
    position: absolute;
    top: 0;
    left:-30px;
    width:42px;
    text-align:center;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    counter-increment: li;
    content: counter(li);
    transition-duration: 0.5s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
    }
.list4a li:hover:before {
    color: #fff;    
}
.list4a li:after {
    position: absolute;
    top: 0;
    left: -30px;
    width: 42px;
    height: 42px;
    /*border: 6px solid #3399FF;*/
	background: linear-gradient(135deg,  #4dbff0 0%,#033989  100%); 

    border-radius: 50%;
    content: '';
   /* opacity: 0.5;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;  
	z-index:-10;
}
.list4a li:hover:after {
    animation: 1000ms ease-in-out 0s bounceIn;
    opacity: 1;
}    
 
@keyframes bounceIn {
    0% {
        opacity: 0.6;
        transform: scale3d(.7, .7, .7);
    }
    20% {
        transform: scale3d(1.2, 1.2, 1.2);
    }
    40% {
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(.97, .97, .97);
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}
/**/
.departament-info-block .image-container{
    cursor: pointer;
	text-align:center;
	width:220px;
	padding:0 3rem;
	box-sizing:content-box;
	border-radius:20px;
    margin: 20px;
	border:5px solid #fff;	
	transition:all .4s;
	background:#f5faff;
}
.departament-info-block .image-container:hover{
	box-shadow:0px 0px 3px #0063ac;
}
.departament-info-block .image-container.active{
	border:5px solid #004c90;	
}
.departament-info-block .image-container img{
	width:180px;
	margin:1rem;	
}
.departament-info-block .image-container .name-button{
	font-size:1.4rem;
	font-weight:bold;
	color:#004b8e;
	line-height:1.1;
	margin-bottom:1rem;
}
.departament-info-block .info {
    display: none;
}
.titleName{
	font-size:1.6rem;
	text-align:center;
	text-transform:uppercase;
	color:#004c90;
	font-weight:bold;
}
.lineDepartment {
	background: url('../images/linedepartament.jpg') no-repeat;
	background-size:contain;
	position: absolute;
	height: 700px;
	width: 80px;
	left: 0;
}
.lineDepartment-bottom {
	background: url('../images/linedepartament-bottom.jpg') no-repeat;
	background-size:contain;
	position: absolute;
	height: 600px;
	width: 70px;
	right: 0;
	top:150%;
}



.button-card{
	padding: 21px 24px;
	background: #F1F1F1;
	border:1px solid  #E3E3E3;
}
.button-card:hover{
	background: #E3E3E3;
}
.button-card a{
	text-decoration:none;
}
.button-card__title {
	font-size: 24px;
	font-weight: bold;
	line-height: 120%;
	color: #1E1E1E;
	padding-bottom: 8px;
}
.button-card__desc {
	font-size: 14px;
	line-height: 120%;
	color: #9B9B9B;
}







@media (max-width: 920px) {
	.lineDepartment {
	height: 400px;
	width: 50px;
	left: 0;
}
.lineDepartment-bottom {
	height: 200px;
	width: 20px;
	right: 0;
	top:200%;
}
}
@media (max-width: 576px) {
.departament-info-block .image-container {
	width: 45%;
	padding: 0 0;
	margin: 0;
}
.departament-info-block .image-container:hover{
	box-shadow:none;
}
	.titleName{
	font-size:1.4rem;
	}
	.departament-info-block .image-container img {
		width: 110px;
	}
	.departament-info-block .image-container .name-button{
	font-size:1rem;
	}
	
.lineDepartment ,.lineDepartment-bottom{
	display:none;
		
}