@font-face {
 font-family: utm-avo;
 src: url(./utm-avo.ttf);
 font-weight: normal;
 }
@font-face {
 font-family: utm-avobold;
 src: url(utm-avobold.ttf);
 font-weight: bold;
 }
/*************** STICKY SIDE BUTTON ********

.sticky-side-button {
  	right: -65px; 
    float: right;
	position: fixed;
	top: calc(50% - 47px);
    transform: rotate(90deg);
    z-index:1;
    cursor: pointer;
    border-radius:0px !important;
    margin:0px;
}
*******/
.sticky-footer-button .lienhe{
    display: inline; 
}
.sticky-footer-button .lienhe span{
    width: 5em;
}
.sticky-footer-button {
    position: absolute;
    right: 40px;
    top: 80px;
    z-index: 1;
}

/*************** POPUP: PERSONAL ***************/

.popup-personal img {
    border-radius:99px; 
    border: 5px solid #fff;
    width:120px;
    height:120px;
}

.popup-personal .col-inner {
     margin-top:-80px;
}

.lightbox-content {
    border-radius:5px; 
}


@keyframes changewidth {
  from {
  
    opacity: 0;
  }

  to {
    opacity: 1;
   
  }
}

.loop_overf{
  animation-duration: 0.5s;
  animation-name: changewidth;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
@keyframes changezoom {
  from {
  
    opacity: 0;
    transform: translate3d(0, 70px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
   
  }
}

.loop_zuum{
    transition: all 2s ease-in;
    animation-duration: 5s;
  animation-name: changewidth;

  animation-direction: alternate;
}