*,
:before,
:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    cursor: default;
}

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: arial;
    font-size: 1em;
}

input,
textarea,
button,
select,
a,
li,
div {
  -webkit-tap-highlight-color: transparent;

}

html {
    box-sizing: border-box;
}

ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
}

ul li {
  display: inline-block;
  cursor: default;
}

a {
    text-decoration: none;

}

@font-face {
  font-family: a;
  src: url(../fonts/a.ttf);
}

@font-face {
  font-family: b;
  src: url(../fonts/b.ttf);
}

@font-face {
  font-family: c;
  src: url(../fonts/c.otf);
}

@font-face {
  font-family: curse;
  src: url(../fonts/curse.ttf);
}

body::-webkit-scrollbar {
    width: 0em;
}
 
body::-webkit-scrollbar-track {body

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: #cae5e7;
}

div::-webkit-scrollbar {
    width: .3em;
}

div::-webkit-scrollbar-track {body

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
div::-webkit-scrollbar-thumb {
  background-color: #cae5e7;
}

.flo:after {
    visibility: hidden;
    display: block;
    height: 0px;
    font-size: 0px;
    content: " ";
    clear: both;
}

.flo {
    display: inline-block;
}

* html .flo {
    height: 1%;
}

.flo {
    display: block;
}

/* End Global
--------------------------------------------------------------------------------------------------- */

.hide {
  display: none;
}

/* Animated
--------------------------------------------------------------------------------------------------- */

.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated2 {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated .fadeIn {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}

.pulse {
  cursor: pointer;
  animation: pulse 2s infinite;
}

.pulse:hover {
  animation: none;
}

.pulsate {
    -webkit-animation: pulsate 2s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.5;
}

@-webkit-keyframes pulsate {
    0% { 
        opacity: 0.3;
    }
    50% { 
        opacity: 1.0;
    }
    100% { 
        opacity: 0.3;
    }
}

/* End Animated
--------------------------------------------------------------------------------------------------- */