/*===================================================================================*/
/*  SKROLLR ANIMATIONS
/*===================================================================================*/

.navbar .navbar-collapse {
  -skrollr-animation-name: shrink-header;
}

.navbar .navbar-brand img.logo-cm {
  -skrollr-animation-name: shrink-logo-cm;
}
.navbar .navbar-brand img.logo-si {
  -skrollr-animation-name: shrink-logo-si;
  box-shadow: none !important;
}
/*
.logo.skrollable.skrollable-before {
    -webkit-box-shadow: 0 0 4px rgba(100,100,100,0) !important;
       -moz-box-shadow: 0 0 4px rgba(100,100,100,0.0) !important;
            box-shadow: 0 0 4px rgb(100,100,100) !important;
}

.logo.skrollable.skrollable-after {
    -webkit-box-shadow: 0 -3px 3px rgba(80,80,80,0) !important;
       -moz-box-shadow: 0 -3px 3px rgba(80,80,80,0.0) !important;
            box-shadow: 0 -3px 3px rgb(80,80,80) !important;
}
*/

@-skrollr-keyframes shrink-header {
  40 {
    padding-top: 0px;
    padding-bottom: 0px;
/*    -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0);
       -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.0);
        box-shadow: 0 10px 10px rgba(0,0,0,0);
*/  
  }

  300 {
    padding-top: 0;
    padding-bottom: 0;
/*     -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.1);
       -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.1);
        box-shadow: 0 10px 10px rgba(0,0,0,0.1);
  */
  }
}

@-skrollr-keyframes shrink-logo-cm {
  40 {
    height: 90px;
  }

  300 {
    height: 60px;
  }
}

@-skrollr-keyframes shrink-logo-si {
  40 {
    height: 50px;
  }

  300 {
    height: 40px;
  }
}