html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
#scroll {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#444;
    text-indent:-9999px;
    display:none;
    border-radius:60px;
	z-index:1000;
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#666;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}
#nav {
  margin: 0 !important;
  border-radius: 0 !important;
}

#nav .container {
  background-color: #0099ff;
}

#nav .container a {
  color: #ccc;
}

.container {
  background: #ccc;
}

.container #split {
  -webkit-clip-path: none !important;
          clip-path: none !important;
}

.container .row {
  background: #666;
  padding: 50px 0;
  -webkit-clip-path: polygon(0 0, 100% 3%, 100% 94%, 0% 100%);
          clip-path: polygon(0 0, 100% 3%, 100% 94%, 0% 100%);
}

@media (max-width: 768px) {
  .container .row {
    -webkit-clip-path: none !important;
            clip-path: none !important;
    padding: 30px 0;
  }
}

.container .row .thumbail img {
  width: 100%;
  height: 200px;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 4% 96%);
          clip-path: polygon(0 0, 100% 0%, 100% 100%, 4% 96%);
}

@media (max-width: 768px) {
  .container .row .thumbail img {
    height: 130px !important;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 4 0);
            clip-path: polygon(0 0, 0 0, 0 0, 4 0);
  }
}

.container .row #split-1, .container .row #split-2 {
  background-image: url("images/image6.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 450px;
  border: 1px solid #444;
  position: relative;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: center;
  color: #aaa;
}

@media (max-width: 768px) {
  .container .row #split-1, .container .row #split-2 {
    height: 250px !important;
  }
}

.container .row #split-1 h2, .container .row #split-1 h1, .container .row #split-2 h2, .container .row #split-2 h1 {
  color: #0099ff;
  text-align: center;
}

.container .row #split-1 article, .container .row #split-2 article {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 74% 86%, 50% 75%, 0% 75%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 74% 86%, 50% 75%, 0% 75%);
  background: rgba(118, 119, 119, 0.7);
  padding: 20px 3% 100px 5%;
  color: #ddd;
}

@media (max-width: 768px) {
  .container .row #split-1 article, .container .row #split-2 article {
    padding: 10px 3% 50px 4% !important;
    -webkit-clip-path: none;
            clip-path: none;
  }
}

.container .row #split-1 article div, .container .row #split-2 article div {
  float: right;
}

.container .row #split-1 article div a, .container .row #split-2 article div a {
  text-decoration: none;
  font-size: 16px;
  margin-left: 5px;
}

.container .row #split-1 article div i, .container .row #split-2 article div i {
  font-size: 20px;
  position: relative;
  left: 0px;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.container .row #split-1 article a:hover + i, .container .row #split-2 article a:hover + i {
  left: 10px;
}

.container .row #split-1 button, .container .row #split-2 button {
  background: transparent;
  color: #0099ff;
}

.container .row #split-1 {
  background-image: url("../images/image4.jpg");
}

.container .row #split-2 {
  background-image: url("../images/image6.jpg");
}

.container .row #split-1::after, .container .row #split-2::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 450px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

.container .row #split-1:hover, .container .row #split-2:hover {
  -webkit-transform: scale(0.99);
          transform: scale(0.99);
}

.container #sec2 {
  background-color: #444;
  -webkit-clip-path: polygon(0 0, 100% 0%, 60% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0%, 60% 100%, 0% 100%);
  color: #aaa;
}

.container #sec2 h1 {
  color: #0099ff;
}

.container #split {
  padding: 0 !important;
}

.container #sec3 {
  padding: 60px 5%;
}

.container #sec3 h1 {
  line-height: 2;
  color: #0099ff;
}

.container #sec3 aside {
  background: #aaa;
  height: 200px;
  margin: 0 !important;
  padding: 0 !important;
}

.container #sec3 aside img {
  width: 100%;
  height: 200px;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 768px) {
  .container #sec3 aside img {
    height: 170px;
  }
}

.container #sec3 aside div {
  margin: 10px 0 !important;
}

.container #sec3 aside div a {
  font-size: 17px;
  letter-spacing: 10px;
}

.container .carousel img {
  width: 100%;
  height: 300px !important;
}

@media (max-width: 768px) {
  .container .carousel img {
    height: 230px !important;
  }
}

.container #footer {
  background: #444;
  width: 100% !important;
  margin: 0 !important;
  -webkit-clip-path: none !important;
          clip-path: none !important;
}

.container #footer h2 {
  color: #ccc;
}

.container #footer ul li {
  color: #0099ff;
}
/*# sourceMappingURL=style.css.map */