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, 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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: 'Roboto', sans-serif;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

html, body {
  line-height: 1; }

body {
  position: relative;
  overflow-x: hidden;
  font-family: 'Roboto', sans-serif;
  color: #323232; }

a {
  text-decoration: none;
  color: inherit; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

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

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

a:hover, a:active, a:focus {
  outline: none;
  color: inherit; }

.header {
  width: 100%;
  margin: 0 auto; }
  .header .wrapper {
    width: 100%;
    /*.b-media {
      @include breakpoint(littlemobile){
        display: none;
      }
    }
    .b-media-mobile {
      display: none;
      @include breakpoint(littlemobile){
        display: block;
      }
    }
    .b-media-mobile img {
      @include breakpoint(littlemobile){
        display: block;
        width: 100%;
        opacity: 0.97;
        position: relative;
        margin: 0 auto;
        z-index: 0;
      }
    }*/ }
    .header .wrapper .b-media img {
      display: block;
      width: 100%;
      opacity: 0.97;
      position: relative;
      margin: 0 auto;
      z-index: 0; }
      @media (max-width: 800px) {
        .header .wrapper .b-media img {
          padding-top: 40px; } }
    .header .wrapper .b-media-text {
      width: 100%;
      display: none; }
      .header .wrapper .b-media-text h1 {
        padding-top: 50px;
        padding-bottom: 15px;
        text-align: center;
        font-size: 2rem; }
      .header .wrapper .b-media-text p {
        padding: 20px;
        font-size: 1rem;
        line-height: 30px; }
      @media (max-width: 800px) {
        .header .wrapper .b-media-text {
          display: block; } }
    .header .wrapper .item-social {
      display: none;
      width: 100%;
      margin: 0 auto;
      border-bottom: 1px solid white; }
      @media (max-width: 800px) {
        .header .wrapper .item-social {
          display: block; } }
    .header .wrapper .item-social img {
      max-width: 25px;
      margin-top: 5px;
      margin-bottom: 5px; }
    .header .wrapper .item-social img:hover {
      opacity: 0.7; }
    .header .wrapper .nav {
      width: 100%;
      margin: 0 auto; }
      .header .wrapper .nav .item-menu {
        width: 100%;
        position: fixed;
        list-style: none;
        background-color: #36373a;
        opacity: 0.8;
        text-align: center;
        padding: 0;
        margin: 0;
        z-index: 10001; }
        .header .wrapper .nav .item-menu img {
          width: 40px;
          float: right;
          margin-right: 20px;
          display: none; }
          @media (max-width: 800px) {
            .header .wrapper .nav .item-menu img {
              display: block;
              z-index: 100000001; } }
      .header .wrapper .nav ul {
        width: 100%;
        position: fixed;
        list-style: none;
        background-color: #36373a;
        opacity: 0.9;
        text-align: center;
        padding: 0;
        margin: 0;
        z-index: 1000; }
        @media (max-width: 800px) {
          .header .wrapper .nav ul {
            display: none;
            padding-top: 45px; } }
        .header .wrapper .nav ul li {
          display: inline-block;
          font-size: 0.84rem;
          line-height: 40px;
          margin-right: 80px; }
          @media (max-width: 800px) {
            .header .wrapper .nav ul li {
              font-size: 0.74rem;
              line-height: 40px;
              display: block;
              margin-right: 0;
              border-bottom: 1px solid white; } }
          .header .wrapper .nav ul li a {
            text-decoration: none;
            display: block;
            color: #ffff;
            padding-left: 10px;
            padding-right: 10px; }
          .header .wrapper .nav ul li a:hover {
            font-weight: bold;
            background-color: #b51f2b;
            transition: background-color 0.3s ease;
            transition: background-color 0.3s; }
          .header .wrapper .nav ul li a.active {
            background-color: #fff;
            color: #444;
            cursor: default; }
        .header .wrapper .nav ul li:last-child {
          margin-right: 0; }
    .header .wrapper .b-content {
      color: white;
      text-shadow: 4px 2px 5px black;
      font-style: italic;
      letter-spacing: 3px;
      position: absolute;
      left: 57.5%;
      top: 5%;
      width: 100%;
      max-width: 600px;
      margin: 0 auto;
      z-index: 100; }
      @media (max-width: 900px) {
        .header .wrapper .b-content {
          left: 28.2%;
          top: 5%;
          font-size: 13px; } }
      @media (max-width: 800px) {
        .header .wrapper .b-content {
          max-width: 355px;
          left: 1.2%;
          top: 0.5%;
          font-size: 11px;
          position: fixed;
          z-index: 10000001; } }
      @media (max-width: 600px) {
        .header .wrapper .b-content {
          max-width: 255px; } }
      .header .wrapper .b-content .b-animate-1 {
        width: 100%;
        max-width: 11px;
        color: #d40011;
        font-size: 3.5em;
        float: left;
        margin-right: 30px; }
        @media (max-width: 900px) {
          .header .wrapper .b-content .b-animate-1 {
            margin-right: 18px; } }
      .header .wrapper .b-content .b-animate-2 {
        width: 100%;
        max-width: 15px;
        color: #d40011;
        font-size: 3.5em;
        float: left;
        margin-right: 29px; }
        @media (max-width: 900px) {
          .header .wrapper .b-content .b-animate-2 {
            margin-right: 17px; } }
      .header .wrapper .b-content .b-animate-3 {
        font-size: 2em;
        width: 100%;
        max-width: 300px;
        margin-top: 3%;
        float: left; }
        @media (max-width: 900px) {
          .header .wrapper .b-content .b-animate-3 {
            margin-top: 1.8%; } }
        @media (max-width: 800px) {
          .header .wrapper .b-content .b-animate-3 {
            margin-top: 4%; } }
        @media (max-width: 600px) {
          .header .wrapper .b-content .b-animate-3 {
            margin-top: 5.1%;
            max-width: 160px; } }
      .header .wrapper .b-content h1 {
        font-family: 'Black Ops One', cursive, italic;
        max-width: 200px; }

.bounceInRight {
  animation-delay: 0.7s; }

.bounceInLeft {
  animation-delay: 1.1s; }

.bounceInUp {
  animation-delay: 1.5s; }

.offer {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 8.6%;
  overflow: hidden; }
  @media (max-width: 800px) {
    .offer {
      margin-top: 25%; } }
  .offer .wrapper {
    width: 100%; }
    .offer .wrapper h1 {
      width: 100%;
      text-align: center;
      font-size: 2rem;
      margin-bottom: 15px; }
  .offer .b-table {
    float: left;
    width: 50%;
    margin-top: 20px; }
    @media (max-width: 800px) {
      .offer .b-table {
        width: 100%; } }
  .offer table {
    margin: 2% auto;
    max-width: 1070px; }
    .offer table th {
      padding-bottom: 4%;
      padding-top: 1%;
      font-size: 1.3rem; }
      .offer table th h2 {
        text-align: left;
        margin-left: 1%;
        font-style: italic;
        text-shadow: 1.5px 0.7px 0.7px #7b7373; }
        @media (max-width: 800px) {
          .offer table th h2 {
            margin-left: 20px;
            text-align: left; } }
    .offer table td p {
      font-size: 1.2rem;
      line-height: 30px;
      margin-left: 1%;
      width: 100%;
      max-width: 220px; }
      @media (max-width: 800px) {
        .offer table td p {
          margin-left: 15px;
          text-align: left; } }
  .offer img {
    width: 100%;
    max-width: 500px; }

.gallery {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 8.6%;
  overflow: hidden; }
  @media (max-width: 800px) {
    .gallery {
      margin-top: 25%; } }
  .gallery .wrapper {
    width: 100%; }
    .gallery .wrapper h1 {
      width: 100%;
      text-align: center;
      font-size: 2rem;
      margin-bottom: 35px; }

.footer {
  width: 100%;
  margin: 0 auto; }
  .footer .wrapper {
    width: 100%;
    background-color: #2d2d2d;
    color: #ffff; }
    .footer .wrapper .b-content {
      width: 100%;
      max-width: 1050px;
      overflow: hidden;
      margin: 0 auto;
      line-height: 25px;
      padding-bottom: 30px; }
      .footer .wrapper .b-content .item-head {
        text-align: center;
        padding-top: 35px;
        padding-bottom: 35px; }
        @media (max-width: 900px) {
          .footer .wrapper .b-content .item-head {
            padding-bottom: 15px; } }
        .footer .wrapper .b-content .item-head h1 {
          font-size: 1.3rem; }
        .footer .wrapper .b-content .item-head img {
          margin-bottom: 12px;
          width: 100%;
          max-width: 210px;
          height: 3px;
          border-radius: 10px; }
      .footer .wrapper .b-content .b-float-content {
        float: left;
        overflow: hidden;
        margin-left: 17%; }
        @media (max-width: 900px) {
          .footer .wrapper .b-content .b-float-content {
            float: none;
            text-align: center;
            margin-left: 0;
            padding-bottom: 25px; } }
        .footer .wrapper .b-content .b-float-content img {
          float: left;
          width: 12px;
          margin-right: 5px; }
          @media (max-width: 900px) {
            .footer .wrapper .b-content .b-float-content img {
              display: none; } }
        .footer .wrapper .b-content .b-float-content p {
          font-size: 15px;
          color: #616161;
          max-width: 300px; }
          @media (max-width: 900px) {
            .footer .wrapper .b-content .b-float-content p {
              text-align: center;
              margin: 0 auto; } }
        .footer .wrapper .b-content .b-float-content .item-head h1 {
          text-align: center;
          padding-top: 20px;
          padding-bottom: 20px; }
      .footer .wrapper .b-content .b-map {
        width: 100%;
        max-width: 300px;
        height: 118px;
        float: right;
        margin-right: 8%;
        z-index: 100001; }
        @media (max-width: 900px) {
          .footer .wrapper .b-content .b-map {
            float: none;
            margin: 0 auto; } }
      .footer .wrapper .b-content .item-social {
        width: 110px;
        margin: 0 auto; }
      .footer .wrapper .b-content .item-social img {
        max-width: 35px;
        margin-left: 11px;
        margin-top: 35px; }
      .footer .wrapper .b-content .item-social img:hover {
        opacity: 0.7; }
  .footer .b-copyright {
    width: 100%;
    text-align: center;
    background-color: #242424; }
    .footer .b-copyright p {
      color: #616161;
      font-size: 0.7rem;
      padding: 13px; }