@charset "utf-8";
/* CSS Document */
.rotate_360 {text-decoration:none; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); cursor: pointer; transition: all 0.5s ease 0s;}
.rotate_360:hover {text-decoration:none; -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); transition: all 0.5s ease 0s;}

.alpha_60 {text-decoration:none; filter:alpha(opacity=100); Opacity:1.0; cursor: pointer; transition: all 0.5s ease 0s;}
.alpha_60:hover {text-decoration:none; filter:alpha(opacity=60); Opacity:0.6; transition: all 0.5s ease 0s;}

.scale_3 {transform: scale(1.0, 1.0); cursor: pointer; transition: all 0.5s ease 0s;}.scale_3:hover {transform: scale(1.3, 1.3); transition: all 0.5s ease 0s;}
.scale_05 {transform: scale(1.0, 1.0); cursor: pointer; transition: all 0.5s ease 0s;}.scale_05:hover{transform: scale(1.05, 1.05); transition: all 0.5s ease 0s;}
.scale_s9 {transform: scale(1.0, 1.0); cursor: pointer; transition: all 0.5s ease 0s;}.scale_s9:hover{transform: scale(0.9, 0.9); transition: all 0.5s ease 0s;}

.translateY_t075 {-moz-transform:translateY(0); -webkit-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); cursor: pointer; transition: all 0.5s ease 0s;}
.translateY_t075:hover {-moz-transform:translateY(-0.75em); -webkit-transform:translateY(-0.75em); -o-transform:translateY(-0.75em); -ms-transform:translateY(-0.75em); transform:translateY(-0.75em); transition: all 0.5s ease 0s;}

@keyframes zoom-in{0%{opacity:0;transform:scale(1.4,1.4)}30%{opacity:.5}100%{opacity:1;transform:scale(1,1)}}
.zoom_in {-webkit-animation-name: zoom-in; -webkit-animation-duration: 3.5s; -webkit-animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; animation-name: zoom-in; animation-duration: 3.5s; animation-timing-function: ease-out; animation-fill-mode: forwards;}

@keyframes zoom-in-out {0%{opacity:0;transform:scale(1.4,1.4)}25%{opacity:.5}50%{opacity:1;transform:scale(1,1)}51%{opacity:1;transform:scale(1,1)}75%{opacity:.5}100%{opacity:0;transform:scale(1.4,1.4)}}
.zoom_in-out {-webkit-animation-name: zoom-in-out; -webkit-animation-duration: 3.5s; -webkit-animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; animation-name: zoom-in-out; animation-duration: 3.5s; animation-timing-function: ease-out; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}

@keyframes zoom-out-in {0%{opacity:1;transform:scale(1,1)}25%{opacity:.5}50%{opacity:0;transform:scale(1.4,1.4)}51%{opacity:0;transform:scale(1.4,1.4)}75%{opacity:.5}100%{opacity:1;transform:scale(1,1)}}
.zoom_out-in {-webkit-animation-name: zoom-out-in; -webkit-animation-duration: 3.5s; -webkit-animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; animation-name: zoom-out-in; animation-duration: 3.5s; animation-timing-function: ease-in; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}

@keyframes fade {from{transform:scaleX(1);}50%{transform:scaleX(-1);}to{transform:scaleX(1);}}
@-webkit-keyframes fade {from{transform:scaleX(1);}50%{transform:scaleX(-1);}to{transform:scaleX(1);}}
.rotate {-webkit-animation: fade 4000ms infinite; animation: fade 4000ms infinite;}

@keyframes blink {from{filter:alpha(opacity=100); Opacity:1;}50%{filter:alpha(opacity=40); Opacity:0.4;}to{filter:alpha(opacity=100); Opacity:1;}}
@-webkit-keyframes blink {from{filter:alpha(opacity=100); Opacity:1;}50%{filter:alpha(opacity=40); Opacity:0.4;}to{filter:alpha(opacity=100); Opacity:1;}}
.blink {-webkit-animation: blink 2000ms infinite; animation: blink 2000ms infinite;}

@keyframes topmoveBottom {from{transform:translateY(5px);}55%{transform:translateY(0px);}60%{transform:translateY(2px);}70%{transform:translateY(0px);}to{transform:translateY(5px);}}
@-webkit-keyframes topmoveBottom {from{transform:translateY(5px);}55%{transform:translateY(0px);}60%{transform:translateY(2px);}70%{transform:translateY(0px);}to{transform:translateY(5px);}}
.topmoveBottom {-webkit-animation: topmoveBottom 3000ms infinite; animation: topmoveBottom 3000ms infinite;}

@keyframes topmoveTop {from{transform:translateY(20px);}55%{transform:translateY(0px);}60%{transform:translateY(10px);}70%{transform:translateY(0px);}to{transform:translateY(20px);}}
@-webkit-keyframes topmoveTop {from{transform:translateY(20px);}55%{transform:translateY(0px);}60%{transform:translateY(10px);}70%{transform:translateY(0px);}to{transform:translateY(20px);}}
.topmoveTop {-webkit-animation: topmoveTop 3000ms infinite; animation: topmoveTop 3000ms infinite;}

@keyframes topmove_t10 {from{transform:translateY(-10px);}50%{transform:translateY(10px);}to{transform:translateY(-10px);}}
@-webkit-keyframes topmove_t10 {from{transform:translateY(-10px);}50%{transform:translateY(10px);}to{transform:translateY(-10px);}}
.topmove_t10 {-webkit-animation: topmove_t10 3000ms infinite; animation: topmove_t10 3000ms infinite;}

@keyframes topmove_b5 {from{transform:translateY(5px);}50%{transform:translateY(-5px);}to{transform:translateY(5px);}}
@-webkit-keyframes topmove_b5 {from{transform:translateY(5px);}50%{transform:translateY(-5px);}to{transform:translateY(5px);}}
.topmove_b5 {-webkit-animation: topmove_b5 3000ms infinite; animation: topmove_b5 3000ms infinite;}

/* Flash line */
@-webkit-keyframes flash-line {
  0% {right: -50%;} 30% {filter:alpha(opacity=100) ;Opacity:1.0; right: 200%;} 41% {filter:alpha(opacity=0) ;Opacity:0; right: 200%;} 42% {filter:alpha(opacity=0) ;Opacity:0; right: -50%;} 43% {filter:alpha(opacity=100) ;Opacity:1.0; right: -50%;} 50% {filter:alpha(opacity=100) ;Opacity:1.0; right: 200%;} 51% {filter:alpha(opacity=0) ;Opacity:0; right: 200%;} 52% {filter:alpha(opacity=0) ;Opacity:0; right: -50%;} 53% {filter:alpha(opacity=100) ;Opacity:1.0; right: -50%;} 60% {filter:alpha(opacity=100) ;Opacity:1.0; right: 200%;} 100% {right: 200%;}
}

@keyframes flash-line {
  0% {right: -50%;} 30% {filter:alpha(opacity=100) ;Opacity:1.0; right: 200%;} 41% {filter:alpha(opacity=0) ;Opacity:0; right: 200%;} 42% {filter:alpha(opacity=0) ;Opacity:0; right: -50%;} 43% {filter:alpha(opacity=100) ;Opacity:1.0; right: -50%;} 50% {filter:alpha(opacity=100) ;Opacity:1.0; right: 200%;} 51% {filter:alpha(opacity=0) ;Opacity:0; right: 200%;} 52% {filter:alpha(opacity=0) ;Opacity:0; right: -50%;} 53% {filter:alpha(opacity=100) ;Opacity:1.0; right: -50%;} 60% {filter:alpha(opacity=100) ;Opacity:1.0; right: 200%;} 100% {right: 200%;}
}

.flash-line {
  display: inline-block;
  vertical-align: middle;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  position: relative;
}
.flash-line::before {content: ''; width: 100px; height: 400px; position: absolute; top: -200px; right: -50%; -moz-transform:rotate(-35deg); -webkit-transform:rotate(-35deg); -o-transform:rotate(-35deg); -ms-transform:rotate(-35deg); transform:rotate(-35deg); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);  -webkit-animation-name: flash-line; animation-name: flash-line; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}

/* Flash line hover */
@-webkit-keyframes flash-line-hover {
  0% {right: -50%;} 30% {filter:alpha(opacity=100) ;Opacity:1.0; right: 130%;} 41% {filter:alpha(opacity=0) ;Opacity:0; right: 130%;} 42% {filter:alpha(opacity=0) ;Opacity:0; right: -50%;} 43% {filter:alpha(opacity=100) ;Opacity:1.0; right: -50%;} 50% {filter:alpha(opacity=100) ;Opacity:1.0; right: 130%;} 51% {filter:alpha(opacity=0) ;Opacity:0; right: 130%;} 52% {filter:alpha(opacity=0) ;Opacity:0; right: -50%;} 53% {filter:alpha(opacity=100) ;Opacity:1.0; right: -50%;} 60% {filter:alpha(opacity=100) ;Opacity:1.0; right: 130%;} 100% {right: 130%;}
}

@keyframes flash-line-hover {
  0% {right: -50%;} 30% {filter:alpha(opacity=100) ;Opacity:1.0; right: 130%;} 41% {filter:alpha(opacity=0) ;Opacity:0; right: 130%;} 42% {filter:alpha(opacity=0) ;Opacity:0; right: -50%;} 43% {filter:alpha(opacity=100) ;Opacity:1.0; right: -50%;} 50% {filter:alpha(opacity=100) ;Opacity:1.0; right: 130%;} 51% {filter:alpha(opacity=0) ;Opacity:0; right: 130%;} 52% {filter:alpha(opacity=0) ;Opacity:0; right: -50%;} 53% {filter:alpha(opacity=100) ;Opacity:1.0; right: -50%;} 60% {filter:alpha(opacity=100) ;Opacity:1.0; right: 130%;} 100% {right: 130%;}
}

.flash-line-hover { cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  position: relative;
}
.flash-line-hover:hover, .flash-line-hover:focus, .flash-line-hover:active {}
.flash-line-hover::before {content: ''; width: 100px; height: 400px; position: absolute; top: -200px; right: -50%; -moz-transform:rotate(-35deg); -webkit-transform:rotate(-35deg); -o-transform:rotate(-35deg); -ms-transform:rotate(-35deg); transform:rotate(-35deg); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);}
.flash-line-hover:hover::before {content: ''; width: 100px; height: 400px; position: absolute; top: -200px; right: 130%; -moz-transform:rotate(-35deg); -webkit-transform:rotate(-35deg); -o-transform:rotate(-35deg); -ms-transform:rotate(-35deg); transform:rotate(-35deg); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%); -webkit-animation-name: flash-line-hover; animation-name: flash-line-hover; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}

/* Brush */
@-webkit-keyframes brush {
  0% {Opacity:0; left: 0%; height: 100%; top: 0%; width: 0px;} 10% {Opacity:1.0; left: 0%; height: 140%; top: -20%; width: 3px;} 15% {Opacity:1.0; left: 0%; height: 140%; top: -20%; width: 3px;} 20% {Opacity:1.0; left: 100%;} 25% {Opacity:0.3; left: 10%; height: 140%; top: -20%;} 35% {Opacity:0; left: 0%; height: 100%; top: 0%;} 100% {Opacity:0; left: 0%;}
}
@keyframes brush {
  0% {Opacity:0; left: 0%; height: 100%; top: 0%; width: 0px;} 10% {Opacity:1.0; left: 0%; height: 140%; top: -20%; width: 3px;} 15% {Opacity:1.0; left: 0%; height: 140%; top: -20%; width: 3px;} 20% {Opacity:1.0; left: 100%;} 25% {Opacity:0.3; left: 10%; height: 140%; top: -20%;} 35% {Opacity:0; left: 0%; height: 100%; top: 0%;} 100% {Opacity:0; left: 0%;}
}

@-webkit-keyframes vanish-bg {
  0% {background-color: #7e4100;} 10% {background-color: #fff;} 100% {background-color: #fff;}
}
@keyframes vanish-bg {
  0% {background-color: #7e4100;} 10% {background-color: #fff;} 100% {background-color: #fff;}
}

@-webkit-keyframes vanish {
  0% {left: 0; Opacity:1;} 10% {left: 0; Opacity:1;} 15% {left: 0; Opacity:1;} 20% {left: 100%; Opacity:1;} 25% {left: 100%; Opacity:0;} 35% {left: 100%; Opacity:0;} 40% {left: -100%; Opacity:0;} 41% {left: -100%; Opacity:1;} 45% {left: -10%; Opacity:1;} 55% {left: 0%; Opacity:1;} 100% {left: 0%; Opacity:1;}
}
@keyframes vanish {
  0% {left: 0; Opacity:1;} 10% {left: 0; Opacity:1;} 15% {left: 0; Opacity:1;} 20% {left: 100%; Opacity:1;} 25% {left: 100%; Opacity:0;} 35% {left: 100%; Opacity:0;} 40% {left: -100%; Opacity:0;} 41% {left: -100%; Opacity:1;} 45% {left: -10%; Opacity:1;} 55% {left: 0%; Opacity:1;} 100% {left: 0%; Opacity:1;}
}

.brush {
  display: inline-block; vertical-align: middle; box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; background-color: #7e4100; -webkit-animation-name: vanish-bg; animation-name: vanish-bg; -webkit-animation-duration: 7s; animation-duration: 7s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
}
.brush > div {position: relative; overflow: hidden; width: 100%; height: 100%;}
.brush > div > div {
  background-color: #bb1b21; text-align: center; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-animation-name: vanish; animation-name: vanish; -webkit-animation-duration: 7s; animation-duration: 7s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
}
.brush::before {
  content: ''; width: 0px; height: 100%; position: absolute; top: 0%; left: 0%; background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 80%, rgba(255, 255, 255, 0) 100%); border-radius: 100%; z-index: 10;-webkit-animation-name: brush; animation-name: brush; -webkit-animation-duration: 7s; animation-duration: 7s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
}

/* Float Shadow */
.hvr-float-shadow { cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px); transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}