/* start sass */
/* end sass */
/* start framework */
/* end frame work */
/* start slider edition */
.slider {
  position: relative; }
  .slider .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; }
  .slider .carousel.fade {
    opacity: 1; }
  .slider .carousel.fade .item {
    -moz-transition: opacity ease-in-out .7s;
    -o-transition: opacity ease-in-out .7s;
    -webkit-transition: opacity ease-in-out .7s;
    transition: opacity ease-in-out .7s;
    left: 0 !important;
    opacity: 0;
    top: 0;
    position: absolute;
    width: 100%;
    display: block !important;
    z-index: 1; }
  .slider .carousel.fade .item:first-child {
    top: auto;
    position: relative; }
  .slider .carousel.fade .item.active {
    opacity: 1;
    -moz-transition: opacity ease-in-out .7s;
    -o-transition: opacity ease-in-out .7s;
    -webkit-transition: opacity ease-in-out .7s;
    transition: opacity ease-in-out .7s;
    z-index: 2; }
  .slider .down {
    position: absolute;
    bottom: 70px;
    z-index: 2;
    left: calc(50% - 16px);
    animation: floating .5s ease-in-out forwards infinite;
    cursor: pointer; }

@keyframes floating {
  0% {
    bottom: 70px; }
  50% {
    bottom: 85px; }
  100% {
    bottom: 70px; } }
/* end slider edition */
/* start welcome */
.welcome {
  margin-top: 80px; }
  .welcome h1 {
    margin-bottom: 30px; }
  .welcome aside {
    margin-top: 40px; }
  .welcome h2 {
    color: #c7081b;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 20px; }
  .welcome p {
    color: #a5a5a5; }

/* end welcome */
/* start background */
.background {
  min-height: 500px;
  margin: 40px 0;
  background: url("../images/optima_2018_desktop.jpg") no-repeat top center fixed;
  background-size: cover;
  clip-path: polygon(0 20%, 100% 0, 100% 80%, 0 100%); }

/* end background */
/* start about */
.about {
  background: url("../images/about.jpg") top center no-repeat;
  background-size: cover;
  margin-top: 80px; }
  .about .layer {
    padding: 30px 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2); }
    .about .layer aside {
      background-color: rgba(199, 8, 27, 0.3);
      margin-top: 50px;
      padding: 20px;
      color: #fff; }
      .about .layer aside button {
        margin: 20px 0;
        background-color: #000;
        border: 0;
        border-bottom: 5px solid #006340;
        outline: none;
        padding: 10px;
        text-transform: uppercase;
        position: relative;
        transition: all 0.3s ease-out; }
        .about .layer aside button span {
          position: relative;
          z-index: 2; }
        .about .layer aside button:after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          width: 5px;
          height: 0;
          background-color: #006340;
          z-index: 0;
          transition: all 0.3s ease-out; }
        .about .layer aside button:hover:after {
          height: 100%; }

/* end about */

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