/* Add here all your CSS customizations */
@import url("gear.css");
@import url("button.css");
a {
  color: #95734b;
}
small.error{
    color: #ff442c;
}
img.responsive{
    max-width: 100%;
    text-align: center;
    position: relative;
    margin: 0 auto 0;
}
.text-shadow {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.datatable{
    background: rgba(255,255,255,0.95);
    color: #0f0f0f;
    padding:15px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.findus{
    background: #95734b;
}
.findus a {
    color:#fff;
}
.msg {
    position: absolute;
    width:100%; height:100%;
    line-height: 140px;
    text-align: center;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 300;
}

.tab-content {
  background: #fff;
}

.tab-content a {
  color:#95734b;
}

.owl-carousel img {
  max-width: 100%;
}

.p-10 {
  padding: 10px;
}

#body-container {
  background: #111;
}



/* Menu icon styles */
.menu-icon-wrapper {
	position: relative;
	display: inline-block;
    width: 34px;
    height: 34px;
	pointer-events: none;
	transition: 0.1s;
}

.menu-icon-wrapper.scaled {
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
}

.menu-icon-wrapper svg {
	position: absolute;
	top: -33px;
	left: -33px;
	-webkit-transform: scale(0.1);
	-ms-transform: scale(0.1);
	transform: scale(0.1);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
}

.menu-icon-wrapper svg path {
	stroke: #fff;
	stroke-width: 60px;
	stroke-linecap: round;
    stroke-linejoin: round;
	fill: transparent;
}

.menu-icon-wrapper .menu-icon-trigger {
	position: relative;
	width: 100%;
	height: 100%;
	cursor: pointer;
	pointer-events: auto;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

.menu-icon-wrapper .menu-icon-trigger:hover,
.menu-icon-wrapper .menu-icon-trigger:focus {
	outline: none;
}


.steampunk {
	padding:5px;
background: rgba(242,211,175,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(242,211,175,1) 0%, rgba(99,74,45,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(242,211,175,1)), color-stop(100%, rgba(99,74,45,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(242,211,175,1) 0%, rgba(99,74,45,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(242,211,175,1) 0%, rgba(99,74,45,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(242,211,175,1) 0%, rgba(99,74,45,1) 100%);
background: radial-gradient(ellipse at center, rgba(242,211,175,1) 0%, rgba(99,74,45,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2d3af', endColorstr='#634a2d', GradientType=1 );

background: rgba(232,177,115,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(232,177,115,1) 0%, rgba(81,60,36,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(232,177,115,1)), color-stop(100%, rgba(81,60,36,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(232,177,115,1) 0%, rgba(81,60,36,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(232,177,115,1) 0%, rgba(81,60,36,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(232,177,115,1) 0%, rgba(81,60,36,1) 100%);
background: radial-gradient(ellipse at center, rgba(232,177,115,1) 0%, rgba(81,60,36,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8b173', endColorstr='#513c24', GradientType=1 );
}
.steampunk svg {
  position: relative;
  opacity: 0.8;
  margin: 10px auto;
  display: table;
  width: 400px;
}
.no-svg .container {
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/28963/steampunk5.png");
  width: 472px;
  height: 374px;
  margin: 0 auto;
  display: table;
}

#firefly, #firefly_1_, #firefly_2_, #glow, #big-glow {
  visibility: hidden;
  opacity: 0;
}

.s0 {
  stop-color: #FFFFFF;
}

.s1 {
  stop-color: #FCEE91;
  stop-opacity: 0;
}

.s2 {
  stop-color: #FEFBE4;
  stop-opacity: 0.8;
}

.s3 {
  stop-color: #FDF5C0;
  stop-opacity: 0.6;
}

.s4 {
  stop-color: #FDF1A6;
  stop-opacity: 0.4;
}

.s5 {
  stop-color: #FCEF97;
  stop-opacity: 0.2;
}

#faucet {
  animation: faucet 4s linear infinite;
  transform-origin: 50% 50%;
}

.ff-glow {
  animation: stutter 4s linear infinite;
}

@keyframes faucet {
  25% {
    transform: scaleX(0);
    transform-origin: 50% 50%;
  }
  50% {
    transform: scaleX(1);
    transform-origin: 50% 50%;
  }
  75% {
    transform: scaleX(0);
    transform-origin: 50% 50%;
  }
}
@keyframes stutter {
  20% {
    opacity: 0.3;
  }
  30% {
    opacity: 1;
  }
  40% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.7;
  }
  70% {
    opacity: 0.1;
  }
  80% {
    opacity: 0.5;
  }
}