*::-webkit-input-placeholder {
  color: #666;
  opacity: 1;
}

*:-moz-placeholder {
  color: #666;
  opacity: 1;
}

*::-moz-placeholder {
  color: #666;
  opacity: 1;
}

*:-ms-input-placeholder {
  color: #666;
  opacity: 1;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

body {
  min-width: 320px;
  position: relative;
  overflow-x: hidden;
  margin: 0;
}

p {
  margin: 0;
}

a {
  text-decoration: none;
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

ul li,
ol li,
menu li {
  list-style: none;
}

ul,
ol,
menu {
  display: block;
  margin: 0;
  padding-left: 0;
}

button {
  outline: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: normal;
}

.banner1 {
  padding-top: 29px;
  padding-bottom: 20px;
  min-height: 287px;
  position: relative;
  background: #171717 url("../img/banner1-bg.jpg") center top/903px no-repeat;
}

.banner1:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url("../img/banner1-img.png") center top/903px no-repeat;
}

.banner1-timer {
  max-width: 700px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
}

.banner1-timer > div {
  width: 100% !important;
  min-width: initial !important;
}

.banner1-timer .timer-element {
  vertical-align: middle !important;
}

.banner1-timer .timer-element > span > span {
  letter-spacing: -5px;
}

.banner1-timer .timer-element > span,
.banner1-timer .timer-slide-inner {
  font-size: 140px !important;
  font-family: "Impact", sans-serif !important;
  color: #ff636c !important;
}

.banner1-timer .timer-separator {
  font-size: 0 !important;
  padding: 0 !important;
  width: 24px;
  height: 24px;
  background: url("../img/timer-icon.png") center/contain no-repeat;
  vertical-align: middle !important;
  margin: 0px 5px !important;
}

@media only screen and (max-width: 768px) {
  .animated {
    /*CSS transitions*/
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
    animation: none !important;
  }
}

@media only screen and (max-width: 700px) {
  .banner1-timer {
    padding-left: 0;
  }

  .banner1-timer .timer-element > span,
  .banner1-timer .timer-slide-inner {
    font-size: 100px !important;
  }

  .banner1-timer .timer-separator {
    width: 15px;
    height: 15px;
  }

  .banner1-timer .timer-element > span > span {
    letter-spacing: -2px;
  }

  .banner1 {
    padding-top: 45px;
  }
}

@media only screen and (max-width: 500px) {
  .banner1-timer .timer-element > span,
  .banner1-timer .timer-slide-inner {
    font-size: 65px !important;
  }
}

@media only screen and (max-width: 360px) {
  .banner1-timer .timer-element > span,
  .banner1-timer .timer-slide-inner {
    font-size: 55px !important;
  }
}