/*
 *  Document: css3_animations.less
 *
 *  CSS3 ANIMATION CHEAT SHEET
 *
 *  Made by Justin Aguilar
 *  www.justinaguilar.com/animations/
 *
 *  Questions, comments, concerns, love letters:
 *  justin@justinaguilar.com
 *
 */
/*
==============================================
slideDown
==============================================
*/
.animation-slideDown {
  animation-name: slideDown;
  -webkit-animation-name: slideDown;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important; }

@keyframes slideDown {
  0% {
    transform: translateY(-100%); }
  50% {
    transform: translateY(8%); }
  65% {
    transform: translateY(-4%); }
  80% {
    transform: translateY(4%); }
  95% {
    transform: translateY(-2%); }
  100% {
    transform: translateY(0%); } }

@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%); }
  50% {
    -webkit-transform: translateY(8%); }
  65% {
    -webkit-transform: translateY(-4%); }
  80% {
    -webkit-transform: translateY(4%); }
  95% {
    -webkit-transform: translateY(-2%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*
==============================================
slideUp
==============================================
*/
.animation-slideUp {
  animation-name: slideUp;
  -webkit-animation-name: slideUp;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important; }

@keyframes slideUp {
  0% {
    transform: translateY(100%); }
  50% {
    transform: translateY(-8%); }
  65% {
    transform: translateY(4%); }
  80% {
    transform: translateY(-4%); }
  95% {
    transform: translateY(2%); }
  100% {
    transform: translateY(0%); } }

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%); }
  50% {
    -webkit-transform: translateY(-8%); }
  65% {
    -webkit-transform: translateY(4%); }
  80% {
    -webkit-transform: translateY(-4%); }
  95% {
    -webkit-transform: translateY(2%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*
==============================================
slideLeft
==============================================
*/
.animation-slideLeft {
  animation-name: slideLeft;
  -webkit-animation-name: slideLeft;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important; }

@keyframes slideLeft {
  0% {
    transform: translateX(150%); }
  50% {
    ransform: translateX(-8%); }
  65% {
    transform: translateX(4%); }
  80% {
    transform: translateX(-4%); }
  95% {
    transform: translateX(2%); }
  100% {
    transform: translateX(0%); } }

@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: translateX(150%); }
  50% {
    -webkit-transform: translateX(-8%); }
  65% {
    -webkit-transform: translateX(4%); }
  80% {
    -webkit-transform: translateX(-4%); }
  95% {
    -webkit-transform: translateX(2%); }
  100% {
    -webkit-transform: translateX(0%); } }

/*
==============================================
slideRight
==============================================
*/
.animation-slideRight {
  animation-name: slideRight;
  -webkit-animation-name: slideRight;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important; }

@keyframes slideRight {
  0% {
    transform: translateX(-150%); }
  50% {
    transform: translateX(8%); }
  65% {
    transform: translateX(-4%); }
  80% {
    transform: translateX(4%); }
  95% {
    transform: translateX(-2%); }
  100% {
    transform: translateX(0%); } }

@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translateX(-150%); }
  50% {
    -webkit-transform: translateX(8%); }
  65% {
    -webkit-transform: translateX(-4%); }
  80% {
    -webkit-transform: translateX(4%); }
  95% {
    -webkit-transform: translateX(-2%); }
  100% {
    -webkit-transform: translateX(0%); } }

/*
==============================================
slideExpandUp
==============================================
*/
.animation-slideExpandUp {
  animation-name: slideExpandUp;
  -webkit-animation-name: slideExpandUp;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease -out;
  visibility: visible !important; }

@keyframes slideExpandUp {
  0% {
    transform: translateY(100%) scaleX(0.5); }
  30% {
    transform: translateY(-8%) scaleX(0.5); }
  40% {
    transform: translateY(2%) scaleX(0.5); }
  50% {
    transform: translateY(0%) scaleX(1.1); }
  60% {
    transform: translateY(0%) scaleX(0.9); }
  70% {
    transform: translateY(0%) scaleX(1.05); }
  80% {
    transform: translateY(0%) scaleX(0.95); }
  90% {
    transform: translateY(0%) scaleX(1.02); }
  100% {
    transform: translateY(0%) scaleX(1); } }

@-webkit-keyframes slideExpandUp {
  0% {
    -webkit-transform: translateY(100%) scaleX(0.5); }
  30% {
    -webkit-transform: translateY(-8%) scaleX(0.5); }
  40% {
    -webkit-transform: translateY(2%) scaleX(0.5); }
  50% {
    -webkit-transform: translateY(0%) scaleX(1.1); }
  60% {
    -webkit-transform: translateY(0%) scaleX(0.9); }
  70% {
    -webkit-transform: translateY(0%) scaleX(1.05); }
  80% {
    -webkit-transform: translateY(0%) scaleX(0.95); }
  90% {
    -webkit-transform: translateY(0%) scaleX(1.02); }
  100% {
    -webkit-transform: translateY(0%) scaleX(1); } }

/*
==============================================
expandUp
==============================================
*/
.animation-expandUp {
  animation-name: expandUp;
  -webkit-animation-name: expandUp;
  animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important; }

@keyframes expandUp {
  0% {
    transform: translateY(100%) scale(0.6) scaleY(0.5); }
  60% {
    transform: translateY(-7%) scaleY(1.12); }
  75% {
    transform: translateY(3%); }
  100% {
    transform: translateY(0%) scale(1) scaleY(1); } }

@-webkit-keyframes expandUp {
  0% {
    -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5); }
  60% {
    -webkit-transform: translateY(-7%) scaleY(1.12); }
  75% {
    -webkit-transform: translateY(3%); }
  100% {
    -webkit-transform: translateY(0%) scale(1) scaleY(1); } }

/*
==============================================
fadeIn
==============================================
*/
.animation-fadeIn {
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-duration: 1.0s;
  -webkit-animation-duration: 1.0s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important; }

@keyframes fadeIn {
  0% {
    transform: scale(0);
    opacity: 0.0; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0; }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }

/*
==============================================
expandOpen
==============================================
*/
.animation-expandOpen {
  animation-name: expandOpen;
  -webkit-animation-name: expandOpen;
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important; }

@keyframes expandOpen {
  0% {
    transform: scale(1.8); }
  50% {
    transform: scale(0.95); }
  80% {
    transform: scale(1.05); }
  90% {
    transform: scale(0.98); }
  100% {
    transform: scale(1); } }

@-webkit-keyframes expandOpen {
  0% {
    -webkit-transform: scale(1.8); }
  50% {
    -webkit-transform: scale(0.95); }
  80% {
    -webkit-transform: scale(1.05); }
  90% {
    -webkit-transform: scale(0.98); }
  100% {
    -webkit-transform: scale(1); } }

/*
==============================================
bigEntrance
==============================================
*/
.animation-bigEntrance {
  animation-name: bigEntrance;
  -webkit-animation-name: bigEntrance;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important; }

@keyframes bigEntrance {
  0% {
    transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2; }
  30% {
    transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1; }
  45% {
    transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  60% {
    transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  75% {
    transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  90% {
    transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; }
  100% {
    transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; } }

@-webkit-keyframes bigEntrance {
  0% {
    -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2; }
  30% {
    -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  60% {
    -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  75% {
    -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  90% {
    -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; } }

/*
==============================================
hatch
==============================================
*/
.animation-hatch {
  animation-name: hatch;
  -webkit-animation-name: hatch;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  visibility: visible !important; }

@keyframes hatch {
  0% {
    transform: rotate(0deg) scaleY(0.6); }
  20% {
    transform: rotate(-2deg) scaleY(1.05); }
  35% {
    transform: rotate(2deg) scaleY(1); }
  50% {
    transform: rotate(-2deg); }
  65% {
    transform: rotate(1deg); }
  80% {
    transform: rotate(-1deg); }
  100% {
    transform: rotate(0deg); } }

@-webkit-keyframes hatch {
  0% {
    -webkit-transform: rotate(0deg) scaleY(0.6); }
  20% {
    -webkit-transform: rotate(-2deg) scaleY(1.05); }
  35% {
    -webkit-transform: rotate(2deg) scaleY(1); }
  50% {
    -webkit-transform: rotate(-2deg); }
  65% {
    -webkit-transform: rotate(1deg); }
  80% {
    -webkit-transform: rotate(-1deg); }
  100% {
    -webkit-transform: rotate(0deg); } }

/*
==============================================
bounce
==============================================
*/
.animation-bounce {
  animation-name: bounce;
  -webkit-animation-name: bounce;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%; }

@keyframes bounce {
  0% {
    transform: translateY(0%) scaleY(0.6); }
  60% {
    transform: translateY(-100%) scaleY(1.1); }
  70% {
    transform: translateY(0%) scaleY(0.95) scaleX(1.05); }
  80% {
    transform: translateY(0%) scaleY(1.05) scaleX(1); }
  90% {
    transform: translateY(0%) scaleY(0.95) scaleX(1); }
  100% {
    transform: translateY(0%) scaleY(1) scaleX(1); } }

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0%) scaleY(0.6); }
  60% {
    -webkit-transform: translateY(-100%) scaleY(1.1); }
  70% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05); }
  80% {
    -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1); }
  90% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1); }
  100% {
    -webkit-transform: translateY(0%) scaleY(1) scaleX(1); } }

/*
==============================================
pulse
==============================================
*/
.animation-pulse {
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.7; }
  50% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0.9);
    opacity: 0.7; } }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; }
  50% {
    -webkit-transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; } }

/*
==============================================
floating
==============================================
*/
.animation-floating {
  animation-name: floating;
  -webkit-animation-name: floating;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@keyframes floating {
  0% {
    transform: translateY(0%); }
  50% {
    transform: translateY(8%); }
  100% {
    transform: translateY(0%); } }

@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(8%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*
==============================================
tossing
==============================================
*/
.animation-tossing {
  animation-name: tossing;
  -webkit-animation-name: tossing;
  animation-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@keyframes tossing {
  0% {
    transform: rotate(-4deg); }
  50% {
    transform: rotate(4deg); }
  100% {
    transform: rotate(-4deg); } }

@-webkit-keyframes tossing {
  0% {
    -webkit-transform: rotate(-4deg); }
  50% {
    -webkit-transform: rotate(4deg); }
  100% {
    -webkit-transform: rotate(-4deg); } }

/*
==============================================
pullUp
==============================================
*/
.animation-pullUp {
  animation-name: pullUp;
  -webkit-animation-name: pullUp;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%; }

@keyframes pullUp {
  0% {
    transform: scaleY(0.1); }
  40% {
    transform: scaleY(1.02); }
  60% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(1); } }

@-webkit-keyframes pullUp {
  0% {
    -webkit-transform: scaleY(0.1); }
  40% {
    -webkit-transform: scaleY(1.02); }
  60% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(1); } }

/*
==============================================
pullDown
==============================================
*/
.animation-pullDown {
  animation-name: pullDown;
  -webkit-animation-name: pullDown;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%; }

@keyframes pullDown {
  0% {
    transform: scaleY(0.1); }
  40% {
    transform: scaleY(1.02); }
  60% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(1); } }

@-webkit-keyframes pullDown {
  0% {
    -webkit-transform: scaleY(0.1); }
  40% {
    -webkit-transform: scaleY(1.02); }
  60% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(1); } }

/*
==============================================
stretchLeft
==============================================
*/
.animation-stretchLeft {
  animation-name: stretchLeft;
  -webkit-animation-name: stretchLeft;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -webkit-transform-origin: 100% 0%; }

@keyframes stretchLeft {
  0% {
    transform: scaleX(0.3); }
  40% {
    transform: scaleX(1.02); }
  60% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(1); } }

@-webkit-keyframes stretchLeft {
  0% {
    -webkit-transform: scaleX(0.3); }
  40% {
    -webkit-transform: scaleX(1.02); }
  60% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1); } }

/*
==============================================
stretchRight
==============================================
*/
.animation-stretchRight {
  animation-name: stretchRight;
  -webkit-animation-name: stretchRight;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%; }

@keyframes stretchRight {
  0% {
    transform: scaleX(0.3); }
  40% {
    transform: scaleX(1.02); }
  60% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(1); } }

@-webkit-keyframes stretchRight {
  0% {
    -webkit-transform: scaleX(0.3); }
  40% {
    -webkit-transform: scaleX(1.02); }
  60% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1); } }

/* Extend with more animations */
/*
==============================================
pulseSlow
==============================================
*/
.animation-pulseSlow {
  animation-name: pulseSlow;
  -webkit-animation-name: pulseSlow;
  animation-duration: 30s;
  -webkit-animation-duration: 30s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear; }

@keyframes pulseSlow {
  0% {
    transform: scale(1.1); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(1.1); } }

@-webkit-keyframes pulseSlow {
  0% {
    -webkit-transform: scale(1.1); }
  50% {
    -webkit-transform: scale(1); }
  100% {
    -webkit-transform: scale(1.1); } }

/*
==============================================
floatingHor
==============================================
*/
.animation-floatingHor {
  animation-name: floatingHor;
  -webkit-animation-name: floatingHor;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@keyframes floatingHor {
  0% {
    transform: translateX(0%); }
  50% {
    transform: translateX(8%); }
  100% {
    transform: translateX(0%); } }

@-webkit-keyframes floatingHor {
  0% {
    -webkit-transform: translateX(0%); }
  50% {
    -webkit-transform: translateX(8%); }
  100% {
    -webkit-transform: translateX(0%); } }

/*
==============================================
fadeInQuick
==============================================
*/
.animation-fadeInQuick {
  animation-name: fadeInQuick;
  -webkit-animation-name: fadeInQuick;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important; }

@keyframes fadeInQuick {
  0% {
    transform: scale(0.9);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes fadeInQuick {
  0% {
    -webkit-transform: scale(0.9);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }

/*
==============================================
fadeInQuickInv
==============================================
*/
.animation-fadeInQuickInv {
  animation-name: fadeInQuickInv;
  -webkit-animation-name: fadeInQuickInv;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important; }

@keyframes fadeInQuickInv {
  0% {
    transform: scale(1.1);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes fadeInQuickInv {
  0% {
    -webkit-transform: scale(1.1);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }

/*
==============================================
fadeIn360
==============================================
*/
.animation-fadeIn360 {
  animation-name: fadeIn360;
  -webkit-animation-name: fadeIn360;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important; }

@keyframes fadeIn360 {
  0% {
    transform: rotate(0deg) scale(1.3);
    opacity: 0; }
  100% {
    transform: rotate(360deg) scale(1);
    opacity: 1; } }

@-webkit-keyframes fadeIn360 {
  0% {
    -webkit-transform: rotate(0deg) scale(1.3);
    opacity: 0; }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
    opacity: 1; } }

/*
==============================================
FadeInRight
==============================================
*/
.animation-fadeInRight {
  animation-name: fadeInRight;
  -webkit-animation-name: fadeInRight;
  animation-duration: 0.75s;
  -webkit-animation-duration: 0.75s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important; }

@keyframes fadeInRight {
  0% {
    transform: translateX(-100%);
    opacity: 0; }
  100% {
    transform: translateX(0%);
    opacity: 1; } }

@-webkit-keyframes fadeInRight {
  0% {
    -webkit-transform: translateX(-100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0%);
    opacity: 1; } }

/*
==============================================
FadeInLeft
==============================================
*/
.animation-fadeInLeft {
  animation-name: fadeInLeft;
  -webkit-animation-name: fadeInLeft;
  animation-duration: 0.75s;
  -webkit-animation-duration: 0.75s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important; }

@keyframes fadeInLeft {
  0% {
    transform: translateX(100%);
    opacity: 0; }
  100% {
    transform: translateX(0%);
    opacity: 1; } }

@-webkit-keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0%);
    opacity: 1; } }

.margin-top-0 {
  margin-top: 0px !important; }

.margin-top-5 {
  margin-top: 5px !important; }

.margin-top-10 {
  margin-top: 10px !important; }

.margin-top-15 {
  margin-top: 15px !important; }

.margin-top-20 {
  margin-top: 20px !important; }

.margin-top-25 {
  margin-top: 25px !important; }

.margin-top-30 {
  margin-top: 30px !important; }

.margin-top-35 {
  margin-top: 35px !important; }

.margin-top-40 {
  margin-top: 40px !important; }

.margin-top-45 {
  margin-top: 45px !important; }

.margin-top-50 {
  margin-top: 50px !important; }

.margin-top-55 {
  margin-top: 55px !important; }

.margin-top-60 {
  margin-top: 60px !important; }

.margin-top-100 {
  margin-top: 100px !important; }

.margin-right-0 {
  margin-right: 0px !important; }

.margin-right-5 {
  margin-right: 5px !important; }

.margin-right-10 {
  margin-right: 10px !important; }

.margin-right-15 {
  margin-right: 15px !important; }

.margin-right-20 {
  margin-right: 20px !important; }

.margin-right-25 {
  margin-right: 25px !important; }

.margin-right-30 {
  margin-right: 30px !important; }

.margin-right-35 {
  margin-right: 35px !important; }

.margin-right-40 {
  margin-right: 40px !important; }

.margin-right-45 {
  margin-right: 45px !important; }

.margin-right-50 {
  margin-right: 50px !important; }

.margin-right-55 {
  margin-right: 55px !important; }

.margin-right-60 {
  margin-right: 60px !important; }

.margin-right-100 {
  margin-right: 100px !important; }

.margin-bottom-0 {
  margin-bottom: 0px !important; }

.margin-bottom-5 {
  margin-bottom: 5px !important; }

.margin-bottom-10 {
  margin-bottom: 10px !important; }

.margin-bottom-15 {
  margin-bottom: 15px !important; }

.margin-bottom-20 {
  margin-bottom: 20px !important; }

.margin-bottom-25 {
  margin-bottom: 25px !important; }

.margin-bottom-30 {
  margin-bottom: 30px !important; }

.margin-bottom-35 {
  margin-bottom: 35px !important; }

.margin-bottom-40 {
  margin-bottom: 40px !important; }

.margin-bottom-45 {
  margin-bottom: 45px !important; }

.margin-bottom-50 {
  margin-bottom: 50px !important; }

.margin-bottom-55 {
  margin-bottom: 55px !important; }

.margin-bottom-60 {
  margin-bottom: 60px !important; }

.margin-bottom-100 {
  margin-bottom: 100px !important; }

.margin-left-0 {
  margin-left: 0px !important; }

.margin-left-5 {
  margin-left: 5px !important; }

.margin-left-10 {
  margin-left: 10px !important; }

.margin-left-15 {
  margin-left: 15px !important; }

.margin-left-20 {
  margin-left: 20px !important; }

.margin-left-25 {
  margin-left: 25px !important; }

.margin-left-30 {
  margin-left: 30px !important; }

.margin-left-35 {
  margin-left: 35px !important; }

.margin-left-40 {
  margin-left: 40px !important; }

.margin-left-45 {
  margin-left: 45px !important; }

.margin-left-50 {
  margin-left: 50px !important; }

.margin-left-55 {
  margin-left: 55px !important; }

.margin-left-60 {
  margin-left: 60px !important; }

.margin-left-100 {
  margin-left: 100px !important; }

.margin-all-0 {
  margin: 0px !important; }

.margin-all-5 {
  margin: 5px !important; }

.margin-all-10 {
  margin: 10px !important; }

.margin-all-15 {
  margin: 15px !important; }

.margin-all-20 {
  margin: 20px !important; }

.margin-all-25 {
  margin: 25px !important; }

.margin-all-30 {
  margin: 30px !important; }

.margin-all-35 {
  margin: 35px !important; }

.margin-all-40 {
  margin: 40px !important; }

.margin-all-45 {
  margin: 45px !important; }

.margin-all-50 {
  margin: 50px !important; }

.margin-all-55 {
  margin: 55px !important; }

.margin-all-60 {
  margin: 60px !important; }

.margin-all-100 {
  margin: 100px !important; }

.margin-x-0 {
  margin-left: 0px !important;
  margin-right: 0px !important; }

.margin-x-5 {
  margin-left: 5px !important;
  margin-right: 5px !important; }

.margin-x-10 {
  margin-left: 10px !important;
  margin-right: 10px !important; }

.margin-x-15 {
  margin-left: 15px !important;
  margin-right: 15px !important; }

.margin-x-20 {
  margin-left: 20px !important;
  margin-right: 20px !important; }

.margin-x-25 {
  margin-left: 25px !important;
  margin-right: 25px !important; }

.margin-x-30 {
  margin-left: 30px !important;
  margin-right: 30px !important; }

.margin-x-35 {
  margin-left: 35px !important;
  margin-right: 35px !important; }

.margin-x-40 {
  margin-left: 40px !important;
  margin-right: 40px !important; }

.margin-x-45 {
  margin-left: 45px !important;
  margin-right: 45px !important; }

.margin-x-50 {
  margin-left: 50px !important;
  margin-right: 50px !important; }

.margin-x-55 {
  margin-left: 55px !important;
  margin-right: 55px !important; }

.margin-x-60 {
  margin-left: 60px !important;
  margin-right: 60px !important; }

.margin-x-100 {
  margin-left: 100px !important;
  margin-right: 100px !important; }

.margin-y-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

.margin-y-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }

.margin-y-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.margin-y-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important; }

.margin-y-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

.margin-y-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important; }

.margin-y-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important; }

.margin-y-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important; }

.margin-y-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important; }

.margin-y-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important; }

.margin-y-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important; }

.margin-y-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important; }

.margin-y-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important; }

.margin-y-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important; }

.padding-top-0 {
  padding-top: 0px !important; }

.padding-top-5 {
  padding-top: 5px !important; }

.padding-top-10 {
  padding-top: 10px !important; }

.padding-top-15 {
  padding-top: 15px !important; }

.padding-top-20 {
  padding-top: 20px !important; }

.padding-top-25 {
  padding-top: 25px !important; }

.padding-top-30 {
  padding-top: 30px !important; }

.padding-top-35 {
  padding-top: 35px !important; }

.padding-top-40 {
  padding-top: 40px !important; }

.padding-top-45 {
  padding-top: 45px !important; }

.padding-top-50 {
  padding-top: 50px !important; }

.padding-top-55 {
  padding-top: 55px !important; }

.padding-top-60 {
  padding-top: 60px !important; }

.padding-top-100 {
  padding-top: 100px !important; }

.padding-right-0 {
  padding-right: 0px !important; }

.padding-right-5 {
  padding-right: 5px !important; }

.padding-right-10 {
  padding-right: 10px !important; }

.padding-right-15 {
  padding-right: 15px !important; }

.padding-right-20 {
  padding-right: 20px !important; }

.padding-right-25 {
  padding-right: 25px !important; }

.padding-right-30 {
  padding-right: 30px !important; }

.padding-right-35 {
  padding-right: 35px !important; }

.padding-right-40 {
  padding-right: 40px !important; }

.padding-right-45 {
  padding-right: 45px !important; }

.padding-right-50 {
  padding-right: 50px !important; }

.padding-right-55 {
  padding-right: 55px !important; }

.padding-right-60 {
  padding-right: 60px !important; }

.padding-right-100 {
  padding-right: 100px !important; }

.padding-bottom-0 {
  padding-bottom: 0px !important; }

.padding-bottom-5 {
  padding-bottom: 5px !important; }

.padding-bottom-10 {
  padding-bottom: 10px !important; }

.padding-bottom-15 {
  padding-bottom: 15px !important; }

.padding-bottom-20 {
  padding-bottom: 20px !important; }

.padding-bottom-25 {
  padding-bottom: 25px !important; }

.padding-bottom-30 {
  padding-bottom: 30px !important; }

.padding-bottom-35 {
  padding-bottom: 35px !important; }

.padding-bottom-40 {
  padding-bottom: 40px !important; }

.padding-bottom-45 {
  padding-bottom: 45px !important; }

.padding-bottom-50 {
  padding-bottom: 50px !important; }

.padding-bottom-55 {
  padding-bottom: 55px !important; }

.padding-bottom-60 {
  padding-bottom: 60px !important; }

.padding-bottom-100 {
  padding-bottom: 100px !important; }

.padding-left-0 {
  padding-left: 0px !important; }

.padding-left-5 {
  padding-left: 5px !important; }

.padding-left-10 {
  padding-left: 10px !important; }

.padding-left-15 {
  padding-left: 15px !important; }

.padding-left-20 {
  padding-left: 20px !important; }

.padding-left-25 {
  padding-left: 25px !important; }

.padding-left-30 {
  padding-left: 30px !important; }

.padding-left-35 {
  padding-left: 35px !important; }

.padding-left-40 {
  padding-left: 40px !important; }

.padding-left-45 {
  padding-left: 45px !important; }

.padding-left-50 {
  padding-left: 50px !important; }

.padding-left-55 {
  padding-left: 55px !important; }

.padding-left-60 {
  padding-left: 60px !important; }

.padding-left-100 {
  padding-left: 100px !important; }

.padding-all-0 {
  padding: 0px !important; }

.padding-all-5 {
  padding: 5px !important; }

.padding-all-10 {
  padding: 10px !important; }

.padding-all-15 {
  padding: 15px !important; }

.padding-all-20 {
  padding: 20px !important; }

.padding-all-25 {
  padding: 25px !important; }

.padding-all-30 {
  padding: 30px !important; }

.padding-all-35 {
  padding: 35px !important; }

.padding-all-40 {
  padding: 40px !important; }

.padding-all-45 {
  padding: 45px !important; }

.padding-all-50 {
  padding: 50px !important; }

.padding-all-55 {
  padding: 55px !important; }

.padding-all-60 {
  padding: 60px !important; }

.padding-all-100 {
  padding: 100px !important; }

.padding-x-0 {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.padding-x-5 {
  padding-left: 5px !important;
  padding-right: 5px !important; }

.padding-x-10 {
  padding-left: 10px !important;
  padding-right: 10px !important; }

.padding-x-15 {
  padding-left: 15px !important;
  padding-right: 15px !important; }

.padding-x-20 {
  padding-left: 20px !important;
  padding-right: 20px !important; }

.padding-x-25 {
  padding-left: 25px !important;
  padding-right: 25px !important; }

.padding-x-30 {
  padding-left: 30px !important;
  padding-right: 30px !important; }

.padding-x-35 {
  padding-left: 35px !important;
  padding-right: 35px !important; }

.padding-x-40 {
  padding-left: 40px !important;
  padding-right: 40px !important; }

.padding-x-45 {
  padding-left: 45px !important;
  padding-right: 45px !important; }

.padding-x-50 {
  padding-left: 50px !important;
  padding-right: 50px !important; }

.padding-x-55 {
  padding-left: 55px !important;
  padding-right: 55px !important; }

.padding-x-60 {
  padding-left: 60px !important;
  padding-right: 60px !important; }

.padding-x-100 {
  padding-left: 100px !important;
  padding-right: 100px !important; }

.padding-y-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

.padding-y-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.padding-y-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

.padding-y-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important; }

.padding-y-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important; }

.padding-y-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important; }

.padding-y-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important; }

.padding-y-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important; }

.padding-y-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important; }

.padding-y-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important; }

.padding-y-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important; }

.padding-y-55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important; }

.padding-y-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important; }

.padding-y-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important; }

.no-padding {
  padding: 0 !important; }

.no-margin {
  margin: 0 !important; }

.no-top-spacing {
  padding-top: 0 !important;
  margin-top: 0 !important; }

.no-bottom-spacing {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important; }

.no-left-spacing {
  padding-left: 0 !important;
  margin-left: 0 !important; }

.no-right-spacing {
  padding-right: 0 !important;
  margin-right: 0 !important; }

.no-side-spacing {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important; }

.no-gutter {
  margin-right: 0 !important;
  margin-left: 0 !important; }
  .no-gutter > [class^='col-'],
  .no-gutter > [class*='col-'] {
    padding-right: 0 !important;
    padding-left: 0 !important; }

.no-border {
  border: 0 !important; }

.circle {
  border-radius: 100% !important; }

.rounded {
  border-radius: 4px !important; }

.rounded-2x {
  border-radius: 10px !important; }

.bold {
  font-weight: 700; }

.regular {
  font-weight: 400; }

.italic {
  font-style: italic; }

.capitalize {
  text-transform: capitalize; }

.uppercase {
  text-transform: uppercase; }

.letter-spacing {
  letter-spacing: -0.5px; }

.font-weight-100 {
  font-weight: 100 !important; }

.font-weight-200 {
  font-weight: 200 !important; }

.font-weight-300 {
  font-weight: 300 !important; }

.font-weight-400 {
  font-weight: 400 !important; }

.font-weight-500 {
  font-weight: 500 !important; }

.font-weight-600 {
  font-weight: 600 !important; }

.font-weight-700 {
  font-weight: 700 !important; }

.font-weight-800 {
  font-weight: 800 !important; }

.font-weight-900 {
  font-weight: 900 !important; }

@font-face {
  font-family: 'ua-logos';
  src: url("../fonts/ua-logos.eot?-x10hb6");
  src: url("../fonts/ua-logos.eot?#iefix-x10hb6") format("embedded-opentype"), url("../fonts/ua-logos.ttf?-x10hb6") format("truetype"), url("../fonts/ua-logos.woff?-x10hb6") format("woff"), url("../fonts/ua-logos.svg?-x10hb6#ua-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

.ua-logo {
  font-family: 'ua-logos';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ua-logo-nameplate:before {
  content: "\e601"; }

.ua-logo-stacked:before {
  content: "\e600"; }

@font-face {
  font-family: 'ua-icons';
  src: url("../fonts/ua-icons.eot?6bwdin");
  src: url("../fonts/ua-icons.eot?6bwdin#iefix") format("embedded-opentype"), url("../fonts/ua-icons.ttf?6bwdin") format("truetype"), url("../fonts/ua-icons.woff?6bwdin") format("woff"), url("../fonts/ua-icons.svg?6bwdin#ua-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="ua-icon-"],
[class*=" ua-icon-"] {
  font-family: 'ua-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ua-icon-volunteer-outreach:before {
  content: "\e900"; }

.ua-icon-ua-general:before {
  content: "\e901"; }

.ua-icon-ua-world:before {
  content: "\e902"; }

.ua-icon-sports:before {
  content: "\e903"; }

.ua-icon-social-work:before {
  content: "\e904"; }

.ua-icon-school-general:before {
  content: "\e905"; }

.ua-icon-nursing:before {
  content: "\e906"; }

.ua-icon-medical-chs:before {
  content: "\e907"; }

.ua-icon-libraries:before {
  content: "\e908"; }

.ua-icon-law:before {
  content: "\e909"; }

.ua-icon-honors:before {
  content: "\e90a"; }

.ua-icon-hes:before {
  content: "\e90b"; }

.ua-icon-grow:before {
  content: "\e90c"; }

.ua-icon-graduate:before {
  content: "\e90d"; }

.ua-icon-excellence:before {
  content: "\e90e"; }

.ua-icon-engineering:before {
  content: "\e90f"; }

.ua-icon-education:before {
  content: "\e910"; }

.ua-icon-continuing-studies:before {
  content: "\e911"; }

.ua-icon-communications:before {
  content: "\e912"; }

.ua-icon-business-2:before {
  content: "\e913"; }

.ua-icon-business-1:before {
  content: "\e914"; }

.ua-icon-awards:before {
  content: "\e915"; }

.ua-icon-arts-sciences:before {
  content: "\e916"; }

.ua-icon-denny-chimes:before {
  content: "\e800"; }

html,
body {
  height: 100%; }

body {
  color: #5c5f68;
  font-size: 15px;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  line-height: 1.46666667; }

a {
  color: #990000; }
  a:hover,
  a:focus {
    outline: none;
    color: #666666; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Lato', 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 15px; }

p {
  margin: 0 0 15px; }

mark,
.mark {
  background-color: #990000;
  color: white; }

.leader-line {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 30px 0;
  line-height: 1.3; }
  .leader-line:after {
    position: absolute;
    top: 55%;
    overflow: hidden;
    width: 100%;
    height: 1px;
    content: '\a0';
    background-color: #c6c6c6;
    border-left: solid 20px white; }

.page-header {
  margin-top: 20px;
  margin-bottom: 15px; }

.font-size-18 {
  font-size: 18px; }

a.ua-logo {
  font-size: 55px;
  line-height: 55px;
  padding-top: 23px;
  height: auto; }
  a.ua-logo:focus {
    border: thin #fff dashed; }

header h1,
header h2,
header h3,
header h4,
header h5,
header h6 {
  margin-top: 0;
  margin-bottom: 12px; }

header .header-primary {
  background: #900f0f; }
  header .header-primary .ua-logo {
    color: white; }

header .header-light {
  background: white; }
  header .header-light .ua-logo {
    color: #990000; }

header .header-dark {
  background: #666666; }
  header .header-dark .ua-logo {
    color: white; }

header .header-transparent {
  background-image: url("../../assets/img/opacity-dark-60.png");
  background: rgba(0, 0, 0, 0.6); }
  header .header-transparent .ua-logo {
    color: white; }

.sticky-header-container {
  min-height: 100px; }

.header-main.affix {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  border-bottom: 0 !important; }
  .header-main.affix.header-transparent,
  .header-main.affix.header-light,
  .header-main.affix.header-dark {
    background: #900f0f; }
  .header-main.affix.header-light .ua-logo {
    color: white; }
  .header-main.affix.header-light .navbar-nav > li > a {
    color: white; }
    .header-main.affix.header-light .navbar-nav > li > a:hover {
      background: rgba(255, 255, 255, 0.95);
      color: #990000; }
  .header-main.affix.header-light .nav > .open > a,
  .header-main.affix.header-light .nav > .open > a:focus,
  .header-main.affix.header-light .nav > .open > a:hover {
    background: rgba(255, 255, 255, 0.95);
    color: #990000;
    border-color: transparent; }
  .header-main.affix.header-light .nav > li > a:focus,
  .header-main.affix.header-light .nav > li > a:hover,
  .header-main.affix.header-light .nav > li > a:active {
    background: rgba(255, 255, 255, 0.95);
    color: #990000;
    border-color: transparent; }
  .header-main.affix.header-light .dropdown-menu {
    border-top: none; }
  .header-main.affix .navbar-nav > li > a {
    padding-top: 25px;
    padding-bottom: 30px; }
  .header-main.affix .ua-logo {
    padding-top: 10px;
    padding-bottom: 10px; }

.top-search-container {
  width: 100%;
  height: 66px;
  z-index: 1100;
  padding: 23px 0;
  display: none; }
  .top-search-container form {
    margin-top: -10px;
    margin-bottom: 0; }
  .top-search-container label {
    color: #dddddd;
    font-weight: 400; }
  .top-search-container .form-control::-moz-placeholder {
    font-weight: 600;
    text-transform: uppercase; }
  .top-search-container .form-control:-ms-input-placeholder {
    font-weight: 600;
    text-transform: uppercase; }
  .top-search-container .form-control::-webkit-input-placeholder {
    font-weight: 600;
    text-transform: uppercase; }

.top-search #search, .top-tools #tools {
  background: none;
  border: none;
  height: 50px;
  line-height: 45px;
  color: white;
  padding-top: 3px;
  padding-left: 17px;
  padding-right: 17px;
  /* 	padding-bottom: 8px; */ }

.top-search #search:hover, .top-tools #tools:hover {
  background-color: #6d0019;
  outline: dotted 1px #000; }

.top-tools-container {
  position: relative;
  left: 0;
  width: 100%;
  height: 66px;
  max-height: 66px;
  z-index: 1100;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: none;
  transform: translateZ(0);
  font-size: 13px; }
  .top-tools-container ul > li > a {
    padding: 12px 0; }
  .top-tools-container i {
    display: block;
    font-size: 22px;
    line-height: 25px;
    margin: 0 auto; }

.header-primary .top-tools-container,
.header-primary .top-search-container {
  background-color: #f8f8f8; }
  .header-primary .top-tools-container a,
  .header-primary .top-search-container a {
    color: #5c5f68; }
    .header-primary .top-tools-container a:hover,
    .header-primary .top-search-container a:hover {
      color: #900f0f; }

.header-light .top-tools-container,
.header-light .top-search-container {
  background-color: #3d3d3d; }
  .header-light .top-tools-container .nav > li > a:hover,
  .header-light .top-search-container .nav > li > a:hover {
    background-color: white; }
  .header-light .top-tools-container a,
  .header-light .top-search-container a {
    color: white; }
    .header-light .top-tools-container a:hover,
    .header-light .top-search-container a:hover {
      color: #900f0f; }

.header-dark .top-tools-container,
.header-dark .top-search-container {
  background-color: #900f0f; }
  .header-dark .top-tools-container .nav > li > a:hover,
  .header-dark .top-search-container .nav > li > a:hover {
    background-color: white; }
  .header-dark .top-tools-container a,
  .header-dark .top-search-container a {
    color: white; }
    .header-dark .top-tools-container a:hover,
    .header-dark .top-search-container a:hover {
      color: #900f0f; }

a#skip-link {
  display: block;
  position: absolute;
  top: -1000em;
  background-image: none;
  background-color: #12517c;
  padding: 12px; }
  a#skip-link:focus {
    top: 0;
    z-index: 100000000; }

.header-top {
  z-index: 1000;
  position: relative; }
  .header-top .navbar {
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
    font-size: 13px; }
  .header-top.header-primary .navbar-nav > li > a {
    color: white; }
    .header-top.header-primary .navbar-nav > li > a:hover,
    .header-top.header-primary .navbar-nav > li > a:focus,
    .header-top.header-primary .navbar-nav > li > a:active {
      background-color: #6d0019; }
  .header-top.header-light .navbar-nav > li > a {
    color: #990000; }
    .header-top.header-light .navbar-nav > li > a:hover,
    .header-top.header-light .navbar-nav > li > a:focus,
    .header-top.header-light .navbar-nav > li > a:active {
      background-color: #900f0f;
      color: white; }
  .header-top.header-dark .navbar-nav > li > a {
    color: white; }
    .header-top.header-dark .navbar-nav > li > a:hover,
    .header-top.header-dark .navbar-nav > li > a:focus,
    .header-top.header-dark .navbar-nav > li > a:active {
      background-color: white;
      color: #666666; }

.header-main {
  z-index: 950;
  position: relative; }
  .header-main.navbar {
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 16px; }
  .header-main .navbar-nav > li > a {
    padding: 40px 14px; }
  .header-main .navbar-container {
    width: 100%;
    clear: both; }
  .header-main.header-primary .navbar-nav > li > a,
  .header-main.header-light .navbar-nav > li > a,
  .header-main.header-dark .navbar-nav > li > a,
  .header-main.header-transparent .navbar-nav > li > a {
    color: white; }
    .header-main.header-primary .navbar-nav > li > a:hover,
    .header-main.header-light .navbar-nav > li > a:hover,
    .header-main.header-dark .navbar-nav > li > a:hover,
    .header-main.header-transparent .navbar-nav > li > a:hover {
      background: rgba(255, 255, 255, 0.95);
      color: #990000; }
  .header-main.header-primary .nav > .open > a,
  .header-main.header-primary .nav > .open > a:focus,
  .header-main.header-primary .nav > .open > a:hover,
  .header-main.header-light .nav > .open > a,
  .header-main.header-light .nav > .open > a:focus,
  .header-main.header-light .nav > .open > a:hover,
  .header-main.header-dark .nav > .open > a,
  .header-main.header-dark .nav > .open > a:focus,
  .header-main.header-dark .nav > .open > a:hover,
  .header-main.header-transparent .nav > .open > a,
  .header-main.header-transparent .nav > .open > a:focus,
  .header-main.header-transparent .nav > .open > a:hover {
    background: rgba(255, 255, 255, 0.95);
    color: #990000;
    border-color: transparent; }
  .header-main.header-primary .nav > li > a:focus,
  .header-main.header-primary .nav > li > a:hover,
  .header-main.header-primary .nav > li > a:active,
  .header-main.header-light .nav > li > a:focus,
  .header-main.header-light .nav > li > a:hover,
  .header-main.header-light .nav > li > a:active,
  .header-main.header-dark .nav > li > a:focus,
  .header-main.header-dark .nav > li > a:hover,
  .header-main.header-dark .nav > li > a:active,
  .header-main.header-transparent .nav > li > a:focus,
  .header-main.header-transparent .nav > li > a:hover,
  .header-main.header-transparent .nav > li > a:active {
    background: rgba(255, 255, 255, 0.95);
    color: #990000;
    border-color: transparent; }
  .header-main.header-primary .navbar .dropdown-menu,
  .header-main.header-light .navbar .dropdown-menu,
  .header-main.header-dark .navbar .dropdown-menu,
  .header-main.header-transparent .navbar .dropdown-menu {
    background: rgba(255, 255, 255, 0.95);
    border: 0; }
  .header-main.header-primary .dropdown-menu,
  .header-main.header-light .dropdown-menu,
  .header-main.header-dark .dropdown-menu,
  .header-main.header-transparent .dropdown-menu {
    background: rgba(255, 255, 255, 0.95);
    color: #3d3d3d;
    border: 0; }
    .header-main.header-primary .dropdown-menu ul a,
    .header-main.header-light .dropdown-menu ul a,
    .header-main.header-dark .dropdown-menu ul a,
    .header-main.header-transparent .dropdown-menu ul a {
      color: #990000;
      font-weight: 400; }
      .header-main.header-primary .dropdown-menu ul a:hover,
      .header-main.header-light .dropdown-menu ul a:hover,
      .header-main.header-dark .dropdown-menu ul a:hover,
      .header-main.header-transparent .dropdown-menu ul a:hover {
        background: none;
        color: #3d3d3d; }
      .header-main.header-primary .dropdown-menu ul a:focus,
      .header-main.header-light .dropdown-menu ul a:focus,
      .header-main.header-dark .dropdown-menu ul a:focus,
      .header-main.header-transparent .dropdown-menu ul a:focus {
        background: none;
        color: #3d3d3d; }
    .header-main.header-primary .dropdown-menu a:not(.btn),
    .header-main.header-light .dropdown-menu a:not(.btn),
    .header-main.header-dark .dropdown-menu a:not(.btn),
    .header-main.header-transparent .dropdown-menu a:not(.btn) {
      color: #990000;
      font-weight: 400;
      font-size: 15px;
      line-height: 21px; }
      .header-main.header-primary .dropdown-menu a:not(.btn):hover,
      .header-main.header-light .dropdown-menu a:not(.btn):hover,
      .header-main.header-dark .dropdown-menu a:not(.btn):hover,
      .header-main.header-transparent .dropdown-menu a:not(.btn):hover {
        background: none;
        color: #3d3d3d; }
  .header-main.header-primary .dropdown-menu a {
    color: #990000;
    font-weight: 400; }
    .header-main.header-primary .dropdown-menu a:hover {
      background: none;
      color: #3d3d3d; }
  .header-main.header-light {
    border-bottom: 1px solid #c6c6c6; }
    .header-main.header-light .navbar-nav > li > a {
      color: #990000; }
      .header-main.header-light .navbar-nav > li > a:hover {
        background: #990000;
        color: white; }
    .header-main.header-light .nav > .open > a,
    .header-main.header-light .nav > .open > a:focus,
    .header-main.header-light .nav > .open > a:hover {
      background: #990000;
      color: white;
      border-color: transparent; }
    .header-main.header-light .nav > li > a:focus,
    .header-main.header-light .nav > li > a:hover,
    .header-main.header-light .nav > li > a:active {
      background: #990000;
      color: white;
      border-color: transparent; }
    .header-main.header-light .dropdown-menu {
      border-top: 1px solid #c6c6c6; }
  .header-main .menu-cta {
    padding-top: 60px;
    margin-left: 0;
    margin-right: 0; }

#ie8 .header-main .navbar-nav > li > a {
  padding: 40px 10px; }

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .header-main .menu-cta {
    padding-top: 15px; } }

.sticky-menu-secondary-container {
  min-height: 60px; }

.menu-secondary {
  z-index: 950;
  font-size: 14px; }
  .menu-secondary.affix {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; }
  .menu-secondary ul > li > a {
    padding: 20px 0; }
  .menu-secondary.menu-light {
    background-color: #f8f8f8;
    border-bottom: solid 1px #c6c6c6;
    transition: background ease-out 0.25s; }
    .menu-secondary.menu-light a {
      color: #666666;
      font-weight: 600; }
  .menu-secondary ul > li.active a {
    border-color: #3d3d3d;
    background-color: #f3f3f3;
    color: #900f0f; }

@media screen and (max-width: 991px) {
  #sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    width: 100%; }
  .sticky-header-container {
    min-height: 85px; }
  .touch-overlay {
    display: none;
    background: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: 1001; }
  .navbar-nav {
    position: fixed;
    top: 0;
    right: -460px;
    width: 250px;
    height: 100%;
    overflow: auto;
    margin: 0;
    padding: 0;
    z-index: 1001;
    transition: all ease 0.2s;
    background: white;
    border-left: 1px solid #dddddd;
    -webkit-overflow-scrolling: touch; }
  .nav-visible .navbar-nav {
    right: 0; }
  .nav-visible .touch-overlay {
    right: 250px;
    display: block; }
  .header-main.header-primary .nav > .open > a,
  .header-main.header-primary .nav > .open > a:focus,
  .header-main.header-primary .nav > .open > a:hover,
  .header-main.header-primary .nav > .open > a:active,
  .header-main.header-light .nav > .open > a,
  .header-main.header-light .nav > .open > a:focus,
  .header-main.header-light .nav > .open > a:hover,
  .header-main.header-light .nav > .open > a:active,
  .header-main.header-dark .nav > .open > a,
  .header-main.header-dark .nav > .open > a:focus,
  .header-main.header-dark .nav > .open > a:hover,
  .header-main.header-dark .nav > .open > a:active,
  .header-main.header-transparent .nav > .open > a,
  .header-main.header-transparent .nav > .open > a:focus,
  .header-main.header-transparent .nav > .open > a:hover,
  .header-main.header-transparent .nav > .open > a:active {
    background: #990000;
    color: white;
    border-bottom: 1px solid #dddddd; }
  .header-main.header-primary .navbar-nav .mega-menu-content,
  .header-main.header-light .navbar-nav .mega-menu-content,
  .header-main.header-dark .navbar-nav .mega-menu-content,
  .header-main.header-transparent .navbar-nav .mega-menu-content {
    padding: 0; }
  .header-main.header-primary .navbar-nav .nav-info-for,
  .header-main.header-light .navbar-nav .nav-info-for,
  .header-main.header-dark .navbar-nav .nav-info-for,
  .header-main.header-transparent .navbar-nav .nav-info-for {
    background: #f8f8f8; }
    .header-main.header-primary .navbar-nav .nav-info-for h3,
    .header-main.header-light .navbar-nav .nav-info-for h3,
    .header-main.header-dark .navbar-nav .nav-info-for h3,
    .header-main.header-transparent .navbar-nav .nav-info-for h3 {
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 1px;
      padding: 15px;
      margin: 0;
      color: #3d3d3d; }
  .header-main.header-primary .navbar-nav .nav-mobile-cta a.btn,
  .header-main.header-light .navbar-nav .nav-mobile-cta a.btn,
  .header-main.header-dark .navbar-nav .nav-mobile-cta a.btn,
  .header-main.header-transparent .navbar-nav .nav-mobile-cta a.btn {
    margin: 5px 0px; }
  .header-main.header-primary .navbar-nav form,
  .header-main.header-light .navbar-nav form,
  .header-main.header-dark .navbar-nav form,
  .header-main.header-transparent .navbar-nav form {
    padding: 10px 15px;
    margin: 0; }
  .header-main.header-primary .navbar-nav > li,
  .header-main.header-light .navbar-nav > li,
  .header-main.header-dark .navbar-nav > li,
  .header-main.header-transparent .navbar-nav > li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #dddddd; }
    .header-main.header-primary .navbar-nav > li:first-child,
    .header-main.header-light .navbar-nav > li:first-child,
    .header-main.header-dark .navbar-nav > li:first-child,
    .header-main.header-transparent .navbar-nav > li:first-child {
      border-top: 1px solid #dddddd; }
    .header-main.header-primary .navbar-nav > li > a,
    .header-main.header-light .navbar-nav > li > a,
    .header-main.header-dark .navbar-nav > li > a,
    .header-main.header-transparent .navbar-nav > li > a {
      color: #990000;
      font-size: 18px;
      font-weight: 700;
      text-transform: uppercase;
      padding: 15px 20px;
      margin: 0; }
      .header-main.header-primary .navbar-nav > li > a:focus,
      .header-main.header-primary .navbar-nav > li > a:hover,
      .header-main.header-primary .navbar-nav > li > a:active,
      .header-main.header-light .navbar-nav > li > a:focus,
      .header-main.header-light .navbar-nav > li > a:hover,
      .header-main.header-light .navbar-nav > li > a:active,
      .header-main.header-dark .navbar-nav > li > a:focus,
      .header-main.header-dark .navbar-nav > li > a:hover,
      .header-main.header-dark .navbar-nav > li > a:active,
      .header-main.header-transparent .navbar-nav > li > a:focus,
      .header-main.header-transparent .navbar-nav > li > a:hover,
      .header-main.header-transparent .navbar-nav > li > a:active {
        background: #990000;
        color: white;
        border-color: transparent; }
    .header-main.header-primary .navbar-nav > li .dropdown-menu ul a,
    .header-main.header-light .navbar-nav > li .dropdown-menu ul a,
    .header-main.header-dark .navbar-nav > li .dropdown-menu ul a,
    .header-main.header-transparent .navbar-nav > li .dropdown-menu ul a {
      padding: 10px 10px 10px 30px;
      text-transform: none;
      font-weight: 600; }
  .header-main.header-primary .navbar-nav .open .dropdown-menu,
  .header-main.header-light .navbar-nav .open .dropdown-menu,
  .header-main.header-dark .navbar-nav .open .dropdown-menu,
  .header-main.header-transparent .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none; }
  .header-main .ua-logo {
    padding: 15px 0 10px 0; }
  .header-main .navbar-header {
    float: none; }
    .header-main .navbar-header .nav-toggle {
      position: relative;
      float: right;
      margin: 25px 0 25px 0;
      color: black; }
  .header-main.affix.header-light .navbar-nav > li > a {
    color: #990000; }
  .header-main.affix .nav-toggle {
    margin-top: 20px;
    margin-bottom: 20px; } }

@media (max-width: 991px) {
  .header-main.header-light,
  .header-main.header-dark,
  .header-main.header-transparent {
    background: #900f0f; }
    .header-main.header-light .ua-logo,
    .header-main.header-dark .ua-logo,
    .header-main.header-transparent .ua-logo {
      color: white; } }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: auto; }
  .navbar-right .dropdown:last-child .dropdown-menu {
    right: 0; } }

.blockquote-color {
  border-color: #ae0000; }

.blockquote-color-bg {
  border-color: #ae0000;
  background-color: #f8f8f8; }

blockquote footer {
  border-top: none; }

blockquote.bg-primary,
blockquote.bg-light,
blockquote.bg-dark {
  font-size: 1em;
  padding: 20px;
  text-align: center;
  position: relative;
  border: none; }
  blockquote.bg-primary:after,
  blockquote.bg-light:after,
  blockquote.bg-dark:after {
    font-family: 'FontAwesome';
    content: '\f10e';
    position: absolute;
    left: 10px;
    bottom: 10px;
    color: white;
    font-size: 2.6em; }

blockquote.bg-primary,
blockquote.bg-dark {
  color: white; }
  blockquote.bg-primary footer,
  blockquote.bg-dark footer {
    color: white; }

blockquote.bg-light {
  color: #666666;
  text-shadow: 1px 1px 0px white; }
  blockquote.bg-light:after {
    color: #3d3d3d; }
  blockquote.bg-light footer {
    color: #666666; }

.breadcrumb-page-title {
  font-weight: 300;
  font-size: 30px;
  margin: 20px 0; }

.breadcrumb-wrapper {
  background-color: #f8f8f8;
  border-bottom: solid 1px #c6c6c6; }
  .breadcrumb-wrapper .breadcrumb {
    margin: 24px 0;
    padding: 0;
    background: none;
    line-height: 24px;
    float: right; }
    .breadcrumb-wrapper .breadcrumb a {
      color: #900f0f;
      font-weight: 600; }
      .breadcrumb-wrapper .breadcrumb a:hover {
        color: #666666; }
  .breadcrumb-wrapper ol.breadcrumb li:first-child {
    margin-left: 2px !important; }
    .breadcrumb-wrapper ol.breadcrumb li:first-child:before {
      margin: 0;
      content: ' '; }
  .breadcrumb-wrapper ol.breadcrumb li:before {
    margin: 0 9px 0 0;
    color: #666666;
    content: '\f105';
    font-size: 12px;
    font-family: 'FontAwesome'; }
  .breadcrumb-wrapper.breadcrumb-sm {
    font-size: 12px; }
    .breadcrumb-wrapper.breadcrumb-sm .breadcrumb {
      margin: 10px 0; }

@media (max-width: 767px) {
  .breadcrumb-wrapper .breadcrumb {
    float: none;
    margin-top: 12px;
    margin-bottom: 12px; }
  .breadcrumb-page-title {
    margin-bottom: 10px; } }

hr,
.hr-dashed,
.hr-dotted,
.hr-double,
.hr-double-dashed,
.hr-double-dotted {
  display: block;
  border-top: 1px solid #c6c6c6;
  margin: 25px 0; }

.hr-dashed,
.hr-double-dashed {
  border-top-style: dashed; }

.hr-dotted,
.hr-double-dotted {
  border-top-style: dotted; }

.hr-double,
.hr-double-dashed,
.hr-double-dotted {
  border-bottom-style: solid;
  border-bottom-color: #c6c6c6;
  border-bottom-width: 1px;
  height: 5px; }

.hr-double-dashed {
  border-bottom-style: dashed; }

.hr-double-dotted {
  border-bottom-style: dotted; }

.hr-color {
  border-color: #ae0000; }

.divider-light,
.divider-primary,
.divider-dark,
.divider-white {
  width: 100%;
  margin: 20px auto;
  position: relative;
  height: 1px; }
  .divider-light:after,
  .divider-primary:after,
  .divider-dark:after,
  .divider-white:after {
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -1px;
    content: '';
    background: #dddddd; }
  .divider-light.faded-both:after,
  .divider-primary.faded-both:after,
  .divider-dark.faded-both:after,
  .divider-white.faded-both:after {
    background: linear-gradient(to right, rgba(221, 221, 221, 0) 0, rgba(221, 221, 221, 0.7) 35%, rgba(221, 221, 221, 0.7) 70%, rgba(221, 221, 221, 0) 100%); }
  .divider-light.faded-right:after,
  .divider-primary.faded-right:after,
  .divider-dark.faded-right:after,
  .divider-white.faded-right:after {
    background: linear-gradient(to right, rgba(221, 221, 221, 0.7) 0, rgba(221, 221, 221, 0.6) 35%, rgba(221, 221, 221, 0.4) 70%, rgba(221, 221, 221, 0) 100%); }
  .divider-light.faded-left:after,
  .divider-primary.faded-left:after,
  .divider-dark.faded-left:after,
  .divider-white.faded-left:after {
    background: linear-gradient(to left, rgba(221, 221, 221, 0.7) 0, rgba(221, 221, 221, 0.6) 35%, rgba(221, 221, 221, 0.4) 70%, rgba(221, 221, 221, 0) 100%); }

.divider-primary:after {
  background: #900f0f; }

.divider-primary.faded-both:after {
  background: linear-gradient(to right, rgba(144, 15, 15, 0) 0, rgba(144, 15, 15, 0.7) 35%, rgba(144, 15, 15, 0.7) 70%, rgba(144, 15, 15, 0) 100%); }

.divider-primary.faded-right:after {
  background: linear-gradient(to right, rgba(144, 15, 15, 0.7) 0, rgba(144, 15, 15, 0.6) 35%, rgba(144, 15, 15, 0.4) 70%, rgba(144, 15, 15, 0) 100%); }

.divider-primary.faded-left:after {
  background: linear-gradient(to left, rgba(144, 15, 15, 0.7) 0, rgba(144, 15, 15, 0.6) 35%, rgba(144, 15, 15, 0.4) 70%, rgba(144, 15, 15, 0) 100%); }

.divider-dark:after {
  background: #3d3d3d; }

.divider-dark.faded-both:after {
  background: linear-gradient(to right, rgba(61, 61, 61, 0) 0, rgba(61, 61, 61, 0.7) 35%, rgba(61, 61, 61, 0.7) 70%, rgba(61, 61, 61, 0) 100%); }

.divider-dark.faded-right:after {
  background: linear-gradient(to right, rgba(61, 61, 61, 0.7) 0, rgba(61, 61, 61, 0.6) 35%, rgba(61, 61, 61, 0.4) 70%, rgba(61, 61, 61, 0) 100%); }

.divider-dark.faded-left:after {
  background: linear-gradient(to left, rgba(61, 61, 61, 0.7) 0, rgba(61, 61, 61, 0.6) 35%, rgba(61, 61, 61, 0.4) 70%, rgba(61, 61, 61, 0) 100%); }

.divider-white:after {
  background: white; }

.divider-white.faded-both:after {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.7) 35%, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); }

.divider-white.faded-right:after {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.6) 35%, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0) 100%); }

.divider-white.faded-left:after {
  background: linear-gradient(to left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.6) 35%, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0) 100%); }

.nav-tabs {
  border-bottom: 1px solid #dddddd; }
  .nav-tabs > li a:hover {
    background-color: #f8f8f8; }
  .nav-tabs > li.active > a,
  .nav-tabs > li.active > a:hover,
  .nav-tabs > li.active > a:focus {
    border: 1px solid #dddddd;
    border-bottom-color: transparent; }
  .nav-tabs + .tab-content {
    padding: 15px;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    overflow: hidden; }
  .nav-tabs.nav-tabs-color > li > a,
  .nav-tabs.nav-tabs-color-bg > li > a,
  .nav-tabs.nav-tabs-color.nav-justified > li > a,
  .nav-tabs.nav-tabs-color-bg.nav-justified > li > a {
    margin-top: -3px;
    border-radius: 0;
    border-top: 3px solid transparent; }
    .nav-tabs.nav-tabs-color > li > a:hover,
    .nav-tabs.nav-tabs-color-bg > li > a:hover,
    .nav-tabs.nav-tabs-color.nav-justified > li > a:hover,
    .nav-tabs.nav-tabs-color-bg.nav-justified > li > a:hover {
      border-top: 3px solid #3d3d3d; }
  .nav-tabs.nav-tabs-color > li.active > a,
  .nav-tabs.nav-tabs-color-bg > li.active > a,
  .nav-tabs.nav-tabs-color.nav-justified > li.active > a,
  .nav-tabs.nav-tabs-color-bg.nav-justified > li.active > a {
    border-top: 3px solid #ae0000; }
  .nav-tabs.nav-tabs-color-bg > li.active > a,
  .nav-tabs.nav-tabs-color-bg + .tab-content {
    background-color: #f8f8f8; }
  .nav-tabs.tabs-v2 > li > a {
    color: #666666; }
  .nav-tabs.tabs-v2 > li.active > a,
  .nav-tabs.tabs-v2 > li.active > a:hover,
  .nav-tabs.tabs-v2 > li.active > a:focus {
    color: white;
    background-color: #990000;
    border-color: #990000 transparent; }
  .nav-tabs.tabs-v2 + .tab-content {
    border: 0; }
  .nav-tabs.tabs-v3 {
    background-color: #f8f8f8; }
    .nav-tabs.tabs-v3 > li > a {
      color: #666666;
      border-radius: 0; }
      .nav-tabs.tabs-v3 > li > a:hover {
        color: #990000; }
    .nav-tabs.tabs-v3 > li.active > a {
      position: relative; }
      .nav-tabs.tabs-v3 > li.active > a:after {
        bottom: -1px;
        left: 50%;
        border: solid transparent;
        content: ' ';
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-bottom-color: white;
        border-width: 8px;
        margin-left: -8px; }
      .nav-tabs.tabs-v3 > li.active > a,
      .nav-tabs.tabs-v3 > li.active > a:hover,
      .nav-tabs.tabs-v3 > li.active > a:focus {
        color: white;
        background-color: #990000;
        border-color: #990000 transparent; }

.nav-pills:not(.nav-stacked) {
  margin-bottom: 15px; }
  .nav-pills:not(.nav-stacked) > li + li {
    margin-left: 5px; }
  .nav-pills:not(.nav-stacked) > li > a {
    border-radius: 0;
    padding: 7px 10px;
    border: 1px solid transparent;
    color: #666666;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400; }
  .nav-pills:not(.nav-stacked) > li > a:focus,
  .nav-pills:not(.nav-stacked) > li > a:focus:focus,
  .nav-pills:not(.nav-stacked) > li > a:focus:hover,
  .nav-pills:not(.nav-stacked) > li > a:focus:focus,
  .nav-pills:not(.nav-stacked) > li > a:hover,
  .nav-pills:not(.nav-stacked) > li > a:hover:focus,
  .nav-pills:not(.nav-stacked) > li > a:hover:hover,
  .nav-pills:not(.nav-stacked) > li > a:hover:focus,
  .nav-pills:not(.nav-stacked) > li.active > a,
  .nav-pills:not(.nav-stacked) > li.active > a:focus,
  .nav-pills:not(.nav-stacked) > li.active > a:hover,
  .nav-pills:not(.nav-stacked) > li.active > a:focus {
    color: #3d3d3d;
    background-color: transparent;
    border-bottom: 1px solid #3d3d3d; }
  .nav-pills:not(.nav-stacked) > li.active > a:after {
    color: #3d3d3d; }
  .nav-pills:not(.nav-stacked).pills-v2 > li > a {
    border-radius: 5px; }
  .nav-pills:not(.nav-stacked).pills-v2 > li > a:focus,
  .nav-pills:not(.nav-stacked).pills-v2 > li > a:focus:focus,
  .nav-pills:not(.nav-stacked).pills-v2 > li > a:focus:hover,
  .nav-pills:not(.nav-stacked).pills-v2 > li > a:focus:focus,
  .nav-pills:not(.nav-stacked).pills-v2 > li > a:hover,
  .nav-pills:not(.nav-stacked).pills-v2 > li > a:hover:focus,
  .nav-pills:not(.nav-stacked).pills-v2 > li > a:hover:hover,
  .nav-pills:not(.nav-stacked).pills-v2 > li > a:hover:focus,
  .nav-pills:not(.nav-stacked).pills-v2 > li.active > a,
  .nav-pills:not(.nav-stacked).pills-v2 > li.active > a:focus,
  .nav-pills:not(.nav-stacked).pills-v2 > li.active > a:hover,
  .nav-pills:not(.nav-stacked).pills-v2 > li.active > a:focus {
    color: #990000;
    background-color: #f8f8f8;
    border: 1px solid #dddddd; }

h4.panel-heading {
  margin: 0;
  font-weight: 300; }

.panel-title > a {
  display: block; }
  .panel-title > a i:first-of-type,
  .panel-title > a.old_collapsed > .fa {
    display: none; }
  .panel-title > a.old_collapsed > i:first-of-type {
    display: inline-block; }

.panel-primary .panel-heading {
  background-color: #900f0f;
  color: white; }

.panel-primary.panel,
.panel-primary .panel-heading {
  border-color: #900f0f; }

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #900f0f; }

.panel-primary .panel-title > a:hover {
  color: #c6c6c6; }

.panel-primary-dark .panel-heading {
  background-color: #3d3d3d;
  color: white; }

.panel-primary-dark.panel {
  border-color: #3d3d3d; }

.panel-primary-dark > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #3d3d3d; }

.panel-primary-dark .panel-title > a:hover {
  color: #c6c6c6; }

.panel-alt .panel-heading {
  background-color: #f3f1e9; }

.panel-alt.panel {
  border-color: #f3f1e9; }

.sidebar-nav,
.sidebar-nav-lg {
  background-color: #f8f8f8;
  border: 1px solid #dddddd;
  margin: 0;
  padding: 0;
  font-size: 14px;
  margin-bottom: 40px; }
  .sidebar-nav li,
  .sidebar-nav-lg li {
    padding: 0;
    list-style: none; }
    .sidebar-nav li a,
    .sidebar-nav-lg li a {
      display: block;
      padding: 5px 15px;
      color: #3d3d3d;
      text-decoration: none;
      border-left: 3px solid #3d3d3d;
      background-color: #f3f3f3; }
      .sidebar-nav li a:hover,
      .sidebar-nav li a:focus,
      .sidebar-nav li a:active,
      .sidebar-nav-lg li a:hover,
      .sidebar-nav-lg li a:focus,
      .sidebar-nav-lg li a:active {
        border-color: #3d3d3d;
        background-color: #f3f3f3; }
      .sidebar-nav li a > i,
      .sidebar-nav-lg li a > i {
        margin: 2px 5px 0 0;
        font-size: 1.1em;
        color: #5c5f68; }
      .sidebar-nav li a.old_collapsed,
      .sidebar-nav-lg li a.old_collapsed {
        background-color: transparent;
        border-left: 3px solid #ae0000; }
    .sidebar-nav li ul li a,
    .sidebar-nav-lg li ul li a {
      border-color: #dddddd;
      padding-left: 35px;
      background-color: transparent; }
    .sidebar-nav li ul li.active a,
    .sidebar-nav-lg li ul li.active a {
      border-color: #3d3d3d;
      background-color: #f3f3f3; }
    .sidebar-nav li ul li.active > a,
    .sidebar-nav-lg li ul li.active > a {
      border-left-color: #3d3d3d;
      background-color: #f3f3f3; }
    .sidebar-nav li ul li:last-child a,
    .sidebar-nav-lg li ul li:last-child a {
      border-bottom: 1px solid #dddddd; }
  .sidebar-nav > li > a[href]:hover,
  .sidebar-nav > li > a[href]:focus,
  .sidebar-nav > li > a[href]:active,
  .sidebar-nav-lg > li > a[href]:hover,
  .sidebar-nav-lg > li > a[href]:focus,
  .sidebar-nav-lg > li > a[href]:active {
    border-color: #3d3d3d;
    background-color: #f3f3f3; }
  .sidebar-nav > li > a[href]:after,
  .sidebar-nav-lg > li > a[href]:after {
    font-family: 'FontAwesome';
    content: '\f107';
    font-size: 18px;
    float: right; }
  .sidebar-nav > li > a[href].collapsed:after,
  .sidebar-nav-lg > li > a[href].collapsed:after {
    content: '\f105'; }

.sidebar-nav-lg {
  font-size: 15px; }
  .sidebar-nav-lg li a {
    padding: 10px 15px; }

.nav-stacked {
  background-color: #f8f8f8; }
  .nav-stacked li + li {
    margin: 0; }
  .nav-stacked.nav-pills > li > a {
    border-radius: 0;
    color: #3d3d3d;
    border-left: 3px solid #ae0000; }
  .nav-stacked.nav-pills > li > a:hover {
    border-color: #3d3d3d; }
  .nav-stacked.nav-pills > li.active > a,
  .nav-stacked.nav-pills > li.active > a:hover,
  .nav-stacked.nav-pills > li.active > a:focus {
    border-left: 3px solid #3d3d3d;
    background-color: #eeeeee;
    color: #3d3d3d; }
  .nav-stacked.nav-pills > .active > a > .badge {
    color: white;
    background-color: #ae0000; }
  .nav-stacked.nav-stacked-indented > li:first-child {
    font-weight: 600;
    text-transform: uppercase; }
    .nav-stacked.nav-stacked-indented > li:first-child > a[href]:after {
      content: ''; }
  .nav-stacked.nav-stacked-indented > li:not(:first-child) > a {
    padding-left: 25px; }

@media (min-width: 768px) {
  .sidebar-sticky .nav > .active > ul {
    display: block; }
  .sidebar-sticky.affix,
  .sidebar-sticky.affix-bottom {
    width: 213px; }
  .sidebar-sticky.affix {
    position: fixed;
    top: 150px; }
  .sidebar-sticky.affix-bottom {
    position: absolute; } }

@media (min-width: 1200px) {
  .sidebar-sticky.affix,
  .sidebar-sticky.affix-bottom {
    width: 263px; } }

.dropdown-menu {
  background-color: #f3f3f3; }
  .dropdown-menu li a:not(.btn) {
    padding: 6px 15px;
    font-size: 13px;
    font-weight: 300; }
    .dropdown-menu li a:not(.btn):hover,
    .dropdown-menu li a:not(.btn):focus,
    .dropdown-menu li a:not(.btn):active {
      background-color: #990000;
      color: white; }
  .dropdown-menu .active > a {
    background-color: #990000;
    color: white; }

.dropdown-header {
  text-align: center;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 6px 0;
  margin: 9px 0; }

.dropdown.dropdown-inverse ul {
  background-color: #3d3d3d;
  color: white;
  border-color: #666666; }

.dropdown.dropdown-inverse a,
.dropdown.dropdown-inverse a:hover {
  color: white; }

.dropdown.dropdown-inverse .divider {
  background-color: #666666; }

.dropdown.dropdown-inverse .dropdown-header {
  border-color: #666666;
  color: white; }

form {
  margin: 20px 0; }

fieldset {
  padding: 10px 25px;
  margin: 15px 0;
  border: 1px solid #dddddd;
  background-color: #f8f8f8; }

legend {
  display: block;
  width: auto;
  padding: 3px 10px;
  margin-bottom: 0;
  font-size: 15px;
  line-height: inherit;
  color: #3d3d3d;
  border: 1px solid #dddddd;
  background-color: white; }

label {
  font-weight: 600; }
  label .required-asterisk {
    color: #a94442; }

.form-control {
  border-radius: 5px;
  background: white;
  height: 40px;
  padding-right: 30px;
  color: #666666;
  -webkit-appearance: none;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); }
  .form-control:focus {
    border-color: #949494;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); }
  fieldset .form-control {
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.12);
    border-color: #f8f8f8; }

select.form-control {
  padding-right: 5px;
  -webkit-appearance: menulist; }

select[multiple].form-control {
  -webkit-appearance: listbox; }

textarea {
  resize: vertical; }

.input-lg {
  height: 48px; }

.input-sm {
  height: 30px; }

.input-group-addon {
  background-color: #f3f3f3;
  border-color: #e1e1e1; }

.input-group-btn .btn {
  padding: 9px 12px; }

.input-group-btn:last-child > .btn {
  z-index: 1; }

input[type=radio],
input[type=checkbox] {
  margin-top: 5px; }

.has-feedback label ~ .form-control-feedback {
  top: 27px; }

.form-control-feedback {
  color: #666666;
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  top: 0; }

.has-success .form-control,
.has-success .form-control:focus {
  border-color: #3c763d; }

.has-warning .form-control,
.has-warning .form-control:focus {
  border-color: #8a6d3b; }

.has-error .form-control,
.has-error .form-control:focus {
  border-color: #a94442; }

.has-error .error {
  font-weight: 400;
  margin-bottom: 5px;
  display: block; }

.has-success .form-control:focus,
.has-warning .form-control:focus,
.has-error .form-control:focus {
  box-shadow: none; }

.bg-primary .form-control {
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35);
  color: white; }
  .bg-primary .form-control:focus {
    background-color: rgba(0, 0, 0, 0.1); }

.bg-primary .form-control,
.bg-primary .input-group-addon {
  background-color: rgba(0, 0, 0, 0.2);
  border-color: #6d0019; }

.bg-primary .form-control-feedback {
  color: white; }

.bg-primary .has-success .form-control,
.bg-primary .has-success .form-control:focus,
.bg-primary .has-warning .form-control,
.bg-primary .has-warning .form-control:focus,
.bg-primary .has-error .form-control,
.bg-primary .has-error .form-control:focus {
  border-color: white;
  color: white; }

.bg-primary .has-success .form-control:focus,
.bg-primary .has-warning .form-control:focus,
.bg-primary .has-error .form-control:focus {
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35);
  background-color: rgba(0, 0, 0, 0.1); }

.bg-primary .has-success .control-label,
.bg-primary .has-success .form-control-feedback,
.bg-primary .has-warning .control-label,
.bg-primary .has-warning .form-control-feedback,
.bg-primary .has-error .control-label,
.bg-primary .has-error .form-control-feedback {
  color: white; }

.bg-dark .form-control {
  background-color: rgba(255, 255, 255, 0.15);
  border-color: #383838;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8);
  color: #c6c6c6; }

.bg-dark .control-label,
.bg-dark .form-control-feedback {
  color: #c6c6c6; }

.bg-dark .has-success .form-control,
.bg-dark .has-success .form-control:focus,
.bg-dark .has-warning .form-control,
.bg-dark .has-warning .form-control:focus,
.bg-dark .has-error .form-control,
.bg-dark .has-error .form-control:focus {
  background-color: rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8); }

.bg-dark .has-success .checkbox,
.bg-dark .has-success .checkbox label,
.bg-dark .has-success .checkbox-inline,
.bg-dark .has-success .checkbox-inline label,
.bg-dark .has-success .radio,
.bg-dark .has-success .radio label,
.bg-dark .has-success .radio-inline,
.bg-dark .has-success .radio-inline label,
.bg-dark .has-success .control-label,
.bg-dark .has-success .control-label label,
.bg-dark .has-success .form-control-feedback,
.bg-dark .has-success .form-control-feedback label {
  color: #15c11b; }

.bg-dark .has-warning .checkbox,
.bg-dark .has-warning .checkbox label,
.bg-dark .has-warning .checkbox-inline,
.bg-dark .has-warning .checkbox-inline label,
.bg-dark .has-warning .radio,
.bg-dark .has-warning .radio label,
.bg-dark .has-warning .radio-inline,
.bg-dark .has-warning .radio-inline label,
.bg-dark .has-warning .control-label,
.bg-dark .has-warning .control-label label,
.bg-dark .has-warning .form-control-feedback,
.bg-dark .has-warning .form-control-feedback label {
  color: #e5b150; }

.bg-dark .has-error .checkbox,
.bg-dark .has-error .checkbox label,
.bg-dark .has-error .checkbox-inline,
.bg-dark .has-error .checkbox-inline label,
.bg-dark .has-error .radio,
.bg-dark .has-error .radio label,
.bg-dark .has-error .radio-inline,
.bg-dark .has-error .radio-inline label,
.bg-dark .has-error .control-label,
.bg-dark .has-error .control-label label,
.bg-dark .has-error .form-control-feedback,
.bg-dark .has-error .form-control-feedback label {
  color: #ef4949; }

.bg-dark .input-group-addon {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: black; }

.list-group {
  margin-top: 15px;
  margin-bottom: 15px; }

a.list-group-item {
  color: #990000; }

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #ae0000;
  border-color: #990000; }
  .list-group-item.active .list-group-item-text,
  .list-group-item.active:hover .list-group-item-text,
  .list-group-item.active:focus .list-group-item-text {
    color: #f3f3f3; }

.list-numbered li {
  counter-increment: num-list-index;
  position: relative;
  margin-bottom: 20px;
  padding: 10px 0 10px 80px; }
  .list-numbered li:before {
    content: counter(num-list-index);
    font-size: 25px;
    line-height: 25px;
    padding: 10px 15px;
    border: solid 1px #990000;
    color: #990000;
    border-radius: 500px;
    position: absolute;
    top: 10px;
    left: 0; }

.pagination > li > a {
  color: #ae0000;
  border: 1px solid #dddddd; }

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  background-color: #ae0000;
  border-color: #ae0000;
  color: white; }

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  color: white;
  background-color: #ae0000;
  border-color: #ae0000; }

.pagination.pagination-v2 > li > a,
.pagination.pagination-v2 > li > span {
  border: none;
  border-bottom: 3px solid #dddddd;
  background-color: transparent;
  color: #3d3d3d; }

.pagination.pagination-v2 > li > a:hover,
.pagination.pagination-v2 > li > a:focus,
.pagination.pagination-v2 > li > span:hover,
.pagination.pagination-v2 > li > span:focus {
  background-color: transparent;
  border-color: #ae0000;
  color: #ae0000; }

.pagination.pagination-v2 > li:first-child > a,
.pagination.pagination-v2 > li:first-child > span {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.pagination.pagination-v2 > li:last-child > a,
.pagination.pagination-v2 > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

.pagination.pagination-v2 > .active > a,
.pagination.pagination-v2 > .active > a:hover,
.pagination.pagination-v2 > .active > a:focus,
.pagination.pagination-v2 > .active > span,
.pagination.pagination-v2 > .active > span:hover,
.pagination.pagination-v2 > .active > span:focus {
  background-color: transparent;
  border-color: #ae0000;
  color: #ae0000; }

.pagination.pagination-xs > li > a,
.pagination.pagination-xs > li > span {
  font-size: 10px;
  padding: 4px 8px; }

.pager.pager-xs > li > a,
.pager.pager-xs > li > span {
  font-size: 10px;
  line-height: 1.33;
  padding: 4px 8px; }

.pager.pager-sm > li > a,
.pager.pager-sm > li > span {
  font-size: 12px;
  padding: 5px 10px; }

.pager.pager-lg > li > a,
.pager.pager-lg > li > span {
  font-size: 18px;
  padding: 10px 16px; }

.btn {
  border-color: #c6c6c6;
  border-radius: 2px;
  background-repeat: repeat-x;
  transition: all ease-in-out 0.2s; }

.btn-crimson,
.btn-crimson:focus,
.btn-crimson:active,
.btn-crimson.active {
  color: white;
  background-color: #992020;
  border-color: #681313; }

.btn-crimson:hover {
  color: white;
  background-color: #681313;
  border-color: #681313; }

.btn-light,
.btn-light:focus,
.btn-light:active,
.btn-light.active {
  color: #333333;
  background-color: #e1e1e1;
  border-color: #d3d3d3; }

.btn-light:hover {
  color: #333333;
  background-color: #cdcdcd;
  border-color: #cdcdcd; }

.btn-dark,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active {
  color: white;
  background-color: #373737;
  border-color: #333333; }

.btn-dark:hover {
  color: white;
  background-color: #111111;
  border-color: #111111; }

.btn-white,
.btn-white:focus,
.btn-white:active,
.btn-white.active {
  color: #777777;
  background-color: white;
  border-color: white; }

.btn-white:hover {
  color: #681313;
  background-color: white;
  border-color: white; }

.btn-transparent,
.btn-transparent:focus,
.btn-transparent:active,
.btn-transparent.active {
  color: #777777;
  background-color: transparent;
  border-color: #992020; }

.btn-transparent:hover {
  color: white;
  background-color: #681313;
  border-color: #661515; }

.btn-transparent-v2,
.btn-transparent-v2:focus,
.btn-transparent-v2:active,
.btn-transparent-v2.active {
  color: #333333;
  background-color: transparent;
  border-color: #777777; }

.btn-transparent-v2:hover {
  color: white;
  background-color: #333333;
  border-color: #333333; }

.btn-default,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
  background-color: #ececec;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#dddddd));
  background-image: -webkit-linear-gradient(#f8f8f8, #dddddd);
  background-image: -moz-linear-gradient(#f8f8f8, #dddddd);
  background-image: -o-linear-gradient(#f8f8f8, #dddddd);
  background-image: -ms-linear-gradient(#f8f8f8, #dddddd);
  background-image: linear-gradient(#f8f8f8, #dddddd); }

.btn-default:hover {
  border-color: #d5d5d5;
  background-color: #eaeaea;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#e5e5e5));
  background-image: -webkit-linear-gradient(#efefef, #e5e5e5);
  background-image: -moz-linear-gradient(#efefef, #e5e5e5);
  background-image: -o-linear-gradient(#efefef, #e5e5e5);
  background-image: -ms-linear-gradient(#efefef, #e5e5e5);
  background-image: linear-gradient(#efefef, #e5e5e5); }

.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  border-color: #1a7ab9;
  background-color: #1d89cf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1e8cd3), to(#1a7ab9));
  background-image: -webkit-linear-gradient(#1e8cd3, #1a7ab9);
  background-image: -moz-linear-gradient(#1e8cd3, #1a7ab9);
  background-image: -o-linear-gradient(#1e8cd3, #1a7ab9);
  background-image: -ms-linear-gradient(#1e8cd3, #1a7ab9);
  background-image: linear-gradient(#1e8cd3, #1a7ab9); }

.btn-primary:hover {
  border-color: #1871ab;
  background-color: #1a7ab9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1c83c6), to(#1871ab));
  background-image: -webkit-linear-gradient(#1c83c6, #1871ab);
  background-image: -moz-linear-gradient(#1c83c6, #1871ab);
  background-image: -o-linear-gradient(#1c83c6, #1871ab);
  background-image: -ms-linear-gradient(#1c83c6, #1871ab);
  background-image: linear-gradient(#1c83c6, #1871ab); }

.btn-success,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
  border-color: #4cb64c;
  background-color: #5ebd5e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#62be62), to(#4cb64c));
  background-image: -webkit-linear-gradient(#62be62, #4cb64c);
  background-image: -moz-linear-gradient(#62be62, #4cb64c);
  background-image: -o-linear-gradient(#62be62, #4cb64c);
  background-image: -ms-linear-gradient(#62be62, #4cb64c);
  background-image: linear-gradient(#62be62, #4cb64c); }

.btn-success:hover {
  border-color: #46ac46;
  background-color: #4cb64c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#57ba57), to(#46ac46));
  background-image: -webkit-linear-gradient(#57ba57, #46ac46);
  background-image: -moz-linear-gradient(#57ba57, #46ac46);
  background-image: -o-linear-gradient(#57ba57, #46ac46);
  background-image: -ms-linear-gradient(#57ba57, #46ac46);
  background-image: linear-gradient(#57ba57, #46ac46); }

.btn-info,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
  border-color: #46b8da;
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5fc2df), to(#46b8da));
  background-image: -webkit-linear-gradient(#5fc2df, #46b8da);
  background-image: -moz-linear-gradient(#5fc2df, #46b8da);
  background-image: -o-linear-gradient(#5fc2df, #46b8da);
  background-image: -ms-linear-gradient(#5fc2df, #46b8da);
  background-image: linear-gradient(#5fc2df, #46b8da); }

.btn-info:hover {
  border-color: #39b3d7;
  background-color: #46b8da;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#53bddc), to(#39b3d7));
  background-image: -webkit-linear-gradient(#53bddc, #39b3d7);
  background-image: -moz-linear-gradient(#53bddc, #39b3d7);
  background-image: -o-linear-gradient(#53bddc, #39b3d7);
  background-image: -ms-linear-gradient(#53bddc, #39b3d7);
  background-image: linear-gradient(#53bddc, #39b3d7); }

.btn-warning,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
  border-color: #f19a1f;
  background-color: #f4b04f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f4b254), to(#f3a537));
  background-image: -webkit-linear-gradient(#f4b254, #f3a537);
  background-image: -moz-linear-gradient(#f4b254, #f3a537);
  background-image: -o-linear-gradient(#f4b254, #f3a537);
  background-image: -ms-linear-gradient(#f4b254, #f3a537);
  background-image: linear-gradient(#f4b254, #f3a537); }

.btn-warning:hover {
  border-color: #f09411;
  background-color: #f3a537;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3ac45), to(#f29f29));
  background-image: -webkit-linear-gradient(#f3ac45, #f29f29);
  background-image: -moz-linear-gradient(#f3ac45, #f29f29);
  background-image: -o-linear-gradient(#f3ac45, #f29f29);
  background-image: -ms-linear-gradient(#f3ac45, #f29f29);
  background-image: linear-gradient(#f3ac45, #f29f29); }

.btn-danger,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
  border-color: #e3503e;
  background-color: #e66454;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e76858), to(#e3503e));
  background-image: -webkit-linear-gradient(#e76858, #e3503e);
  background-image: -moz-linear-gradient(#e76858, #e3503e);
  background-image: -o-linear-gradient(#e76858, #e3503e);
  background-image: -ms-linear-gradient(#e76858, #e3503e);
  background-image: linear-gradient(#e76858, #e3503e); }

.btn-danger:hover {
  border-color: #e14430;
  background-color: #e3503e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e55c4b), to(#e14430));
  background-image: -webkit-linear-gradient(#e55c4b, #e14430);
  background-image: -moz-linear-gradient(#e55c4b, #e14430);
  background-image: -o-linear-gradient(#e55c4b, #e14430);
  background-image: -ms-linear-gradient(#e55c4b, #e14430);
  background-image: linear-gradient(#e55c4b, #e14430); }

.btn-link,
.btn-link:focus,
.btn-link:active,
.btn-link.active {
  border-color: transparent;
  color: #990000; }

.btn-link:hover {
  color: #3d3d3d; }

.btn-rounded {
  border-radius: 25px; }

.btn-flat,
.btn-flat.btn {
  border-bottom-width: 3px;
  box-shadow: none;
  background-image: none; }

.btn-flat:active {
  border-bottom-width: 1px;
  margin-top: 2px; }

.btn-flat.btn-crimson,
.btn-flat.btn-crimson:focus,
.btn-flat.btn-crimson:active,
.btn-flat.btn-crimson.active {
  background-color: #992020; }

.btn-flat.btn-crimson:hover {
  border-bottom-color: #520f0f; }

.btn-flat.btn-light,
.btn-flat.btn-light:focus,
.btn-flat.btn-light:active,
.btn-flat.btn-light.active {
  background-color: #e1e1e1; }

.btn-flat.btn-light:hover {
  border-bottom-color: #b3b3b3; }

.btn-flat.btn-dark,
.btn-flat.btn-dark:focus,
.btn-flat.btn-dark:active,
.btn-flat.btn-dark.active {
  background-color: #373737; }

.btn-flat.btn-dark:hover {
  border-bottom-color: black; }

.btn-flat.btn-transparent:hover {
  border-bottom-color: #520f0f; }

.btn-flat.btn-transparent-v2:hover {
  border-bottom-color: black; }

.btn-flat.btn-default,
.btn-flat.btn-default:focus,
.btn-flat.btn-default:active,
.btn-flat.btn-default.active {
  background-color: #ececec; }

.btn-flat.btn-default:hover {
  border-bottom-color: #9e9e9e; }

.btn-flat.btn-primary,
.btn-flat.btn-primary:focus,
.btn-flat.btn-primary:active,
.btn-flat.btn-primary.active {
  background-color: #1d89cf; }

.btn-flat.btn-primary:hover {
  border-bottom-color: #12537e; }

.btn-flat.btn-success,
.btn-flat.btn-success:focus,
.btn-flat.btn-success:active,
.btn-flat.btn-success.active {
  background-color: #5ebd5e; }

.btn-flat.btn-success:hover {
  border-bottom-color: #378837; }

.btn-flat.btn-info,
.btn-flat.btn-info:focus,
.btn-flat.btn-info:active,
.btn-flat.btn-info.active {
  background-color: #5bc0de; }

.btn-flat.btn-info:hover {
  border-bottom-color: #2596b8; }

.btn-flat.btn-warning,
.btn-flat.btn-warning:focus,
.btn-flat.btn-warning:active,
.btn-flat.btn-warning.active {
  background-color: #f4b04f; }

.btn-flat.btn-warning:hover {
  border-bottom-color: #c2770c; }

.btn-flat.btn-danger,
.btn-flat.btn-danger:focus,
.btn-flat.btn-danger:active,
.btn-flat.btn-danger.active {
  background-color: #e66454; }

.btn-flat.btn-danger:hover {
  border-bottom-color: #c22f1c; }

.btn-lg,
.btn-group-lg > .btn {
  font-size: 18px;
  padding: 9px 18px; }

.btn-group-lg > .btn {
  border-radius: 2px; }

.btn-sm {
  font-size: 12px;
  line-height: 15px;
  padding: 4px 9px; }

.btn-xs {
  font-size: 11px;
  line-height: 12px;
  padding: 4px 7px; }

.bg-primary .btn-transparent-v2 {
  color: white;
  border-color: white; }
  .bg-primary .btn-transparent-v2:focus,
  .bg-primary .btn-transparent-v2:hover {
    border-color: white;
    color: #777777;
    background-color: white; }

.bg-dark .btn-transparent-v2 {
  color: white; }
  .bg-dark .btn-transparent-v2:focus,
  .bg-dark .btn-transparent-v2:hover {
    border-color: white;
    color: #777777;
    background-color: white; }

.btn-featured,
.btn-featured-left {
  position: relative;
  min-width: 0; }
  .btn-featured i,
  .btn-featured-left i {
    transition: all 0.2s ease-in-out;
    width: 35px;
    height: 100%;
    z-index: 3;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 35px;
    min-width: 12px;
    background-color: rgba(0, 0, 0, 0.1); }
  .btn-featured:hover i,
  .btn-featured-left:hover i {
    background-color: rgba(0, 0, 0, 0.2); }
  .btn-featured.btn-xs i,
  .btn-featured-left.btn-xs i {
    width: 18px;
    line-height: 22px; }
  .btn-featured.btn-sm i,
  .btn-featured-left.btn-sm i {
    width: 25px;
    line-height: 25px; }
  .btn-featured.btn-lg i,
  .btn-featured-left.btn-lg i {
    width: 45px;
    line-height: 45px; }
  .btn-featured.btn-rounded i,
  .btn-featured-left.btn-rounded i {
    border-radius: 25px; }

.btn-featured {
  padding-right: 45px; }
  .btn-featured.btn-xs {
    padding-right: 25px; }
  .btn-featured.btn-sm {
    padding-right: 35px; }
  .btn-featured.btn-lg {
    padding-right: 55px; }

.btn-featured-left {
  padding-left: 45px; }
  .btn-featured-left i {
    right: auto;
    left: 0; }
  .btn-featured-left.btn-xs {
    padding-left: 25px; }
  .btn-featured-left.btn-sm {
    padding-left: 35px; }
  .btn-featured-left.btn-lg {
    padding-left: 55px; }

.panel-heading .pagination,
.panel-heading .pager,
.panel-heading .btn,
.panel-heading .btn-group {
  margin: 0; }

.panel-heading form {
  margin-top: -4px; }

.panel-title .pagination,
.panel-title .pager {
  margin-top: -3px; }

.panel-title .btn,
.panel-title .btn-group {
  margin-top: -5px; }

.panel-title .btn-group .btn {
  margin-top: 0; }

.panel-title form {
  margin-top: -4px; }

.panel-heading .input-group .btn,
.panel-heading .input-group .form-control,
.panel-title .input-group .btn,
.panel-title .input-group .form-control {
  height: 26px;
  padding: 3px 8px; }

.panel-heading .input-group .btn,
.panel-title .input-group .btn {
  margin-top: 0; }

.alert h1,
.alert h2,
.alert h3,
.alert h5,
.alert h6 {
  margin-top: 0;
  color: inherit; }

.alert.alert-default {
  background-color: #f8f8f8;
  border-color: #dfdfdf; }
  .alert.alert-default .alert-link {
    color: #2c2e32; }

.alert.callout,
.alert.callout-v2 {
  border-left-width: 5px;
  padding: 20px; }
  .alert.callout.callout-no-bg,
  .alert.callout-v2.callout-no-bg {
    background: none !important;
    color: #5c5f68;
    border-top-color: #eeeeee;
    border-right-color: #eeeeee;
    border-bottom-color: #eeeeee; }
    .alert.callout.callout-no-bg.alert-success,
    .alert.callout-v2.callout-no-bg.alert-success {
      border-left-color: #3c763d; }
      .alert.callout.callout-no-bg.alert-success h4,
      .alert.callout-v2.callout-no-bg.alert-success h4 {
        color: #3c763d; }
    .alert.callout.callout-no-bg.alert-info,
    .alert.callout-v2.callout-no-bg.alert-info {
      border-left-color: #31708f; }
      .alert.callout.callout-no-bg.alert-info h4,
      .alert.callout-v2.callout-no-bg.alert-info h4 {
        color: #31708f; }
    .alert.callout.callout-no-bg.alert-warning,
    .alert.callout-v2.callout-no-bg.alert-warning {
      border-left-color: #8a6d3b; }
      .alert.callout.callout-no-bg.alert-warning h4,
      .alert.callout-v2.callout-no-bg.alert-warning h4 {
        color: #8a6d3b; }
    .alert.callout.callout-no-bg.alert-danger,
    .alert.callout-v2.callout-no-bg.alert-danger {
      border-left-color: #a94442; }
      .alert.callout.callout-no-bg.alert-danger h4,
      .alert.callout-v2.callout-no-bg.alert-danger h4 {
        color: #a94442; }
    .alert.callout.callout-no-bg.alert-default,
    .alert.callout-v2.callout-no-bg.alert-default {
      border-left-color: #3d3d3d; }
      .alert.callout.callout-no-bg.alert-default h4,
      .alert.callout-v2.callout-no-bg.alert-default h4 {
        color: #3d3d3d; }

.alert.callout-v2 {
  border-top-width: 5px;
  border-left-width: 1px;
  border-left-color: #eeeeee; }
  .alert.callout-v2.alert-success {
    border-top-color: #3c763d; }
  .alert.callout-v2.alert-info {
    border-top-color: #31708f; }
  .alert.callout-v2.alert-warning {
    border-top-color: #8a6d3b; }
  .alert.callout-v2.alert-danger {
    border-top-color: #a94442; }
  .alert.callout-v2.alert-default {
    border-top-color: #3d3d3d; }
  .alert.callout-v2.callout-no-bg.alert-success,
  .alert.callout-v2.callout-no-bg.alert-info,
  .alert.callout-v2.callout-no-bg.alert-warning,
  .alert.callout-v2.callout-no-bg.alert-danger,
  .alert.callout-v2.callout-no-bg.alert-default {
    border-left-color: #eeeeee; }

.icon-border,
.icon-bg {
  border-width: 1px;
  border-style: solid;
  font-size: 18px;
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  margin-bottom: 5px; }

.fa.icon-xl {
  width: 100px;
  height: 100px;
  font-size: 61px;
  line-height: 100px; }

.fa.icon-lg {
  width: 60px;
  height: 60px;
  font-size: 31px;
  line-height: 60px; }

.icon-sm {
  width: 35px;
  height: 35px;
  font-size: 16px;
  line-height: 35px; }

.icon-xs {
  width: 25px;
  height: 25px;
  font-size: 13px;
  line-height: 25px; }

.icon-bg {
  background-color: #5c5f68;
  color: white !important;
  border: none; }
  .icon-bg.icon-reversed {
    background-color: white;
    color: #5c5f68 !important; }

.icon-primary {
  border-color: #ae0000;
  color: #ae0000; }
  .icon-primary.icon-bg {
    background-color: #ae0000; }
  .icon-primary.icon-reversed {
    background-color: white;
    color: #ae0000 !important; }

.icon-light {
  border-color: #c6c6c6;
  color: #c6c6c6; }
  .icon-light.icon-bg {
    background-color: #c6c6c6; }
  .icon-light.icon-reversed {
    background-color: white;
    color: #c6c6c6 !important; }

.icon-dark {
  border-color: #3d3d3d;
  color: #3d3d3d; }
  .icon-dark.icon-bg {
    background-color: #3d3d3d; }
  .icon-dark.icon-reversed {
    background-color: white;
    color: #3d3d3d !important; }

.icon-social li {
  padding-left: 0;
  padding-right: 0; }
  .icon-social li a {
    color: #666666; }
    .icon-social li a:hover {
      color: #3d3d3d; }

.icon-social.icon-social-color li,
.icon-social.icon-social-border li,
.icon-social.icon-social-bg li {
  border-width: 1px;
  border-style: solid; }
  .icon-social.icon-social-color li a,
  .icon-social.icon-social-border li a,
  .icon-social.icon-social-bg li a {
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    font-size: 18px;
    color: white; }
    .icon-social.icon-social-color li a > i,
    .icon-social.icon-social-border li a > i,
    .icon-social.icon-social-bg li a > i {
      line-height: 40px; }

.icon-social.icon-social-color.circle li,
.icon-social.icon-social-border.circle li,
.icon-social.icon-social-bg.circle li {
  border-radius: 100% !important; }

.icon-social.icon-social-color.rounded li,
.icon-social.icon-social-border.rounded li,
.icon-social.icon-social-bg.rounded li {
  border-radius: 4px !important; }

.icon-social.icon-social-color.rounded-2x li,
.icon-social.icon-social-border.rounded-2x li,
.icon-social.icon-social-bg.rounded-2x li {
  border-radius: 10px !important; }

.icon-social.icon-social-color.icon-xs,
.icon-social.icon-social-border.icon-xs,
.icon-social.icon-social-bg.icon-xs {
  width: auto; }
  .icon-social.icon-social-color.icon-xs > li > a,
  .icon-social.icon-social-border.icon-xs > li > a,
  .icon-social.icon-social-bg.icon-xs > li > a {
    width: 25px;
    height: 25px;
    font-size: 13px; }
    .icon-social.icon-social-color.icon-xs > li > a > i,
    .icon-social.icon-social-border.icon-xs > li > a > i,
    .icon-social.icon-social-bg.icon-xs > li > a > i {
      line-height: 25px; }

.icon-social.icon-social-color.icon-sm,
.icon-social.icon-social-border.icon-sm,
.icon-social.icon-social-bg.icon-sm {
  width: auto; }
  .icon-social.icon-social-color.icon-sm > li > a,
  .icon-social.icon-social-border.icon-sm > li > a,
  .icon-social.icon-social-bg.icon-sm > li > a {
    width: 35px;
    height: 35px;
    font-size: 16px; }
    .icon-social.icon-social-color.icon-sm > li > a > i,
    .icon-social.icon-social-border.icon-sm > li > a > i,
    .icon-social.icon-social-bg.icon-sm > li > a > i {
      line-height: 35px; }

.icon-social.icon-social-color.icon-lg,
.icon-social.icon-social-border.icon-lg,
.icon-social.icon-social-bg.icon-lg {
  width: auto; }
  .icon-social.icon-social-color.icon-lg > li > a,
  .icon-social.icon-social-border.icon-lg > li > a,
  .icon-social.icon-social-bg.icon-lg > li > a {
    width: 60px;
    height: 60px;
    font-size: 31px; }
    .icon-social.icon-social-color.icon-lg > li > a > i,
    .icon-social.icon-social-border.icon-lg > li > a > i,
    .icon-social.icon-social-bg.icon-lg > li > a > i {
      line-height: 60px; }

.icon-social.icon-social-border li a {
  color: #666666; }

.icon-social.icon-social-border.icon-primary > li > a {
  border-color: #ae0000;
  color: #ae0000; }

.icon-social.icon-social-border.icon-light > li > a {
  border-color: #c6c6c6;
  color: #c6c6c6; }

.icon-social.icon-social-border.icon-dark > li > a {
  border-color: #3d3d3d;
  color: #3d3d3d; }

.icon-social.icon-social-bg li {
  background-color: #5c5f68; }
  .icon-social.icon-social-bg li a {
    color: white; }

.icon-social.icon-social-bg.icon-primary > li {
  background-color: #ae0000; }

.icon-social.icon-social-bg.icon-light > li {
  background-color: #c6c6c6; }

.icon-social.icon-social-bg.icon-dark > li {
  background-color: #3d3d3d; }

.apple,
.facebook,
.flickr,
.instagram,
.linkedin,
.pinterest,
.snapchat,
.twitter,
.vimeo,
.vine,
.youtube {
  color: white !important;
  transition: all ease-in-out 0.2s; }

.apple {
  background-color: #666666;
  border-color: #666666; }
  .apple:hover {
    background-color: #4d4d4d; }

.facebook {
  background-color: #3b5998;
  border-color: #3b5998; }
  .facebook:hover {
    background-color: #2d4373; }

.flickr {
  background-color: #ff0084;
  border-color: #ff0084; }
  .flickr:hover {
    background-color: #cc006a; }

.instagram {
  background-color: #262626;
  border-color: #262626; }
  .instagram:hover {
    background-color: #0d0d0d; }

.linkedin {
  background-color: #0976b4;
  border-color: #0976b4; }
  .linkedin:hover {
    background-color: #075683; }

.pinterest {
  background-color: #cb2027;
  border-color: #cb2027; }
  .pinterest:hover {
    background-color: #9f191f; }

.snapchat {
  background-color: #fcc800;
  border-color: #fcc800; }
  .snapchat:hover {
    background-color: #c9a000; }

.twitter {
  background-color: #55acee;
  border-color: #55acee; }
  .twitter:hover {
    background-color: #2795e9; }

.vimeo {
  background-color: #00a2cd;
  border-color: #00a2cd; }
  .vimeo:hover {
    background-color: #007a9a; }

.vine {
  background-color: #00a478;
  border-color: #00a478; }
  .vine:hover {
    background-color: #007153; }

.youtube {
  background-color: #b31217;
  border-color: #b31217; }
  .youtube:hover {
    background-color: #850d11; }

.modal-video {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%; }
  .modal-video iframe,
  .modal-video object,
  .modal-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

a.thumbnail {
  border-color: #c6c6c6; }
  a.thumbnail:hover {
    border-color: #ae0000; }

.thumbnail-square {
  border-radius: 0; }

/* Magnific Popup */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: black;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #c6c6c6;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #c6c6c6; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #3d3d3d; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #c6c6c6;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before,
  .mfp-arrow:after,
  .mfp-arrow .mfp-b,
  .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after,
  .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before,
  .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3d3d3d; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3d3d3d; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #3d3d3d; }
  .mfp-figure small {
    color: #666666;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
			* Remove all paddings around the image on small screen
			*/
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background-image: url("../../assets/img/opacity-dark-60.png");
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background-image: url("../../assets/img/opacity-dark-60.png");
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

.content-box,
.content-box-v2 {
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 10px; }
  .content-box h1,
  .content-box h2,
  .content-box h3,
  .content-box h4,
  .content-box h5,
  .content-box h6,
  .content-box p,
  .content-box-v2 h1,
  .content-box-v2 h2,
  .content-box-v2 h3,
  .content-box-v2 h4,
  .content-box-v2 h5,
  .content-box-v2 h6,
  .content-box-v2 p {
    margin-top: 0; }

.content-box-v2 {
  position: relative; }
  .content-box-v2 .box-body {
    margin-left: 60px; }
  .content-box-v2 > i {
    position: absolute;
    top: 10px;
    left: 20px; }
    .content-box-v2 > i.icon-bg {
      top: 20px; }

.box-img {
  padding: 0;
  position: relative; }
  .box-img .box-body {
    padding: 15px; }
  .box-img .box-badge {
    position: absolute;
    top: 20px;
    left: 0;
    background: white;
    padding: 5px 15px;
    text-align: center; }
    .box-img .box-badge span {
      display: block;
      font-size: 16px;
      line-height: 16px; }
    .box-img .box-badge small {
      display: block;
      font-size: 10px;
      text-transform: uppercase; }

.box-bordered {
  background-color: white;
  border: 1px solid #dddddd; }
  .box-bordered.bg-light {
    background: #f8f8f8;
    border: 1px solid #c6c6c6; }

.box-clickable {
  transition: all ease-in-out 0.2s; }
  .box-clickable:hover {
    cursor: pointer;
    outline: 1px solid #c6c6c6;
    box-shadow: 0px 10px 15px -8px rgba(102, 102, 102, 0.75); }

.overlay-top,
.overlay-bottom {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  color: white;
  background-color: rgba(30, 30, 30, 0.5);
  opacity: 1;
  filter: alpha(opacity=100);
  padding: 15px;
  overflow: hidden;
  height: auto;
  transition: all ease-in-out 0.25s; }
  .overlay-top a,
  .overlay-top a:hover,
  .overlay-bottom a,
  .overlay-bottom a:hover {
    color: white; }
  .overlay-top .overlay-text,
  .overlay-bottom .overlay-text {
    top: 30%;
    padding: 0 20px;
    position: relative; }
    .overlay-top .overlay-text p,
    .overlay-bottom .overlay-text p {
      margin: 0; }

.overlay-top {
  top: 0; }
  .overlay-top .overlay-links {
    height: 80px;
    width: 80px;
    line-height: 80px;
    top: 50%;
    left: 50%;
    position: absolute;
    margin: -40px 0 0 -40px; }

.bg-dark .content-box.bg-light p {
  color: #5c5f68; }

@media (max-width: 767px) {
  .col-xs-6 .content-box h3 {
    font-size: 18px; }
  .col-xs-6 .content-box p {
    font-size: 13px; } }

.bg-primary {
  background: #900f0f;
  color: white; }

.bg-light {
  background: #f8f8f8; }

.bg-medium {
  background: #eeeeee; }

.bg-dark {
  background: #3d3d3d;
  color: #c6c6c6; }
  .bg-dark h1,
  .bg-dark h2,
  .bg-dark h3,
  .bg-dark h4,
  .bg-dark h5,
  .bg-dark h6 {
    color: white; }

.bg-alt {
  background: #f3f1e9;
  color: #5c5f68; }

.bg-img {
  color: white;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 330px; }
  .bg-img.bg-img-xs {
    height: 200px; }
  .bg-img.bg-img-sm {
    height: 330px; }
  .bg-img.bg-img-md {
    height: 425px; }
  .bg-img.bg-img-lg {
    height: 550px; }

@media (max-width: 767px) {
  .bg-img.bg-img-sm,
  .bg-img.bg-img-md,
  .bg-img.bg-img-lg {
    height: 200px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .bg-img.bg-img-md,
  .bg-img.bg-img-lg {
    height: 400px; } }

.bg-parallax {
  color: white;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat; }

.bg-transparent-primary,
.bg-transparent-light,
.bg-transparent-dark {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1;
  position: relative;
  overflow: hidden; }
  .bg-transparent-primary:after,
  .bg-transparent-light:after,
  .bg-transparent-dark:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    transition: all 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1); }
  .bg-transparent-primary > div,
  .bg-transparent-light > div,
  .bg-transparent-dark > div {
    z-index: 3;
    position: relative; }

.bg-transparent-primary {
  color: white; }
  .bg-transparent-primary:after {
    background: rgba(174, 0, 0, 0.7); }

.bg-transparent-light {
  color: #3d3d3d; }
  .bg-transparent-light:after {
    background-color: rgba(255, 255, 255, 0.7); }

.bg-transparent-dark {
  color: white; }
  .bg-transparent-dark:after {
    background-image: url("../../assets/img/opacity-dark-50.png");
    background: rgba(0, 0, 0, 0.5); }

#ie8 .bg-parallax,
#ie8 .bg-transparent-primary,
#ie8 .bg-transparent-light,
#ie8 .bg-transparent-dark {
  background-image: none !important; }

.bg-center-center {
  background-position: center center; }

.bg-center-top {
  background-position: center top; }

.bg-center-bottom {
  background-position: center bottom; }

.bg-left-center {
  background-position: left center; }

.bg-left-top {
  background-position: left top; }

.bg-left-bottom {
  background-position: left bottom; }

.bg-right-center {
  background-position: right center; }

.bg-right-top {
  background-position: right top; }

.bg-right-bottom {
  background-position: right bottom; }

.carousel-indicators {
  bottom: auto;
  top: 10px; }

.carousel-control.left,
.carousel-control.right {
  background-image: none;
  background-repeat: no-repeat;
  filter: none; }

.carousel-caption {
  background-image: url("../../assets/img/opacity-dark-50.png");
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  left: auto;
  right: auto;
  bottom: 0;
  text-align: center;
  padding: 20px; }
  .carousel-caption h1,
  .carousel-caption h2,
  .carousel-caption h3,
  .carousel-caption h4,
  .carousel-caption h5,
  .carousel-caption h6 {
    margin: 0 0 10px 0;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.8); }
  .carousel-caption a {
    color: white;
    text-decoration: underline; }
    .carousel-caption a:hover {
      text-decoration: none; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

/*
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
  /*
	 * 	Owl Carousel - Lazy Load Plugin
	 */
  /*
	 * 	Owl Carousel - Video Plugin
	 */ }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y; }
  .owl-carousel .owl-stage:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-controls .owl-nav .owl-prev,
  .owl-carousel .owl-controls .owl-nav .owl-next,
  .owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel .owl-refresh .owl-item {
    display: none; }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d; }
  .owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto; }
  .owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item img {
    transform-style: preserve-3d; }
  .owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: black; }
  .owl-carousel .owl-video-play-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -45px;
    margin-top: -45px;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: scale 100ms ease; }
    .owl-carousel .owl-video-play-icon:after {
      font-family: 'FontAwesome';
      content: '\f01d';
      color: white;
      font-size: 5em; }
  .owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3); }
  .owl-carousel .owl-video-playing .owl-video-tn,
  .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none; }
  .owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-controls {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }

.owl-controls .owl-nav [class*='owl-'],
.carousel-nav [class*='owl-'] {
  color: white;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #3d3d3d;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px; }

.owl-controls .owl-nav [class*='owl-']:hover,
.carousel-nav [class*='owl-']:hover {
  background: #c6c6c6;
  color: white;
  text-decoration: none; }

.owl-controls .owl-nav .disabled {
  opacity: 0.5;
  cursor: default; }

.owl-dots .owl-dot {
  display: inline-block;
  zoom: 1; }

.owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  margin: 0 5px;
  background: #c6c6c6;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  border-radius: 20px; }

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
  background: #ae0000; }

.carousel-nav .owl-prev,
.carousel-nav .owl-next {
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  cursor: pointer;
  padding: 0; }

.owl-carousel .item-video {
  height: 400px; }

.mega-menu {
  position: relative;
  z-index: 999; }
  .mega-menu .container {
    position: relative; }
  .mega-menu .dropdown-menu {
    left: auto; }
    .mega-menu .dropdown-menu ul > li > a {
      padding: 0 0 8px 0;
      font-size: 15px;
      display: block; }
  .mega-menu .mega-menu-content {
    padding: 20px 30px; }
    .mega-menu .mega-menu-content .row {
      margin-left: 0;
      margin-right: 0; }
  .mega-menu .dropdown.mega-menu-full .dropdown-menu {
    left: 0;
    right: 0; }

@media screen and (min-width: 992px) {
  .mega-menu .nav,
  .mega-menu .collapse,
  .mega-menu .dropup,
  .mega-menu .dropdown {
    position: static; } }

.timeline {
  position: relative;
  list-style-type: none;
  padding: 10px 0;
  height: auto;
  overflow: hidden; }
  .timeline:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    content: ' ';
    width: 1px;
    border-left: 1px solid #dddddd;
    z-index: 1; }

.timeline-year {
  text-align: center;
  position: relative;
  z-index: 2;
  clear: both; }
  .timeline-year > span {
    display: inline-block;
    padding: 8px 18px;
    margin: 20px 0;
    border-radius: 4px;
    background-color: #3d3d3d;
    font-weight: 700;
    color: white;
    z-index: 3; }

.timeline-event {
  position: relative;
  width: 50%;
  margin-top: 0;
  margin-bottom: 40px;
  padding-right: 30px;
  padding-left: 0;
  text-align: right;
  float: left;
  clear: left; }
  .timeline-event.timeline-event-right {
    margin-bottom: 0;
    margin-top: 40px;
    padding-left: 30px;
    padding-right: 0;
    text-align: left;
    float: right;
    clear: right; }
    .timeline-event.timeline-event-right:before {
      right: auto;
      left: -5px; }
    .timeline-event.timeline-event-right .timeline-event-title:before {
      right: auto;
      left: -15px;
      border-right: 15px solid #c6c6c6;
      border-left: 0; }
    .timeline-event.timeline-event-right .timeline-event-title:after {
      right: auto;
      left: -14px;
      border-right: 14px solid white;
      border-left: 0; }
  .timeline-event:before {
    position: absolute;
    content: '\f111';
    font-family: 'FontAwesome';
    top: 42px;
    right: -6px;
    font-size: 12px;
    line-height: 0;
    color: #dddddd; }

.timeline-event-title {
  position: relative;
  padding: 15px 20px;
  border: 1px solid #c6c6c6;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom: 1px solid #c6c6c6; }
  .timeline-event-title h3 {
    font-size: 20px;
    margin: 0 0 5px 0; }
  .timeline-event-title:before,
  .timeline-event-title:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0; }
  .timeline-event-title:before {
    top: 25px;
    right: -15px;
    border-top: 15px solid transparent;
    border-left: 15px solid #c6c6c6;
    border-bottom: 15px solid transparent; }
  .timeline-event-title:after {
    top: 26px;
    right: -14px;
    border-top: 14px solid transparent;
    border-left: 14px solid white;
    border-bottom: 14px solid transparent; }
  .timeline-event-title > time {
    display: inline-block;
    color: #666666; }
    .timeline-event-title > time:before {
      content: '\f073';
      font-family: 'FontAwesome';
      color: #ae0000;
      margin-right: 5px; }

.timeline-event-content {
  padding: 15px 20px;
  border: 1px solid #c6c6c6;
  border-top-width: 0;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #f8f8f8; }
  .timeline-event-content img {
    margin-bottom: 10px; }
  .timeline-event-content p {
    margin-bottom: 0;
    font-size: 12px; }

.timeline-left {
  text-align: left; }
  .timeline-left:before {
    left: 6px; }
  .timeline-left .timeline-year {
    margin-left: 6px;
    text-align: left; }
    .timeline-left .timeline-year > span {
      border-radius: 0 4px 4px 0; }
  .timeline-left .timeline-event {
    padding-left: 30px;
    padding-right: 0;
    width: 100%;
    float: none;
    clear: none; }
    .timeline-left .timeline-event:before {
      right: auto;
      left: 2px; }
  .timeline-left .timeline-event-title:before {
    right: auto;
    left: -15px;
    border-right: 15px solid #c6c6c6;
    border-left: 0; }
  .timeline-left .timeline-event-title:after {
    right: auto;
    left: -14px;
    border-right: 14px solid white;
    border-left: 0; }

.timeline-right {
  text-align: right; }
  .timeline-right:before {
    right: 6px;
    left: auto; }
  .timeline-right .timeline-year {
    margin-right: 6px;
    text-align: right; }
    .timeline-right .timeline-year > span {
      border-radius: 4px 0 0 4px; }
  .timeline-right .timeline-event {
    padding-right: 30px;
    padding-left: 0;
    width: 100%;
    float: none;
    clear: none; }
    .timeline-right .timeline-event:before {
      right: 2px;
      left: auto; }

@media screen and (max-width: 767px) {
  .timeline {
    text-align: left; }
    .timeline:before {
      left: 6px; }
    .timeline .timeline-year {
      margin-left: 6px;
      text-align: left; }
      .timeline .timeline-year > span {
        border-radius: 0 4px 4px 0; }
    .timeline .timeline-event {
      padding-left: 30px;
      padding-right: 0;
      width: 100%;
      float: none;
      clear: none; }
      .timeline .timeline-event:before {
        right: auto;
        left: 2px; }
    .timeline .timeline-event-title:before {
      right: auto;
      left: -15px;
      border-right: 15px solid #c6c6c6;
      border-left: 0; }
    .timeline .timeline-event-title:after {
      right: auto;
      left: -14px;
      border-right: 14px solid white;
      border-left: 0; } }

.map {
  width: 100%;
  height: 350px;
  display: block; }

.map-info-window {
  overflow: hidden; }
  .map-info-window p {
    font-size: 14px;
    font-weight: normal; }

.map-wrapper {
  position: relative;
  overflow: hidden;
  height: 100%; }
  .map-wrapper #map-canvas {
    min-height: 800px; }

.map-panel {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
  padding: 0 40px; }

.map-search-results {
  display: none;
  margin-bottom: 10px; }

@media screen and (max-width: 1199px) {
  .map-panel {
    padding: 0 20px; }
  .map-wrapper,
  .no-gutter > [class^='col-'].map-wrapper {
    padding-right: 20px !important;
    padding-left: 20px !important;
    margin-right: auto !important;
    margin-left: auto !important; } }

.news,
.news-v2 {
  margin-bottom: 70px; }
  .news .list-inline i,
  .news-v2 .list-inline i {
    padding-right: 5px; }
  .news h1 a,
  .news h2 a,
  .news h3 a,
  .news h4 a,
  .news h5 a,
  .news h6 a,
  .news-v2 h1 a,
  .news-v2 h2 a,
  .news-v2 h3 a,
  .news-v2 h4 a,
  .news-v2 h5 a,
  .news-v2 h6 a {
    color: #5c5f68;
    transition: all ease-in-out 0.2s; }
    .news h1 a:hover,
    .news h2 a:hover,
    .news h3 a:hover,
    .news h4 a:hover,
    .news h5 a:hover,
    .news h6 a:hover,
    .news-v2 h1 a:hover,
    .news-v2 h2 a:hover,
    .news-v2 h3 a:hover,
    .news-v2 h4 a:hover,
    .news-v2 h5 a:hover,
    .news-v2 h6 a:hover {
      color: #990000; }

.news-v2 .news-body h1:first-child,
.news-v2 .news-body h2:first-child,
.news-v2 .news-body h3:first-child,
.news-v2 .news-body h4:first-child,
.news-v2 .news-body h5:first-child,
.news-v2 .news-body h6:first-child {
  margin-top: 0; }

.blog-posts-list li {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #c6c6c6; }
  .blog-posts-list li:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none; }

.blog-posts-list h3 {
  font-size: 14px;
  margin: 0 0 3px;
  line-height: 20px; }

.blog-posts-list small {
  margin-bottom: 8px;
  display: inline-block; }
  .blog-posts-list small i {
    padding-right: 5px; }

.blog-posts-list p {
  font-size: 12px; }

.blog-tags-list li {
  margin: 0;
  padding: 0; }

.blog-tags-list a {
  color: white;
  background-color: #ae0000;
  border: 1px solid #900f0f;
  padding: 3px 10px;
  font-size: 12px;
  line-height: 32px;
  transition: all 0.2s ease-in-out; }
  .blog-tags-list a:hover {
    text-decoration: none;
    border-color: #6d0019;
    background-color: #6d0019; }

.table > thead > tr > th {
  font-weight: 600; }

.table.table-color-primary,
.table.table-color-light,
.table.table-color-medium,
.table.table-color-dark {
  background: none;
  color: #5c5f68; }
  .table.table-color-primary > thead > tr > th,
  .table.table-color-light > thead > tr > th,
  .table.table-color-medium > thead > tr > th,
  .table.table-color-dark > thead > tr > th {
    border-bottom: 1px solid #900f0f;
    background-color: #900f0f;
    color: white; }

.table.table-color-light > thead > tr > th {
  border-bottom: 1px solid #f8f8f8;
  background-color: #f8f8f8;
  color: #3d3d3d; }

.table.table-color-medium > thead > tr > th {
  border-bottom: 1px solid #eeeeee;
  background-color: #eeeeee;
  color: #3d3d3d; }

.table.table-color-dark > thead > tr > th {
  border-bottom: 1px solid #3d3d3d;
  background-color: #3d3d3d; }

table.dataTable {
  clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important; }
  table.dataTable td,
  table.dataTable th {
    box-sizing: content-box; }
    table.dataTable td.dataTables_empty,
    table.dataTable th.dataTables_empty {
      text-align: center; }
  table.dataTable.nowrap td,
  table.dataTable.nowrap th {
    white-space: nowrap; }
  table.dataTable thead > tr > th.sorting_asc,
  table.dataTable thead > tr > th.sorting_desc,
  table.dataTable thead > tr > th.sorting,
  table.dataTable thead > tr > td.sorting_asc,
  table.dataTable thead > tr > td.sorting_desc,
  table.dataTable thead > tr > td.sorting {
    padding-right: 30px; }
  table.dataTable thead > tr > th:active,
  table.dataTable thead > tr > td:active {
    outline: none; }
  table.dataTable thead .sorting,
  table.dataTable thead .sorting_asc,
  table.dataTable thead .sorting_desc,
  table.dataTable thead .sorting_asc_disabled,
  table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative; }
    table.dataTable thead .sorting:after,
    table.dataTable thead .sorting_asc:after,
    table.dataTable thead .sorting_desc:after,
    table.dataTable thead .sorting_asc_disabled:after,
    table.dataTable thead .sorting_desc_disabled:after {
      position: absolute;
      bottom: 8px;
      right: 8px;
      display: block;
      font-family: 'Glyphicons Halflings';
      opacity: 0.5; }
  table.dataTable thead .sorting:after {
    opacity: 0.2;
    content: "\e150"; }
  table.dataTable thead .sorting_asc:after {
    content: "\e155"; }
  table.dataTable thead .sorting_desc:after {
    content: "\e156"; }
  table.dataTable thead .sorting_asc_disabled:after,
  table.dataTable thead .sorting_desc_disabled:after {
    color: #eeeeee; }

div.dataTables_wrapper div.dataTables_length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap; }

div.dataTables_wrapper div.dataTables_length select {
  width: 75px;
  display: inline-block; }

div.dataTables_wrapper div.dataTables_filter {
  text-align: right; }
  div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left; }
  div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto; }

div.dataTables_wrapper div.dataTables_info {
  padding-top: 8px;
  white-space: nowrap; }

div.dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right; }
  div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap; }

div.dataTables_scrollHead table.dataTable {
  margin-bottom: 0 !important; }

div.dataTables_scrollBody table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important; }
  div.dataTables_scrollBody table thead .sorting:after,
  div.dataTables_scrollBody table thead .sorting_asc:after,
  div.dataTables_scrollBody table thead .sorting_desc:after {
    display: none; }
  div.dataTables_scrollBody table tbody tr:first-child th,
  div.dataTables_scrollBody table tbody tr:first-child td {
    border-top: none; }

div.dataTables_scrollFoot table {
  margin-top: 0 !important;
  border-top: none; }

@media screen and (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_length,
  div.dataTables_wrapper div.dataTables_filter,
  div.dataTables_wrapper div.dataTables_info,
  div.dataTables_wrapper div.dataTables_paginate {
    text-align: center; } }

table.dataTable.table-condensed > thead > tr > th {
  padding-right: 20px; }

table.dataTable.table-condensed .sorting:after,
table.dataTable.table-condensed .sorting_asc:after,
table.dataTable.table-condensed .sorting_desc:after {
  top: 6px;
  right: 6px; }

table.table-bordered.dataTable {
  border-collapse: separate !important; }
  table.table-bordered.dataTable th,
  table.table-bordered.dataTable td {
    border-left-width: 0; }
    table.table-bordered.dataTable th:last-child,
    table.table-bordered.dataTable td:last-child {
      border-right-width: 0; }
  table.table-bordered.dataTable tbody th,
  table.table-bordered.dataTable tbody td {
    border-bottom-width: 0; }

div.dataTables_scrollHead table.table-bordered {
  border-bottom-width: 0; }

input.gsc-input,
.gsc-input-box,
.gsc-input-box-hover,
.gsc-input-box-focus,
.gsc-search-button,
.gsc-search-button-v2,
.gsc-results-wrapper-overlay,
.gsc-results-wrapper-visible {
  box-sizing: content-box;
  line-height: normal; }

.gsc-clear-button {
  display: none; }

table.gsc-search-box td.gsc-input {
  padding-right: 0 !important; }

.gsc-input .gsc-input {
  background: white;
  border-color: #eeeeee;
  color: #666666;
  -webkit-appearance: none;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  padding: 10px 16px;
  height: 24px;
  font-size: 18px;
  width: 95%; }

.gsc-search-button input.gsc-search-button {
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  color: white;
  border-radius: 2px;
  padding: 9px 12px;
  height: auto;
  transition: all ease-in-out 0.2s; }

.svg-responsive {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto; }

.by-the-numbers-row-1 {
  border-bottom: 1px solid white;
  margin-top: 20px; }

.by-the-numbers-row-2 {
  margin-top: 30px; }

.by-the-numbers-col {
  border-left: 1px solid white; }
  .by-the-numbers-col object {
    padding-top: 30px;
    margin: 0 auto; }

@media (max-width: 767px) {
  .by-the-numbers-row-1 {
    border-bottom: none; }
  .by-the-numbers-col {
    border-left: none; } }

.embed-smart {
  cursor: pointer; }

.play-icon {
  position: absolute;
  display: inline-block;
  cursor: pointer;
  top: 50%;
  left: 50%;
  margin: -50px;
  font-size: 100px;
  color: white; }

video::-webkit-media-controls {
  display: none; }

.ua-alert {
  min-height: 0;
  margin-top: 10px;
  margin-bottom: 0;
  padding-bottom: 0; }
  .ua-alert .callout-v2 {
    padding-bottom: 25px !important;
    border-top-width: 10px !important; }
    .ua-alert .callout-v2.alert-warning {
      border-top-color: #990000 !important; }
  .ua-alert i {
    color: #990000;
    font-size: 120px; }
  .ua-alert h1,
  .ua-alert h2,
  .ua-alert h3,
  .ua-alert h4,
  .ua-alert h5,
  .ua-alert h6,
  .ua-alert p {
    color: black; }

#home-carousel .bg-img {
  height: 550px;
  position: relative; }

#home-carousel .caption {
  position: absolute;
  top: 43%;
  left: 15%;
  right: 15%;
  text-align: center; }
  #home-carousel .caption .caption-inner {
    background-image: url("../../assets/img/opacity-dark-50.png");
    background: rgba(0, 0, 0, 0.55);
    padding: 18px 22px 20px 22px;
    margin: 0;
    width: auto;
    display: inline-block;
    border-radius: 4px;
    transition: all ease-in-out 0.2s; }
    #home-carousel .caption .caption-inner.caption-primary-bg {
      background: rgba(174, 0, 0, 0.7); }
    #home-carousel .caption .caption-inner .input-group {
      max-width: 500px; }
    #home-carousel .caption .caption-inner a:hover {
      text-decoration: none; }
  #home-carousel .caption:hover .caption-inner {
    background-image: url("../../assets/img/opacity-dark-70.png");
    background: rgba(0, 0, 0, 0.7); }
  #home-carousel .caption.no-caption-hover:hover .caption-inner {
    background-image: url("../../assets/img/opacity-dark-50.png");
    background: rgba(0, 0, 0, 0.55); }

#home-carousel .caption-left {
  left: 0;
  right: auto;
  text-align: left; }

#home-carousel .caption-right {
  right: 0;
  left: auto;
  text-align: right; }

#home-carousel .bg-video {
  cursor: pointer; }
  #home-carousel .bg-video video {
    width: 100%;
    min-height: 550px; }
    #home-carousel .bg-video video p {
      position: absolute;
      top: 75%;
      left: 15%;
      right: 15%;
      text-align: center; }
  #home-carousel .bg-video .fa-play-circle-o {
    margin-top: 5px; }

#home-carousel h2,
#home-carousel p,
#home-carousel a {
  font-family: 'Lato', 'Open Sans', Helvetica, Arial, sans-serif;
  color: white; }

#home-carousel h2 {
  font-size: 48px;
  font-weight: 600;
  line-height: 48px;
  margin: 0 0 6px 0; }

#home-carousel p {
  font-size: 20px;
  font-weight: 500; }
  #home-carousel p.lead {
    margin-bottom: 0;
    padding-top: 0; }

#home-carousel .carousel-control .glyphicon-chevron-left,
#home-carousel .carousel-control .glyphicon-chevron-right {
  margin-top: 0; }

#home-carousel .carousel-control .glyphicon-chevron-left {
  left: 30%; }

#home-carousel .carousel-control .glyphicon-chevron-right {
  right: 30%; }

#home-carousel .modal {
  top: 125px; }
  #home-carousel .modal .modal-content {
    background-color: transparent; }

#home-carousel .btn-transparent {
  color: white;
  border-color: white;
  font-weight: 600; }

@media (max-width: 767px) {
  #home-carousel .site-content {
    min-height: 375px; }
  #home-carousel .bg-img {
    height: 375px; }
  #home-carousel .bg-video video {
    min-width: 568px;
    min-height: 500px; }
  #home-carousel .bg-video .fa-play-circle-o {
    margin-top: 0;
    font-size: 2.1em; }
  #home-carousel .caption {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center; }
    #home-carousel .caption .caption-inner {
      width: 100%;
      border-radius: 0;
      padding: 10px 5px; }
      #home-carousel .caption .caption-inner .input-group {
        max-width: none; }
      #home-carousel .caption .caption-inner .form-control {
        height: 34px; }
      #home-carousel .caption .caption-inner .btn {
        font-size: 10px; }
  #home-carousel h2 {
    font-size: 20px;
    line-height: 20px; }
  #home-carousel p {
    font-size: 12px; }
  #home-carousel .carousel-control {
    top: 100px;
    bottom: 100px; } }

@media (max-width: 320px) {
  .bg-video video {
    min-width: initial;
    min-height: 100px;
    max-height: 100px; } }

@media (min-width: 768px) and (max-width: 991px) {
  #home-carousel .caption {
    top: 190px; }
    #home-carousel .caption .caption-inner .btn-transparent {
      font-size: 12px; }
  #home-carousel .caption,
  #home-carousel .caption-left,
  #home-carousel .caption-right {
    left: 10%;
    right: 10%;
    text-align: center; }
  #home-carousel .bg-img {
    height: 430px; }
  #home-carousel .bg-video video {
    min-height: 430px; }
  #home-carousel .bg-video .fa-play-circle-o {
    margin-top: 8px;
    font-size: 3em; }
  #home-carousel h2 {
    font-size: 34px;
    line-height: 34px; }
  #home-carousel p {
    font-size: 15px; } }

@media (min-width: 992px) and (max-width: 1299px) {
  #home-carousel .caption {
    top: 240px; }
  #home-carousel .caption,
  #home-carousel .caption-left,
  #home-carousel .caption-right {
    left: 10%;
    right: 10%;
    text-align: center; }
  #home-carousel .bg-video .fa-play-circle-o {
    margin-top: 10px;
    font-size: 4em; } }

@media (min-width: 1600px) and (max-width: 1799px) {
  #home-carousel .bg-img {
    height: 625px; }
  #home-carousel .caption {
    top: 280px; } }

@media (min-width: 1800px) {
  #home-carousel .bg-img {
    height: 700px; }
  #home-carousel .caption {
    top: 320px; } }

.campaign-bg-light {
  background-color: #eeeeee; }

.campaign-page-header {
  letter-spacing: 0.2em;
  font-size: 52px; }

.campaign-heading {
  font-family: 'Lato', 'Open Sans', Helvetica, Arial, sans-serif; }

.campaign-lead {
  letter-spacing: 0.05em;
  line-height: 1.5em; }

.campaign-text-dark {
  color: #3d3d3d !important; }

.campaign-text-primary {
  color: #990000 !important; }

.campaign-text-white {
  color: white !important; }

.campaign-graphic {
  min-height: 426px;
  background-color: #1a1a1a; }

.campaign-stories-teaser {
  color: #5c5f68;
  font-size: 14px; }

.campaign-caption {
  position: absolute;
  top: 60%;
  right: 15%;
  left: 15%;
  z-index: auto;
  overflow: hidden;
  margin: 0;
  padding: 18px 22px 20px 22px;
  width: auto;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.55);
  color: white;
  text-align: center;
  transition: all ease-in-out 0.2s; }

@media (max-width: 767px) {
  .campaign-bg-img {
    height: auto !important; }
  .campaign-caption {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 0;
    width: 100%;
    padding: 10px 5px; } }

.event-date {
  text-align: center;
  width: 60px;
  background-color: #eeeeee;
  border: 1px solid #dddddd;
  padding: 5px;
  border-radius: 3px; }
  .event-date p {
    font-size: 33px;
    font-weight: 400;
    line-height: 30px;
    margin: 0;
    color: #3d3d3d; }
  .event-date small {
    font-size: 18px;
    font-weight: 300;
    color: #3d3d3d; }

@media (max-width: 1199px) {
  .event-details h4 {
    font-size: 17px; }
  .event-details p {
    font-size: 14px; } }

.social-list li {
  margin-bottom: 20px;
  position: relative; }

.social-tabs-content p {
  margin-bottom: 5px; }

.social-actions {
  font-size: 12px; }
  .social-actions time {
    font-size: 12px; }
    .social-actions time a {
      color: #5c5f68; }
      .social-actions time a:hover {
        color: #3d3d3d; }

.nav-tabs + .tab-content.social-tabs {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0; }

.nav-justified.social-tabs > li {
  display: table-cell;
  width: 1%; }
  .nav-justified.social-tabs > li > a {
    margin-bottom: 0; }

.social-tabs-content {
  height: 325px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 15px; }
  #vimeo .social-tabs-content {
    overflow: auto; }

.social-tabs-footer {
  width: 100%;
  padding: 12px;
  background: #f8f8f8;
  border-top: 1px solid #dddddd; }

@media (max-width: 767px) {
  .social-tabs #instagram .overlay-bottom {
    padding: 5px; }
  .social-tabs #instagram .overlay-links {
    font-size: 12px; }
    .social-tabs #instagram .overlay-links .margin-right-10 {
      margin-right: 5px !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  #vimeo .social-tabs-content {
    height: 425px; } }

.featured-news {
  min-height: 305px;
  max-height: 400px;
  border-top: 5px solid #990000; }
  .featured-news h3 {
    margin-bottom: 10px; }
  .featured-news p {
    margin-bottom: 0; }
  .featured-news .box-badge {
    top: 10px;
    left: auto;
    right: 0;
    padding: 5px 10px;
    background: rgba(255, 255, 255, 0.75); }
    .featured-news .box-badge small {
      font-weight: 600; }

.latest-news,
.upcoming-events {
  border-bottom-color: #dddddd; }

.more-news,
.more-events {
  font-size: 13px;
  padding-top: 12px;
  padding-left: 20px;
  font-style: normal !important; }

@media (min-width: 768px) and (max-width: 991px) {
  .col-sm-6 .featured-news h3 {
    font-size: 21px; }
  .col-sm-6 .featured-news p {
    font-size: 14px; } }

@media (max-width: 991px) {
  .featured-news {
    min-height: 0; } }

.link-primary {
  color: #990000 !important; }
  .link-primary:hover {
    color: #900f0f !important; }

.link-light {
  color: #c6c6c6 !important; }
  .link-light:hover {
    color: #666666 !important; }

.link-dark {
  color: #3d3d3d !important; }
  .link-dark:hover {
    color: #666666 !important; }

.link-white {
  color: white !important; }
  .link-white:hover {
    color: #990000 !important; }

.bg-primary .link-white,
.bg-dark .link-white {
  color: white !important; }
  .bg-primary .link-white:hover,
  .bg-dark .link-white:hover {
    color: #c6c6c6 !important; }

.ua-square-logo {
  position: relative;
  z-index: 900; }
  .ua-square-logo.overlap-top {
    margin-top: -50px; }
  .overlap-bottom {
    margin-bottom: -50px; }

.site-section-top {
  position: relative;
}

  .site-section-top .site-content {
    padding-left: 15px;
    padding-right: 15px;
    background: transparent;
    position: relative; }

#ie8 .site-section-top .bg-img .site-content {
  min-height: auto;
  height: 330px; }

.sidebar {
  margin-top: 20px; }

.sidebar-block {
  margin-bottom: 50px; }

.bg-img .site-content {
  height: 330px;
  bottom: auto; }

.site-heading-bg-light,
.site-heading-bg-dark,
.site-heading-bg-primary {
  position: absolute;
  bottom: 15px;
  z-index: auto;
  overflow: hidden;
  padding: 15px;
  border-radius: 2px; }
  .site-heading-bg-light h1,
  .site-heading-bg-dark h1,
  .site-heading-bg-primary h1 {
    margin: 0;
    padding: 0 5px;
    font-size: 42px; }
    .site-heading-bg-light h1.site-heading-small,
    .site-heading-bg-dark h1.site-heading-small,
    .site-heading-bg-primary h1.site-heading-small {
      font-size: 39px; }

@media (max-width: 767px) {
  .site-heading-bg-light h1,
  .site-heading-bg-dark h1,
  .site-heading-bg-primary h1 {
    font-size: 32px; }
    .site-heading-bg-light h1.site-heading-small,
    .site-heading-bg-dark h1.site-heading-small,
    .site-heading-bg-primary h1.site-heading-small {
      font-size: 22px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .site-heading-bg-light h1.site-heading-small,
  .site-heading-bg-dark h1.site-heading-small,
  .site-heading-bg-primary h1.site-heading-small {
    font-size: 29px; } }

.site-heading-bg-light {
  background-color: rgba(255, 255, 255, 0.9);
  color: #2e2e2e; }

.site-heading-bg-dark {
  background-color: rgba(0, 0, 0, 0.6);
  color: white; }

.site-heading-bg-primary {
  bottom: 0;
  padding: 12px 15px;
  background-color: #990000;
  color: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.scroll-to-top {
  position: fixed;
  bottom: 14px;
  right: 11px;
  width: 50px;
  height: 50px;
  text-align: center;
  cursor: pointer;
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
  z-index: 1000; }
  .scroll-to-top:hover {
    background-color: rgba(0, 0, 0, 0.8);
    transition: all 0.3s ease-in-out; }
  .scroll-to-top i {
    font-size: 24px;
    line-height: 48px; }

@media (max-width: 767px) {
  .scroll-to-top {
    width: 40px;
    height: 40px; }
    .scroll-to-top i {
      font-size: 20px;
      line-height: 40px; } }