/* Global Classes */
.text-transform-none div,
.text-transform-none h1,
.text-transform-none h2,
.text-transform-none h3,
.text-transform-none h4,
.text-transform-none h5,
.text-transform-none h6,
.text-transform-none a {
  text-transform: none !important;
}

.w3-fixed {
  position: fixed;
  top: 0;
  width: 100%;
}

.w3-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 100%;
}

.w3-relative {
  position: relative;
  width: 100%;
}

ol {
  display: block;
}

@keyframes comeout {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }

}

.visuallyhidden {
  opacity: 0;
}

.w3-small {
  font-size: 14px !important;
}

/*.w3-animate-opacity {
  animation: opac 3s;
}*/

.w3-animate-opacity-disabled {
  animation: none !important;
}

.site-name-lowercase h1.site-name,
.site-name-lowercase h1.site-name a {
  text-transform: lowercase!important;
}

.site-name-capitalize h1.site-name,
.site-name-capitalize h1.site-name a {
  text-transform: capitalize!important;
}

.w3-card {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}

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

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

.w3-box-shadow-0 {
  box-shadow: none !important;
}

.w3-border-0 {
  border: none !important;
}

.w3-round-0 {
  border-radius: 0 !important;
}

/* Link Text Color Classes */
.w3-link-red a {
  color: #f44336 !important;
}

.w3-link-green a {
  color: #4caf50 !important;
}

.w3-link-blue a {
  color: #2196f3 !important;
}

.w3-link-yellow a {
  color: #ffeb3b !important;
}

.w3-link-white a {
  color: #fff !important;
}

.w3-link-black a {
  color: #000 !important;
}

.w3-link-grey a,
.w3-link-gray a {
  color: #757575 !important;
}

.w3-link-amber a {
  color: #ffc107 !important;
}

.w3-link-aqua a {
  color: #00ffff !important;
}

.w3-link-light-blue a {
  color: #87ceeb !important;
}

.w3-link-brown a {
  color: #795548 !important;
}

.w3-link-cyan a {
  color: #00bcd4 !important;
}

.w3-link-blue-grey a,
.w3-link-blue-gray a {
  color: #607d8b !important;
}

.w3-link-light-green a {
  color: #8bc34a !important;
}

.w3-link-indigo a {
  color: #3f51b5 !important;
}

.w3-link-khaki a {
  color: #b4aa50 !important;
}

.w3-link-lime a {
  color: #cddc39 !important;
}

.w3-link-orange a {
  color: #ff9800 !important;
}

.w3-link-deep-orange a {
  color: #ff5722 !important;
}

.w3-link-pink a {
  color: #e91e63 !important;
}

.w3-link-purple a {
  color: #9c27b0 !important;
}

.w3-link-deep-purple a {
  color: #673ab7 !important;
}

.w3-link-sand a {
  color: #fdf5e6 !important;
}

.w3-link-teal a {
  color: #009688 !important;
}

.w3-link-light-gray a,
.w3-link-light-grey a {
  color: #f1f1f1 !important;
}

.w3-link-dark-gray a,
.w3-link-dark-grey a {
  color: #3a3a3a !important;
}

.w3-link-pale-red a {
  color: #ffe7e7 !important;
}

.w3-link-pale-green a {
  color: #e7ffe7 !important;
}

.w3-link-pale-yellow a {
  color: #ffffcc !important;
}

.w3-link-pale-blue a {
  color: #e7ffff !important;
}

/* Link Background Color Classes Hover */
.w3-link-bg-red a {
  background-color: #f44336 !important;
}

.w3-link-bg-green a {
  background-color: #4caf50 !important;
}

.w3-link-bg-blue a {
  background-color: #2196f3 !important;
}

.w3-link-bg-yellow a {
  background-color: #ffeb3b !important;
}

.w3-link-bg-white a {
  background-color: #fff !important;
}

.w3-link-bg-black a {
  background-color: #000 !important;
}

.w3-link-bg-grey a,
.w3-link-bg-gray a {
  background-color: #757575 !important;
}

.w3-link-bg-amber a {
  background-color: #ffc107 !important;
}

.w3-link-bg-aqua a {
  background-color: #00ffff !important;
}

.w3-link-bg-light-blue a {
  background-color: #87ceeb !important;
}

.w3-link-bg-brown a {
  background-color: #795548 !important;
}

.w3-link-bg-cyan a {
  background-color: #00bcd4 !important;
}

.w3-link-bg-blue-grey a,
.w3-link-bg-blue-gray a {
  background-color: #607d8b !important;
}

.w3-link-bg-light-green a {
  background-color: #8bc34a !important;
}

.w3-link-bg-indigo a {
  background-color: #3f51b5 !important;
}

.w3-link-bg-khaki a {
  background-color: #b4aa50 !important;
}

.w3-link-bg-lime a {
  background-color: #cddc39 !important;
}

.w3-link-bg-orange a {
  background-color: #ff9800 !important;
}

.w3-link-bg-deep-orange a {
  background-color: #ff5722 !important;
}

.w3-link-bg-pink a {
  background-color: #e91e63 !important;
}

.w3-link-bg-purple a {
  background-color: #9c27b0 !important;
}

.w3-link-bg-deep-purple a {
  background-color: #673ab7 !important;
}

.w3-link-bg-sand a {
  background-color: #fdf5e6 !important;
}

.w3-link-bg-teal a {
  background-color: #009688 !important;
}

.w3-link-bg-light-gray a,
.w3-link-bg-light-grey a {
  background-color: #f1f1f1 !important;
}

.w3-link-bg-dark-gray a,
.w3-link-bg-dark-grey a {
  background-color: #3a3a3a !important;
}

.w3-link-bg-pale-red a {
  background-color: #ffe7e7 !important;
}

.w3-link-bg-pale-green a {
  background-color: #e7ffe7 !important;
}

.w3-link-bg-pale-yellow a {
  background-color: #ffffcc !important;
}

.w3-link-bg-pale-blue a {
  background-color: #e7ffff !important;
}

/* Link Color Classes Hover */

/* Link Color Classes Hover */
.w3-button-red button,
.w3-link-hover-red a:hover,
.w3-button-hover-red button:hover {
  color: #fff !important;
  background-color: #f44336 !important;
}

.w3-button-green button,
.w3-link-hover-green a:hover,
.w3-button-hover-green button:hover {
  color: #fff !important;
  background-color: #4caf50 !important;
}

.w3-button-blue button,
.w3-link-hover-blue a:hover,
.w3-button-hover-blue button:hover {
  color: #fff !important;
  background-color: #2196f3 !important;
}

.w3-button-yellow button,
.w3-link-hover-yellow a:hover,
.w3-button-hover-yellow button:hover {
  color: #000 !important;
  background-color: #ffeb3b !important;
}

.w3-button-white button,
.w3-link-hover-white a:hover,
.w3-button-hover-white button:hover {
  color: #000 !important;
  background-color: #fff !important;
}

.w3-button-black button,
.w3-link-hover-black a:hover,
.w3-button-hover-black button:hover {
  color: #fff !important;
  background-color: #000 !important;
}

.w3-button-amber button,
.w3-link-hover-amber a:hover,
.w3-button-hover-amber button:hover {
  color: #000 !important;
  background-color: #ffc107 !important;
}

.w3-button-aqua button,
.w3-link-hover-aqua a:hover,
.w3-button-hover-aqua button:hover {
  color: #000 !important;
  background-color: #00ffff !important;
}

.w3-button-light-blue button,
.w3-link-hover-light-blue a:hover,
.w3-button-hover-light-blue button:hover {
  color: #000 !important;
  background-color: #87ceeb !important;
}

.w3-button-brown button,
.w3-link-hover-brown a:hover,
.w3-button-hover-brown button:hover {
  color: #fff !important;
  background-color: #795548 !important;
}

.w3-button-cyan button,
.w3-link-hover-cyan a:hover,
.w3-button-hover-cyan button:hover {
  color: #000 !important;
  background-color: #00bcd4 !important;
}

.w3-button-light-green button,
.w3-link-hover-light-green a:hover,
.w3-button-hover-light-green button:hover {
  color: #000 !important;
  background-color: #8bc34a !important;
}

.w3-button-indigo button,
.w3-link-hover-indigo a:hover,
.w3-button-hover-indigo button:hover {
  color: #fff !important;
  background-color: #3f51b5 !important;
}

.w3-button-khaki button,
.w3-link-hover-khaki a:hover,
.w3-button-hover-khaki button:hover {
  color: #000 !important;
  background-color: #b4aa50 !important;
}

.w3-button-lime button,
.w3-link-hover-lime a:hover,
.w3-button-hover-lime button:hover {
  color: #000 !important;
  background-color: #cddc39 !important;
}

.w3-button-orange button,
.w3-link-hover-orange a:hover,
.w3-button-hover-orange button:hover {
  color: #000 !important;
  background-color: #ff9800 !important;
}

.w3-button-deep-orange button,
.w3-link-hover-deep-orange a:hover,
.w3-button-hover-deep-orange button:hover {
  color: #fff !important;
  background-color: #ff5722 !important;
}

.w3-button-pink button,
.w3-link-hover-pink a:hover,
.w3-button-hover-pink button:hover {
  color: #fff !important;
  background-color: #e91e63 !important;
}

.w3-button-purple button,
.w3-link-hover-purple a:hover,
.w3-button-hover-purple button:hover {
  color: #fff !important;
  background-color: #9c27b0 !important;
}

.w3-button-deep-purple button,
.w3-link-hover-deep-purple a:hover,
.w3-button-hover-deep-purple button:hover {
  color: #fff !important;
  background-color: #673ab7 !important;
}

.w3-button-sand button,
.w3-link-hover-sand a:hover,
.w3-button-hover-sand button:hover {
  color: #000 !important;
  background-color: #fdf5e6 !important;
}

.w3-button-teal button,
.w3-link-hover-teal a:hover,
.w3-button-hover-teal button:hover {
  color: #fff !important;
  background-color: #009688 !important;
}

.w3-button-gray button,
.w3-button-grey button,
.w3-link-hover-gray a:hover,
.w3-link-hover-grey a:hover,
.w3-button-hover-gray button:hover,
.w3-button-hover-grey button:hover {
  background-color: #757575 !important;
}

.w3-button-blue-gray button,
.w3-button-blue-grey button,
.w3-link-hover-blue-gray a:hover,
.w3-link-hover-blue-grey a:hover,
.w3-button-hover-blue-gray button:hover,
.w3-button-hover-blue-grey button:hover {
  color: #fff !important;
  background-color: #607d8b !important;
}

.w3-button-light-gray button,
.w3-button-light-grey button,
.w3-link-hover-light-gray a:hover,
.w3-link-hover-light-grey a:hover,
.w3-button-hover-light-gray button:hover,
.w3-button-hover-light-grey button:hover {
  color: #000 !important;
  background-color: #f1f1f1 !important;
}

.w3-button-dark-gray button,
.w3-button-dark-grey button,
.w3-link-hover-dark-gray a:hover,
.w3-link-hover-dark-grey a:hover,
.w3-button-hover-dark-gray button:hover,
.w3-button-hover-dark-grey button:hover {
  color: #fff !important;
  background-color: #3a3a3a !important;
}

.w3-button-pale-red,
.w3-link-hover-pale-red a:hover,
.w3-button-hover-pale-red button:hover {
  color: #000 !important;
  background-color: #ffe7e7 !important;
}

.w3-button-pale-green,
.w3-link-hover-pale-green a:hover,
.w3-button-hover-pale-green button:hover {
  color: #000 !important;
  background-color: #e7ffe7 !important;
}

.w3-button-pale-yellow,
.w3-link-hover-pale-yellow a:hover,
.w3-button-hover-pale-yellow button:hover {
  color: #000 !important;
  background-color: #ffffcc !important;
}

.w3-button-pale-blue,
.w3-link-hover-pale-blue a:hover,
.w3-button-hover-pale-blue button:hover {
  color: #000 !important;
  background-color: #e7ffff !important;
}

/* Four missing text and hover classes */
.w3-text-pale-red,
.w3-hover-text-pale-red:hover {
  color: #ffe7e7 !important;
}

.w3-text-pale-green,
.w3-hover-text-pale-green:hover {
  color: #e7ffe7 !important;
}

.w3-text-pale-yellow,
.w3-hover-text-pale-yellow:hover {
  color: #ffffcc !important;
}

.w3-text-pale-blue,
.w3-hover-text-pale-blue:hover {
  color: #e7ffff !important;
}

/* Round Hover Classes */
.w3-circle:hover {
  border-radius: 50%;
}

.w3-round-small:hover {
  border-radius: 2px;
}

.w3-round:hover,
.w3-round-medium:hover {
  border-radius: 4px;
}

.w3-round-large:hover {
  border-radius: 8px;
}

.w3-round-xlarge:hover {
  border-radius: 16px;
}

.w3-round-xxlarge:hover {
  border-radius: 32px;
}

/* Custom animation */
.w3-animate-opacity {
  animation: opac 0.6s;
  animation-timing-function: cubic-bezier(0.1, 0.9, 2, 0.1);
}

.w3-animate-top {
  position: relative;
  animation: animatetop 0.6s;
  animation-timing-function: cubic-bezier(0.1, 0.9, 1.5, 0.1);
}

.w3-animate-left {
  position: relative;
  animation: animateleft 0.6s;
  animation-timing-function: cubic-bezier(0.1, 0.9, 1.5, 0.1);
}

.w3-animate-right {
  position: relative;
  animation: animateright 0.6s;
  animation-timing-function: cubic-bezier(0.1, 0.9, 1.5, 0.1);
}

.w3-animate-bottom {
  position: relative;
  animation: animatebottom 0.6s;
  animation-timing-function: cubic-bezier(0.1, 0.9, 1.5, 0.1);
}

.w3-animate-zoom {
  animation: animatezoom 0.6s;
  animation-timing-function: cubic-bezier(0.1, 0.5, 2, 0.1);
}

@keyframes wiggle {
  0%,
  7% {
    transform: rotateZ(0);
  }

  15% {
    transform: rotateZ(-15deg);
  }

  20% {
    transform: rotateZ(10deg);
  }

  25% {
    transform: rotateZ(-10deg);
  }

  30% {
    transform: rotateZ(6deg);
  }

  35% {
    transform: rotateZ(-4deg);
  }

  40%,
  100% {
    transform: rotateZ(0);
  }

}