/* :: 1.0 Import Fonts */


@font-face {
	font-family: 'AgilosIT-b';
	src: url('../../fonts/font/AgilosIT-b.ttf');
	src: local('AgilosIT-b'), url('fonts/font/AgilosIT-b.ttf') format('truetype');
}

@font-face {
	font-family: 'AgilosIT-bo';
	src: url('../../fonts/font/AgilosIT-bo.ttf');
	src: local('AgilosIT-bo'), url('../../fonts/font/AgilosIT-bo.ttf') format('truetype');
}

@font-face {
	font-family: 'AgilosIT-m';
	src: url('../../fonts/font/AgilosIT-m.ttf');
	src: local('AgilosIT-m'), url('../../fonts/font/AgilosIT-m.ttf') format('truetype');
}

@font-face {
	font-family: 'AgilosIT';
	src: url('../../fonts/font/AgilosIT.ttf');
	src: local('AgilosIT'), url('../../fonts/font/AgilosIT.ttf') format('truetype');
}

@font-face {
	font-family: 'AgilosIT-l';
	src: url('../../fonts/font/AgilosIT-l.ttf');
	src: local('AgilosIT-l'), url('../../fonts/font/AgilosIT-l.ttf') format('truetype');
}


body {
    font-family: 'AgilosIT', sans-serif;
  
}

.cta {
   background: url(../img/home/anima-hero-44.gif) center no-repeat;
   background-color: #131314;
}


.bg-gradient-circle {
    background-image: radial-gradient(circle closest-corner at 50% 130%, #003077, #11132a 60%, #0b0f19 75%);

}
.agilosteam-employer {
    /* cursor: pointer; */
    border-radius: 50%;
    position: relative;
    width: 90px;
    height: 90px;
    right: auto;
    /* z-index: 10; */
    border: 5px solid rgb(5, 104, 253, 50%) !important;
    margin: 0.6em;
    transition: 0.3s;
}
.agilosteam-employer:hover {
  border: 6px solid #0568FD;  
}
.hide {
  display: none;
}
/* Rotating element */
@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes rotating {
    from {
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -ms-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  .rotating {
    -webkit-animation: rotating 30s linear infinite;
    -moz-animation: rotating 30s linear infinite;
    -ms-animation: rotating 30s linear infinite;
    -o-animation: rotating 30s linear infinite;
    animation: rotating 30s linear infinite;
  }

 
  .outer {
  
    position: relative;
    background: transparent;
    z-index: 2;
}

.inner { 
    left:50%;
   top:50%;
   -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
  position: absolute;
  
   z-index: 3;
  
}