@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700");
@import url("https://fonts.googleapis.com/css?family=Allerta+Stencil");
html, body, div, span, applet,
object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  margin: 0;
  padding: 0;
}

* {
  outline-color: transparent !important;
}

.allerta {
  font-family: 'Allerta Stencil', sans-serif;
}

a {
  color: #eb5c5a;
}
a.black {
  color: #333333;
}
a:hover {
  text-decoration: underline;
  color: #fc3333;
}

a.anchor {
  position: relative;
  display: block;
  height: 1px;
  width: 1px;
  margin-bottom: -1px;
}

p {
  margin-bottom: 1rem;
}

.block-center {
  display: table;
  margin: 0 auto;
}

.white {
  color: white;
}

.blue {
  color: #124960;
}

.bgblue {
  background: #124960;
}

.pink {
  color: #eb5c5a;
}

.red {
  color: #fc3333;
}

.bgred {
  background: #fc3333;
}

.gray {
  color: #f8f8f8;
}

.bggray {
  background: #f8f8f8;
}

.nowrap {
  white-space: nowrap;
}

.relative {
  position: relative;
}

.uppercase {
  text-transform: uppercase;
}

.video-div {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  background-size: 102%;
  background-position: 50%;
  display: block;
  transform-origin: top left;
}
.video-div iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-position: 50% 50% !important;
}
.video-div img {
  position: absolute;
  width: 100px;
  left: 50%;
  top: 50%;
  margin: -50px;
  cursor: pointer;
}

.white hr {
  border-color: white;
}

.black hr {
  border-color: black;
}

.btn, .button {
  cursor: pointer;
  font-size: 20px;
}

html {
  height: 100%;
}

body {
  font-family: 'Roboto', sans-serif;
  display: flex;
  flex-direction: column;
  height: 100%;
  font-size: 18px;
  line-height: 30px;
}

.content {
  flex: 1;
  position: relative;
}
.content > div {
  position: relative;
  overflow: hidden;
  font-weight: lighter;
}

.container {
  position: relative;
}
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

.bold, b {
  font-weight: bold;
}

.lighter {
  font-weight: lighter;
}

.regular {
  font-weight: 400;
}

.f12 {
  font-size: 12px;
  line-height: normal;
}

.f14 {
  font-size: 14px;
  line-height: normal;
}

.f16 {
  font-size: 16px;
  line-height: normal;
}

.f18 {
  font-size: 18px;
  line-height: normal;
}

.f20 {
  font-size: 20px;
  line-height: normal;
}
@media (max-width: 768px) {
  .f20 {
    font-size: 18px;
    line-height: normal !important;
  }
}

.f21 {
  font-size: 21px;
  line-height: normal;
}
@media (max-width: 768px) {
  .f21 {
    font-size: 18px;
    line-height: normal !important;
  }
}

.f22 {
  font-size: 22px;
  line-height: normal;
}
@media (max-width: 768px) {
  .f22 {
    font-size: 18px;
    line-height: normal !important;
  }
}

.f24 {
  font-size: 24px;
  line-height: normal;
}
@media (max-width: 768px) {
  .f24 {
    font-size: 18px;
    line-height: normal !important;
  }
}

.f28 {
  font-size: 28px;
  line-height: normal;
}
@media (max-width: 768px) {
  .f28 {
    font-size: 24px;
    line-height: normal !important;
  }
}

.f30 {
  font-size: 30px;
  line-height: normal;
}
@media (max-width: 768px) {
  .f30 {
    font-size: 26px;
    line-height: normal !important;
  }
}

.f32 {
  font-size: 32px;
  line-height: normal;
}
@media (max-width: 768px) {
  .f32 {
    font-size: 26px;
    line-height: normal !important;
  }
}

.f36 {
  font-size: 40px;
  line-height: normal;
}
@media (max-width: 768px) {
  .f36 {
    font-size: 26px;
    line-height: normal !important;
  }
}

.f40 {
  font-size: 40px;
  line-height: normal;
}
@media (max-width: 768px) {
  .f40 {
    font-size: 26px;
    line-height: normal !important;
  }
}

.f42 {
  font-size: 42px;
  line-height: normal;
}
@media (max-width: 768px) {
  .f42 {
    font-size: 30px;
    line-height: normal !important;
  }
}

.f46 {
  font-size: 46px;
  line-height: normal;
}
@media (max-width: 768px) {
  .f46 {
    font-size: 30px;
    line-height: normal !important;
  }
}

.f50 {
  font-size: 50px;
  line-height: normal;
}
@media (max-width: 768px) {
  .f50 {
    font-size: 30px;
    line-height: normal !important;
  }
}

.f60 {
  font-size: 60px;
  line-height: normal;
}
@media (max-width: 768px) {
  .f60 {
    font-size: 40px;
    line-height: normal !important;
  }
}

.lh20 {
  line-height: 20px;
}

.lh24 {
  line-height: 24px;
}

.lh26 {
  line-height: 26px;
}

.lh34 {
  line-height: 34px;
}

.lh30 {
  line-height: 30px;
}

.lh40 {
  line-height: 40px;
}

.lh46 {
  line-height: 46px;
}

.pad0 {
  padding: 0;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
  font-weight: lighter;
}

h1, .h1 {
  font-size: 50px;
}
@media (max-width: 768px) {
  h1, .h1 {
    font-size: 30px;
  }
}

h2, .h2 {
  font-size: 40px;
}
@media (max-width: 768px) {
  h2, .h2 {
    font-size: 26px;
  }
}

h3, .h3 {
  font-size: 22px;
  line-height: 27px;
  margin-bottom: 30px;
  margin-top: 0;
}

h4, .h4 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 30px;
  margin-top: 0;
}

h5, .h5 {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 30px;
  margin-top: 0;
}

.btn-primary {
  color: white;
  position: relative;
  font-size: 22px;
  line-height: 60px;
  border: 0;
  border-radius: 6px;
  min-width: 310px;
  padding: 0 14px;
  text-transform: uppercase;
  background: #4aa147;
}
.btn-primary.btn2 {
  min-width: 0;
  font-size: 18px;
  line-height: 40px;
}
@media (max-width: 768px) {
  .btn-primary {
    font-size: 14px;
    min-width: 0;
    width: auto;
  }
}

@-webkit-keyframes anim-btn {
  35% {
    transform: rotate(0) translate(0, 0);
  }
  40% {
    transform: rotate(5deg) translate(0, -2px);
  }
  45% {
    transform: rotate(-3deg) translate(0, -2px);
  }
  50% {
    transform: rotate(5deg) translate(0, -2px);
  }
  55% {
    transform: rotate(-3deg) translate(0, -2px);
  }
  60% {
    transform: rotate(5deg) translate(0, -2px);
  }
  65% {
    transform: rotate(-3deg) translate(0, -2px);
  }
  70% {
    transform: rotate(0) translate(0, 0);
  }
}
@keyframes anim-btn {
  35% {
    -ms-transform: rotate(0) translate(0, 0);
    transform: rotate(0) translate(0, 0);
  }
  40% {
    -ms-transform: rotate(5deg) translate(0, -2px);
    transform: rotate(5deg) translate(0, -2px);
  }
  45% {
    -ms-transform: rotate(-3deg) translate(0, -2px);
    transform: rotate(-3deg) translate(0, -2px);
  }
  50% {
    -ms-transform: rotate(5deg) translate(0, -2px);
    transform: rotate(5deg) translate(0, -2px);
  }
  55% {
    -ms-transform: rotate(-3deg) translate(0, -2px);
    transform: rotate(-3deg) translate(0, -2px);
  }
  60% {
    -ms-transform: rotate(5deg) translate(0, -2px);
    transform: rotate(5deg) translate(0, -2px);
  }
  65% {
    -ms-transform: rotate(-3deg) translate(0, -2px);
    transform: rotate(-3deg) translate(0, -2px);
  }
  70% {
    -ms-transform: rotate(0) translate(0, 0);
    transform: rotate(0) translate(0, 0);
  }
}
.btn_anim_s {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: anim-btn 2s infinite;
  animation: anim-btn 2s infinite;
}

.gal {
  list-style: url(../img/gal.png);
  margin-left: 20px;
}

header {
  background: white;
}

.ss1 {
  position: relative;
  overflow: hidden;
  background: url(../img/ss1.jpg);
  background-size: cover;
  background-position: left center;
  min-height: 760px;
}

.over-text {
  position: relative;
}
.over-text > div {
  padding: 26px 20px;
  background: rgba(18, 73, 96, 0.8);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: white;
  text-align: left;
  opacity: 0;
  transition: .2s;
}
.over-text:hover > div {
  opacity: 1;
}

.countdown {
  text-align: center;
  text-transform: uppercase;
  color: #333333;
}
.countdown > div {
  font-size: 42px;
  font-weight: bold;
  line-height: 40px;
}
.countdown > div:last-child {
  font-size: 60px;
  line-height: 40px;
}
.countdown span {
  display: block;
  font-size: 18px;
  width: 100px;
  font-weight: normal;
}

.bgC {
  background: rgba(255, 255, 255, 0.8);
}

.footer {
  color: white;
  font-size: 14px;
  line-height: 20px;
  background: #19191e;
}
.footer a {
  color: white;
}

.modal .close {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  font-size: 34px;
  color: white;
  cursor: pointer;
}

/*# sourceMappingURL=style.css.map */