@keyframes popin
{
  0%
  {
    transform : translateY(-50%) translateX(-100%);
  }
  70%
  {
    transform : translateY(-50%) translateX(-100%);
  }
  100%
  {
    transform : translateY(-50%) translateX(0);
  }
}

@keyframes popin-off
{
  0%
  {
    transform : translateY(-50%) translateX(0);
  }
  100%
  {
    transform : translateY(-50%) translateX(-100%);
  }
}

.sprite
{
  display    : inline-block;
  background : url(/images/sprite.png?v=1.6) no-repeat;
}

.sprite_footer
{
  display    : inline-block;
  background : url(/images/sprite_01_2022v3.png?v=1.6) no-repeat;
}

@media (max-width : 991px)
{
  .sprite_footer
  {
    background : url("/images/sprite_mobile_01_2022v3.png?v=1.6") no-repeat;
  }
}

.sp-logo
{
  width  : 206px;
  height : 110px;
}

.sp-search
{
  width               : 20px;
  height              : 20px;
  background-position : -525px -2px;
  position            : absolute;
  top                 : -3px;
  left                : 8px;
}

.sp-phone
{
  width               : 64px;
  height              : 64px;
  background-position : -270px 0;
}

.sp-envelope
{
  width               : 64px;
  height              : 64px;
  background-position : -342px 0;
}

.sp-map-cursor
{
  width               : 64px;
  height              : 64px;
  background-position : -414px 0;
  margin-right        : 5px;
}

@media (max-width : 767px)
{
  .sp-map-cursor
  {
    margin-right : 0;
  }
}

.sp-small-green-leaf
{
  width               : 28px;
  height              : 18px;
  background-position : -402px -119px;
}

.sp-career-logo
{
  width               : 74px;
  height              : 32px;
  background-position : -270px -72px;
  position            : absolute;
  top                 : -3px;
  right               : 17%;
}

@media (min-width : 992px) and (max-width : 1199px)
{
  .sp-career-logo
  {
    right : 14%;
  }
}

.sp-y-pareo-logo
{
  width               : 78px;
  height              : 38px;
  background-position : -350px -72px;
  position            : absolute;
  top                 : -35px;
  right               : 9%;
}

@media (min-width : 992px) and (max-width : 1199px)
{
  .sp-y-pareo-logo
  {
    right : 6%;
  }
}

.sp-campus-logo
{
  width               : 94px;
  height              : 28px;
  background-position : -685px -82px;
  position            : absolute;
  top                 : -30px;
  right               : 0;
}

@media (min-width : 992px) and (max-width : 1199px)
{
  .sp-campus-logo
  {
    right : -4%;
  }
}

.sp-left-arrow
{
  width               : 26px;
  height              : 32px;
  background-position : -492px -28px;
}

.sp-right-arrow
{
  width               : 26px;
  height              : 32px;
  background-position : -528px -27px;
}

.sp-top-arrow
{
  width               : 20px;
  height              : 16px;
  background-position : -554px -2px;
  position            : absolute;
  top                 : 19px;
  right               : 45px;
}

.sp-blue-more-link
{
  width               : 372px;
  height              : 38px;
  background-position : 0 -120px;
  float               : right;
  margin-right        : -23%;
}

@media (min-width : 768px) and (max-width : 991px)
{
  .sp-blue-more-link
  {
    width : 90%;
  }
}

@media (max-width : 767px)
{
  .sp-blue-more-link
  {
    margin-right : -52%;
  }
}

.sp-green-more-link
{
  width               : 334px;
  height              : 38px;
  background-position : 0 -575px;
  float               : right;
  margin-right        : -3%;
}

.sp-big-blue-leaf
{
  width               : 470px;
  height              : 198px;
  background-position : 0 -162px;
  margin-top          : -42px;
}

.sp-big-green-leaf
{
  width               : 478px;
  height              : 200px;
  background-position : 0 -365px;
}

.sp-area-logo-footer
{
  width               : 110px;
  height              : 50px;
  background-position : 0 -626px;
  padding-right       : 3%;
}

@media (max-width : 767px)
{
  .sp-area-logo-footer
  {
    margin-top     : 2%;
    padding-bottom : 2%;
  }
}

.sp-af-logo-footer
{
  width               : 115px;
  height              : 50px;
  background-position : -166px -624px;
  padding-right       : 1.8%;
}

@media (max-width : 767px)
{
  .sp-af-logo-footer
  {
    margin-top     : 2%;
    padding-bottom : 2%;
  }
}

.sp-codifab-footer
{
  width               : 122px;
  height              : 44px;
  background-position : -316px -628px;
  padding-right       : 2%;
}

@media (max-width : 767px)
{
  .sp-codifab-footer
  {
    margin-top     : 2%;
    padding-bottom : 2%;
  }
}

.sp-logo-footer
{
  width               : 940px;
  height              : 106px;
  background-position : 70px -837px;
}

@media (min-width : 992px) and (max-width : 1199px)
{
  .sp-logo-footer
  {
    background-position : 65px -837px;
  }
}

@media (max-width : 991px)
{
  .sp-logo-footer
  {
    background-position : 10px 0;
    width               : 375px;
    height              : 110px;
  }
}

.sp-users
{
  width               : 82px;
  height              : 70px;
  background-position : -586px 0;
}

.sp-employees
{
  width               : 68px;
  height              : 70px;
  background-position : -682px 0;
}

@media (max-width : 767px)
{
  .sp-employees
  {
    margin-top : 20px;
  }
}

.sp-teacher
{
  width               : 105px;
  height              : 74px;
  background-position : -546px -695px;
}

@media (max-width : 767px)
{
  .sp-teacher
  {
    margin-top : 20px;
  }
}

.sp-thumb
{
  width               : 64px;
  height              : 64px;
  background-position : 0 -695px;
  position            : relative;
  top                 : -15px;
  padding-right       : 4px;
}

.sp-diploma
{
  width               : 64px;
  height              : 64px;
  background-position : -67px -695px;
  position            : relative;
  top                 : -15px;
  padding-right       : 4px;
}

.sp-user
{
  width               : 64px;
  height              : 64px;
  background-position : -134px -695px;
  position            : relative;
  top                 : -15px;
  padding-right       : 4px;
}

.sp-building
{
  width               : 64px;
  height              : 64px;
  background-position : -202px -695px;
  position            : relative;
  top                 : -15px;
  padding-right       : 4px;
}

.sp-computer
{
  width               : 64px;
  height              : 64px;
  background-position : -270px -695px;
  position            : relative;
  top                 : -15px;
  padding-right       : 4px;
}

.sp-users-circle
{
  width               : 64px;
  height              : 64px;
  background-position : -339px -695px;
  position            : relative;
  top                 : -15px;
  padding-right       : 4px;
}

.sp-comments
{
  width               : 64px;
  height              : 64px;
  background-position : -406px -695px;
  position            : relative;
  top                 : -15px;
  padding-right       : 4px;
}

.sp-wheelchair
{
  width               : 64px;
  height              : 64px;
  background-position : -474px -695px;
  position            : relative;
  top                 : -15px;
  padding-right       : 4px;
}

.sp-file
{
  width               : 28px;
  height              : 34px;
  background-position : -758px -1px;
}

.sp-submit-arrow
{
  width               : 12px;
  height              : 14px;
  background-position : -562px -33px;
  position            : absolute;
  margin-top          : 16px;
  margin-left         : 8px;
}

.sp-pdf
{
  width               : 20px;
  height              : 24px;
  background-position : -666px -695px;
  position            : relative;
  top                 : 2px;
  padding-right       : 5px;
}

.sp-upload
{
  width               : 20px;
  height              : 20px;
  background-position : -695px -695px;
  position            : relative;
  top                 : 3px;
  padding-right       : 5px;
}

.sp-small-envelope
{
  width               : 24px;
  height              : 20px;
  background-position : -726px -695px;
  position            : relative;
  top                 : 4px;
  padding-right       : 5px;
}

.sp-anchor
{
  width               : 64px;
  height              : 64px;
  background-position : -666px -726px;
  float               : right;
  margin              : 20px auto;
}

.sp-small-black-right-arrow
{
  width               : 10px;
  height              : 14px;
  background-position : -762px -694px;
}

.sp-small-blue-bottom-arrow
{
  width               : 15px;
  height              : 10px;
  background-position : -782px -694px;
}

.sp-small-white-bottom-arrow
{
  width               : 15px;
  height              : 10px;
  background-position : -768px -712px;
}

.sp-small-white-right-arrow
{
  width               : 10px;
  height              : 14px;
  background-position : -798px -708px;
}

.sp-small-brown-leaf
{
  width               : 28px;
  height              : 18px;
  background-position : -474px -119px;
}

.sp-small-blue-leaf
{
  width               : 28px;
  height              : 18px;
  background-position : -438px -119px;
}

.sp-open-responsive-menu
{
  width               : 44px;
  height              : 38px;
  background-position : -352px -575px;
  position            : absolute;
  right               : 15px;
  cursor              : pointer;
}

@media (max-width : 767px)
{
  .sp-open-responsive-menu
  {
    right      : -6px;
    margin-top : 23px;
  }
}

.sp-close-responsive-menu
{
  width               : 42px;
  height              : 42px;
  background-position : -406px -570px;
  display             : none;
  position            : absolute;
  right               : 15px;
  margin-top          : 22px;
  cursor              : pointer;
}

@media (max-width : 767px)
{
  .sp-close-responsive-menu
  {
    right : 15px;
  }
}

.sp-responsive-search
{
  width               : 64px;
  height              : 64px;
  background-position : -600px -80px;
  cursor              : pointer;
}

.sp-users-no-circle
{
  width               : 56px;
  height              : 52px;
  background-position : -466px -562px;
}

.sp-diploma-no-circle
{
  width               : 64px;
  height              : 52px;
  background-position : -542px -570px;
}

.sp-cross-arrow
{
  width               : 45px;
  height              : 52px;
  background-position : -622px -570px;
}

/*# sourceMappingURL=sprite.css.map */