﻿@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Raleway:400,700');
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoona57ca57c.eot?srf3rx");
  src: url("../fonts/icomoon/icomoona57ca57c.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoona57ca57c.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoona57ca57c.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoona57ca57c.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
 @font-face {
    font-family: 'thecalluna';
    src: url('../fonts/thecalluna/thecalluna010a010a.eot?g53j78');
    src: url('../fonts/thecalluna/thecallunad41dd41d.eot?#iefixg53j78') format('embedded-opentype'), url('../fonts/thecalluna/thecalluna010a010a.ttf?g53j78') format('truetype'), url('../fonts/thecalluna/thecalluna010a010a.woff?g53j78') format('woff'), url('../fonts/thecalluna/thecalluna010a010a.svg?g53j78#thecalluna') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MeteoconsRegular';
    src: url('../fonts/meteocons/meteocons-webfont.eot');
    src: url('../fonts/meteocons/meteocons-webfontd41dd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/meteocons/meteocons-webfont.woff') format('woff'),
         url('../fonts/meteocons/meteocons-webfont.ttf') format('truetype'),
         url('../fonts/meteocons/meteocons-webfont.svg#MeteoconsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.modal-backdrop {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999999999;
    background-color: #000;
}

html {
  scroll-behavior: smooth;
}

.nav-tabs {
  display: none;
}

.header {
    width: 100%;
    height: 100vh;
    padding: 0;
}
.parallax-wrapper {
    position: relative;
    display: block;
    height: 0vh;
}
.header-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}.parallax-clip-path {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}.parallax-background {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    object-position: center;
    -webkit-transform: translateZ(0);
    z-index: -1;
}
.header-content {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
}

.container.container-small {
    max-width: 914px;
    padding-left: 20px;
    padding-right: 20px;
}


.area{
    /* background: #0778bd9e; */
    background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8);
    width: 100%;
    height:100vh;
    POSITION: absolute;
}

.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}

@media (min-width: 768px) {
  .nav-tabs {
    display: flex;
    flex-flow: column nowrap;
  }
  .nav-tabs {
    border-bottom: none;
    border-right: 1px solid #ddd;
    display: flex;
  }
  .nav-tabs {
    margin: 0 15px;
  }
  .nav-tabs .nav-item + .nav-item {
    margin-top: 0.25rem;
  }
  .nav-tabs .nav-link {
    transition: border-color 0.125s ease-in;
    white-space: nowrap;
  }
  .nav-tabs .nav-link:hover {
    background-color: #f7f7f7;
    border-color: transparent;
  }
  .nav-tabs .nav-link.active {
    border-bottom-color: #ddd;
    border-right-color: #fff;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    margin-right: -1px;
  }
  .nav-tabs .nav-link.active:hover {
    background-color: #fff;
    border-color: #0275d8 #fff #0275d8 #0275d8;
  }

  .card {
    border: none;
  }

  .card .card-header {
    display: none;
  }

  .card .collapse {
    display: block;
  }

}


.demo{
    background: #f1f1f1;
    padding-top: 30px;
}











/* Accordion styles */
.tabs {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}

.tab {
  width: 100%;
  color: white;
  overflow: hidden;
}
.tab-label {
  display: flex;
  justify-content: space-between;
  padding: 14px 16px;
  background: #ffffff;
  /* font-weight: bold; */
  cursor: pointer;
  /* Icon */
  color: #3c3c3c;
  font-size: 13px;
  /* color: #fff; */
  /* display: block; */
  /* -webkit-transition: .3s; */
  -o-transition: .3s;
  /* transition: .3s; */
  /* line-height: 38px; */
  margin: 0;
  border-bottom: 1px solid #d6d6d6;
}
.tab-label:hover {
  /* background: #1a252f; */
}
.tab-label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
  margin: -5px 0 0;
}
.tab-content {
  /* max-height: 0; */
  padding: 0 0em;
  color: #2c3e50;
  /* background: white; */
  transition: all 0.35s;
}
.tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}
.tab-close:hover {
  background: #1a252f;
}

input:checked + .tab-label {
  background: #009e73;
  color: white;
}
input:checked + .tab-label::after {
  transform: rotate(90deg);
}
input:checked ~ .tab-content {
  max-height: 100vh;
  /* padding: 1em; */
}

.dfd input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}















@media (max-width: 767px) {

  .tab-pane {
    display: block !important;
    opacity: 1;
  }
}



/*whatsapp*/
#whatsapp {
    position: fixed;
    right: 34px;
     /*left: 50px;*/ 
    top: 60%;
    width: 70px;
    height: 70px;
    cursor: pointer;
    opacity: 1;
    z-index: 99990;
}
#whatsapp #whatsappMain {
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: rgba(255, 255, 255, 0);
    width: 70px;
    height: 70px;
   color: #40c351;
    z-index: 9;
    -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
    -moz-animation: zcwmini2 1.5s 0s ease-out infinite;
    animation: zcwmini2 1.5s 0s ease-out infinite;
}
    #whatsapp #whatsappMain:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 9;
        background-image: url('../whatsapp.png');
      
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-animation: zcwphone2 1.5s linear infinite;
        -moz-animation: zcwphone2 1.5s linear infinite;
        animation: zcwphone2 1.5s linear infinite;
    }

@-webkit-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-moz-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-webkit-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-moz-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}


/*end whatapp aa */





/*whatsapp*/
#call {
    position: fixed;
    right: 34px;
    /*left: 50px;*/
    top: 38%;
    width: 70px;
    height: 70px;
    cursor: pointer;
    opacity: 1;
    z-index: 99990;
}
#call #callMain {
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: rgba(255, 255, 255, 0);
    width: 70px;
    height: 70px;
    color: #ffca68;
    z-index: 9;
    -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
    -moz-animation: zcwmini2 1.5s 0s ease-out infinite;
    animation: zcwmini2 1.5s 0s ease-out infinite;
}
    #call #callMain:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 9;
        background-image: url('../hone.png');
      
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-animation: zcwphone2 1.5s linear infinite;
        -moz-animation: zcwphone2 1.5s linear infinite;
        animation: zcwphone2 1.5s linear infinite;
    }

@-webkit-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-moz-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-webkit-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-moz-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}


/*end whatapp aa */








/*About US Welcome*/
.kode_about_welcome{
	padding:95px 0px 85px;	
}
.kode_about_welcome a.kode_link_3:hover i{
	color:#fff;	
}
.tab-content>.active {
    display: flex;
}.kode_welcome_bg {
    padding: 46px 0px 0px ! important;
    position: relative;
    background: url(../world-map-dark.png) #e5ecf1;
    background-position: center center;
    /* background-size: cover; */
    z-index: 0;
}ul.kode_tab_lnk {
    /* float: left; */
    width: 100%;
    text-align: center;
    margin-bottom: 104px;
    margin: 0 auto;
}

.kode_link_3{
	background-color: #c3c3c3;
	display: inline-block;
	outline: 1px solid #27282d;
	outline-offset:3px;
	overflow: hidden;
	padding: 12px 55px 10px 20px;
	position: relative;
	z-index: 9;
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	letter-spacing:1.2px;
	font-family: 'Sintony', sans-serif;
}
.kode_link_3 i{
	color: #27282d;
    font-size: 19px;
    font-weight: bold;
    height: 100%;
    position: absolute;
    right: 16px;
    top: 10px;	
}
.kode_link_3:before{
	background-color: #fff;
    content: "";
    height: 100%;
    padding: 33px 34px;
    position: absolute;
    right: -27px;
    top: -18px;
    transform: rotate(62deg);
}.kode_wel_demo_des a.kode_link_3:hover {
    color: #fff;
    background: #c91b00;
}

ul.kode_tab_lnk li.active:before, ul.kode_tab_lnk li:hover:before {
    opacity: 1;
    width: 50px;
}
ul.kode_tab_lnk li.active:before, ul.kode_tab_lnk li:hover:before {
    opacity: 1;
    width: 0px;
    background-color: #d4a758;
}
ul.kode_tab_lnk li.active:after, ul.kode_tab_lnk li:hover:after {
    /* opacity: 1; */
    /* width: 40px; */
    /* background-color: #d4a758; */
    /* top: 49px; */
    /* background: #c91b00; */
}ul.kode_tab_lnk li:after {
    left: 0px;
    bottom: 0px;
    right: auto;
    top: auto;
    width: 0px;
    opacity: 0;
}
ul.kode_tab_lnk li:before  {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0px;
    height: 1px;
    opacity: 0;
}


  ul.kode_tab_lnk li:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0px;
    height: 1px;
    opacity: 0;
}


.kode_wht_otr_wrap{
	/* float:left; */
	/* width:100%; */
	position:relative;
	background-color: #003468;
	margin: 82px 0 0;
}
.kode_wht_otr_wrap:after{
	content:"";
	position:absolute;
	background-image:url(../images/homeimg.html);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	left:0px;
	top:0px;
	width:50%;
	height:100%;
	background-attachment:fixed;	
}
.kode_wht_otr_wrap:before{
	content:"";
	position:absolute;
	background-color: rgb(0 0 0 / 16%);
	top:0px;
	left:0px;
	width:50%;
	height:100%;
	z-index:1;
}
.kode_wht_des{
	float:left;
	width:100%;
	position:relative;
	padding: 54px 40px 26px;
	z-index:9999999;
	/* background-image: url(https://www.transparenttextures.com/patterns/gplay.png) ! important; */
}
.kode_wht_des > h6{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	margin:0px 0px 12px;
	line-height:16px;
	font-size:14px;
	letter-spacing:2px;	
}
.kode_wht_des > h4{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	position:relative;
	margin-bottom: 15px;
	position:relative;
	line-height:24px;
	padding-bottom:20px;
}
.kode_wht_des h4:before{
	content:"";
	position:absolute;
	bottom:0px;
	left:0px;
	height:3px;
	width:70px;
	background-color:#fff;		
}
.kode_wht_des ul{
	float:left;
	width:100%;
	z-index:9999999;	
}
.kode_wht_des ul li{
	float:left;
	position:relative;
	padding:4px 0 28px 5px;
	z-index:9999;
	margin:0px;	
}
.kode_wht_des ul li span{
	float:left;
	display:inline-block;
	width:62px;
	height:62px;
	background-color: #008000;
	border-radius:100%;
	border: 5px solid #fffefe;
	text-align:center;
	line-height:62px;
}
.kode_wht_des ul li span i{
	font-size:25px;
	color: white;
}
.kode_wht_icon_des{
	float:none;
	padding:0px 0px 0px 90px;
	width:auto;	
}
.kode_wht_icon_des h6{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:15px;	
}
.kode_wht_icon_des p{
	color:#fff;	
	padding:0px 30px 0px 0px;
}
.kode_wht_icon_des h6 a{
	color:#fff;	
}
.kode_wht_des .bx-wrapper .bx-pager{
	padding:0px;
	text-align:right;
	font-size:0px;
	width:20px;	
}
.kode_wht_des .bx-controls.bx-has-pager.bx-has-controls-direction{
		position:relative;
		right:0px;
		z-index:99999;
}
.kode_wht_des .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
	bottom:170px;
	right:0px;
	text-align:center;	
}
.kode_wht_des .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{
	margin-bottom:5px;	
}
.kode_wht_des .bx-wrapper .bx-pager.bx-default-pager a{
	height:40px;
	border-radius:0px;
	width:3px;	
}
.kode_wht_des .bx-wrapper .bx-pager.bx-default-pager a:hover,
.kode_wht_des .bx-wrapper .bx-pager.bx-default-pager a.active{
	width:5px;	
}
.kode_wht_des .bx-viewport{
	z-index:9999;	
}
.background-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    overflow: hidden;
}


.property-wrap:before{
	/* position:absolute; */
	content:'';
	left:0;
	right:0;
	/* bottom: 0px; */
	background: #ffffffb3;
	width:100%;
	height: 97%;
	/* z-index: 0; */
}

.box1:after, .box1:before {
    height: 50%;
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform-origin: 100% 0;
    transform: rotateZ(90deg);
}.box1 img {
    height: auto;
    transform: scale(1) rotate(0);
}
.box1 img, .box1:after, .box1:before {
    width: 100%;
    transition: all .3s ease 0s;
}.box1, .box11, .box12, .box13, .box14, .box16, .box17, .box18, .box2, .box20, .box21, .box3, .box4, .box5, .box5 .icon li a, .box6, .box7, .box8 {
    overflow: hidden;
}.box1 .title {
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 0 1px #004cbf;
    bottom: 10px;
    left: 10px;
    opacity: 0;
    z-index: 2;
    transform: scale(0);
    transition: all .5s ease .2s;
}
.box1 .icon, .box1 .title {
    margin: 0;
    position: absolute;
}
.box1 .title, .box10 .title, .box4 .title, .box7 .title {
    letter-spacing: 1px;
}.box1:after {
    top: auto;
    bottom: 0;
    transform-origin: 0 100%;
}
.box1:after, .box1:before {
    height: 50%;
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform-origin: 100% 0;
    transform: rotateZ(90deg);
}
.box10:after, .box10:before, .box1:after, .box1:before, .box2 .inner-content:after, .box3:after, .box3:before, .box4:before, .box5:after, .box5:before, .box6:after, .box7:after, .box7:before {
    content: "";
}
.box1 img, .box1:after, .box1:before {
    width: 100%;
    transition: all .3s ease 0s;
}

.hero-bkg-animated {
    background: #d4a700 url(https://www.toptal.com/designers/subtlepatterns/) repeat 0 0;
    /* width: 100%; */
    /* margin: 0; */
    background: url(../world-map-dark.png) #d4a700;
    text-align: center;
    padding-top: 91px;
    box-sizing: border-box;
    -webkit-animation: slide 20s linear infinite;
    padding: 0px 0px 50px;
}


.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mb-30{margin-bottom:30px}
.box1 .icon,.box1 .title{margin:0;position:absolute}
.box1{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box1:after,.box1:before{height:50%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:1;transform-origin:100% 0;transform:rotateZ(90deg)}
.box1:after{top:auto;bottom:0;transform-origin:0 100%}
.box1:hover:after,.box1:hover:before{transform:rotateZ(0)}
.box1 img{height:auto;transform:scale(1) rotate(0)}
.box1:hover img{filter:sepia(80%);transform:scale(1.3) rotate(10deg)}
.box1 .title{font-size:19px;font-weight:600;color:#fff;text-transform:uppercase;text-shadow:0 0 1px #004cbf;bottom:10px;left:10px;opacity:0;z-index:2;transform:scale(0);transition:all .5s ease .2s}
.box1:hover .title{opacity:1;transform:scale(1)}
.box1 .icon{
    padding:7px 5px;
    list-style:none;
    background: linear-gradient(to bottom, #F89406 33%, white 33%, white 66%, white 66%, #339933 66%);
    border-radius:0 0 0 10px;
    top:-100%;
    right:0;
    z-index:2;
    transition:all .3s ease .2s}

.about-text.text-center {
    background-color: #fff;
    padding: 14px;
    box-shadow: 0 10px 6px -6px #777;
}

.about-text.text-center h4,.about-text.text-center .h4 {
    font-size: 15px;
}
























.topbar_login a,.topbar_phone a{
	color:white
}

.marq {
    margin: -36px 0 0 0;
    z-index: 9;
    position: absolute;
    background: #d4a700;
}

.blink{margin:0px;color: #ffffff;padding: 10px 0;}



.frame img {
  border:solid 2px;
  border-bottom-color:#ffe;
  border-left-color:#eed;
  border-right-color:#eed;
  border-top-color:#ccb;
  max-height:100%;
  max-width:100%;
}

.frame img {
  background-color:#ddc;
  border:solid 5vmin #eee;
  border-bottom-color:#fff;
  border-left-color:#eee;
  border-radius:2px;
  border-right-color:#eee;
  border-top-color:#ddd;
  box-shadow:0 0 5px 0 rgba(0,0,0,.25) inset, 0 5px 10px 5px rgba(0,0,0,.25);
  box-sizing:border-box;
  display:inline-block;
  margin:10vh 10vw;
  height:80vh;
  padding:8vmin;
  position:relative;
  text-align:center;
  
}
 .frame:before {
    border-radius:2px;
    bottom:-2vmin;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.25) inset;
    content:"";
    left:-2vmin;
    position:absolute;
    right:-2vmin;
    top:-2vmin;
  }
  .frame:after {
    border-radius:2px;
    bottom:-2.5vmin;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.25);
    content:"";
    left:-2.5vmin;
    position:absolute;
    right:-2.5vmin;
    top:-2.5vmin;
  }






.search {
  width: 100%;
  position: relative
}

.searchTerm {
  float: left;
  width: 100%;
  border: 3px solid #00B4CC;
  padding: 5px;
  height: 36px;
  border-radius: 5px;
  outline: none;
  color: #9DBFAF;
}

.searchTerm:focus{
  color: #00B4CC;
}

.searchButton {
  position: absolute;  
  right: -50px;
  width: 40px;
  height: 36px;
  border: 1px solid #00B4CC;
  background: #00B4CC;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  font-size: 20px;
}

/*Resize the wrap to see the search bar change!*/
.wrap{
  width: 30%;
  position: absolute;
      margin: -160px 0px 0px 0px;
  left: 57%;
 
}


@media only screen and (max-width:500px)
{
	.wrap {
    width: 30%;
    position: absolute;
    margin: -68px 0px 0px 0px;
    left: 55%;
}
}




.group img {width:360px;height:360px;border: 17px inset rgba(0, 117, 206, 0.65);}

#feedback { 
  height: 104px; 
  width: 104px; 
  position: fixed; 
  top: 40%; 
  z-index: 999;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg); 
  -o-transform: rotate(-90deg); 
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#feedback a {
  display: block;
  background: #0f6dab;
  height: 40px;
  width: 140px;
  padding: 4px 16px 10px;
  color: #ffffff;
  /* font-family: Arial, sans-serif; */
  font-size: 17px;
  font-weight: 500;
  border-bottom: 4px solid #fcd540;
  text-decoration: none;
  /* border-radius: 0 0 6px 6px; */
}

#feedback a:hover {
  /* background: #fbb03b; */
  color:#000;
}

#myDiv {
	
	margin :20px 0px 0px 0px
	
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 12px 62px;
}
.form1{
	    MARGIN: 40PX 0PX 40PX 0PX;
}


/* =======================================================
*
* 	Template Style 
*	Edit this section
*
* ======================================================= */
body {
  font-family: "Raleway",sans-serif;
  font-weight:300;
  font-size: 16px;
  line-height:26px;
  color: #444;
  position: relative;
  letter-spacing:0;
}

a {
  color: #000000;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
a:hover, a:active, a:focus {
  color: #000;
  outline: none;
  text-decoration:none;
}

p {
  margin-bottom: 20px;
  font-size:18px;
  line-height:32px;
}
ul,ol
{
padding-left:20px;
}
h1, h2, h3, h4, h5, h6, figure {
  color:#3546a2;
  font-family: "Raleway",sans-serif;
  font-weight: 400;
  margin: 0 0 35px 0;
}
h2 {
    font-size: 50px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 55px;
    margin-bottom: 60px;
    padding-bottom: 60px;
    position: relative;
	text-transform:uppercase;
}
h3 {
    font-size: 35px;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 35px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
	text-transform:uppercase;
	color:#1e605c;
}

.left
{
text-align:left;
}
.right
{
text-align:right;
}
.fright
{
float:right;
margin-bottom:30px!important;
}
.center
{
text-align:center;
}

::-webkit-selection {
  color: #fff;
  background: #00B906;
}
::-moz-selection {
  color: #fff;
  background: #00B906;
}

::selection {
  color: #fff;
  background: #00B906;
}
.clear
{
clear:both;
}
/*Header Top*/
#header .header-inner {
  float: left;
  width: 100%;
}
#header .logo {
  float: left;
  padding: 0;
  font-weight: 700;
  line-height: 0;
  font-size: 30px;
  margin-top: 7px;
  margin-bottom: 10px;
  position: absolute;
}
#header nav {
  /* float: right; */
  padding: 0;
  margin-top: 6px;
  height: 60px;
  background: #0778bd;
  line-height: 56px;
  position: relative;
  border-bottom: 2px solid #fcd53e;
}
.container-fluid {
    /* padding-left: 8%; */
    /* padding-right: 8%; */
}

.navigation {
    font-weight: 500;
    letter-spacing: 1px;
}
.nav-col.home
{padding-top: 4px;}
.nav-col
{
padding-top:37px;
}

.wt-wrap {
    color: #fff;
}
.column_container {
    padding-left: 0;
    padding-right: 0;
}
.vc_column-inner::after, .vc_column-inner::before {
    content: " ";
    display: table;
}
.column_container > .vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.inner-padding
{
padding:5% 10% 4% 10% !important;
}
.inner-padding1
{padding: 3% 6% 0% 0% !important;}

.wt-wrap .time {
    float: right;
}
.wt-wrap .weather {
    float: right;
}
.wt-wrap .vc_col-sm-6 {
    float: right;
    width: auto;
}
.wt-wrap .vc_col-sm-6 span {
    color: #fff !important;
}
.wt-wrap .vc_col-sm-6 span i {
    color: #fff !important;
}
.wt-wrap .vc_col-sm-6 span em {
    color: #fff !important;
}
.wt-wrap .jungle-time .icons-clock {
    font-size: 20px;
	font-weight:700;
	margin-right:15px;
}
.wt-wrap .jungle-time .time {
    font-size: 14px;
	font-family: 'Lato', sans-serif;
}
.simple-weather {
    display: inline-block;
    line-height: 21px;
}
.simple-weather span:first-child {
    margin-left: 0;
}
.wt-wrap .simple-weather span {
    float: left;
    font-size: 20px;
    margin-right:15px;
}
.wt-wrap .simple-weather em {
    font-size: 14px;
}

.simple-weather {
    display: inline-block;
    line-height: 21px;
	padding-bottom:30px;
}
.simple-weather span {
    display: inline-block;
    margin-left: 30px;
}
.simple-weather span:first-child {
    margin-left: 0;
}
.simple-weather i {
    margin: 5px 15px 0 10px;
	font-size:28px;
	
}
.simple-weather i::before {
    font-size:28px;
    font-style: normal;
}
.simple-weather em {
    font-size: 20px;
    font-style: normal;
    line-height: 1em;
	position:relative;
	top:-3px;
}
.about-weather .simple-weather i {
    margin: 0px 15px 0 10px;
	font-size:50px;
	line-height:42px;
	
}
.about-weather .simple-weather i::before {
    font-size:50px;
    font-style: normal;
	color:#967A50;
}
.about-weather .simple-weather em 
{
font-size:25px;
}

.btn {
  margin-right: 4px;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 500;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;


  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.btn.btn-md {
  padding: 10px 20px !important;
}
.btn.btn-lg {
  padding: 18px 36px !important;
}
.btn:hover, .btn:active, .btn:focus {
  box-shadow: none !important;
  outline: none !important;
}

.btn-primary {
  color: #FFF;
  border: 2px solid #FFF;
  background:none;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background:#0e3259;
  border-color: #967a50 ;
  color:#fff;
}
.btn-primary.btn-outline {
  background: transparent;
  color: #00B906;
  border: 2px solid #967a50;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
  background: #967a50;
  color: #fff;
}

.btn-success {
  background: #5cb85c;
  color: #fff;
  border: 2px solid #5cb85c;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
  background: #4cae4c !important;
  border-color: #4cae4c !important;
}
.btn-success.btn-outline {
  background: transparent;
  color: #5cb85c;
  border: 2px solid #5cb85c;
}
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active {
  background: #5cb85c;
  color: #fff;
}

.btn-info {
  background: #5bc0de;
  color: #fff;
  border: 2px solid #5bc0de;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
  background: #46b8da !important;
  border-color: #46b8da !important;
}
.btn-info.btn-outline {
  background: transparent;
  color: #5bc0de;
  border: 2px solid #5bc0de;
}
.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active {
  background: #5bc0de;
  color: #fff;
}

.btn-warning {
  background: #f0ad4e;
  color: #fff;
  border: 2px solid #f0ad4e;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
  background: #eea236 !important;
  border-color: #eea236 !important;
}
.btn-warning.btn-outline {
  background: transparent;
  color: #f0ad4e;
  border: 2px solid #f0ad4e;
}
.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active {
  background: #f0ad4e;
  color: #fff;
}

.btn-danger {
  background: #d9534f;
  color: #fff;
  border: 2px solid #d9534f;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
  background: #d43f3a !important;
  border-color: #d43f3a !important;
}
.btn-danger.btn-outline {
  background: transparent;
  color: #d9534f;
  border: 2px solid #d9534f;
}
.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active {
  background: #d9534f;
  color: #fff;
}

.btn-outline {
  background: none;
  border: 2px solid gray;
  font-size: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
  box-shadow: none;
}


.form-control {
  box-shadow: none;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.1);
  height: 54px;
  font-size: 18px;
  font-weight: 300;
}
.form-control:active, .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #00B906;
}

.inner-padding h2.title::after
{
  border-bottom-style: solid;
    border-bottom-width: 2px;
    border-color: inherit;
    bottom: -5px;
    content: "";
    left: 0;
    position: absolute;
    width: 100px;
}
.inner-padding h2::after {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-color: inherit;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    width: 100px;
}
.inner-padding h2.title span
{
color:#1e605c;
text-align:left;
}
.paddingT35
{
padding-top:35px;
}
.paddingT85
{
padding:85px 0;
}

.bg1
{
background:#eae4dc;
}
.teaser
{
font-size:22px;
line-height:36px;
color:#1c1c1c;
padding-top:20px;
}
.about-weather span
{
color:#967a50;
font-size:40px;
line-height:50px;
margin-right:10px;
}
.about-weather
{
color:#1e605c;
font-size:25px;
font-family:"Lato";
font-weight:400;
line-height:30px;
}
.about-weather em
{
top:-5px;
font-style:normal;
position:relative;
}
.reservation .btn
{
text-transform:uppercase;
padding:14px 36px;
letter-spacing:2px;
}

#header {
  position: absolute;
  z-index: 1001;
  width: 100%;
  /* background: rgb(255 255 255); */
}
#header .logo-small
{
display:none;
}
#header.scroll .logo
{
display:none;
}
#header.scroll .logo-small
{display:block;position: absolute;width: 90px;top: -10px;}
#header.scroll .nav-col
{padding-top: 0px;}
#header.scroll nav
{
margin-top:30px;
}
#header.scroll nav ul li a
{font-size: 14px;color: white;padding: 1px 5px 20px 3px;}

#header.header1.scroll
{position:fixed;top:0;background-color: rgb(255 255 255 / 94%);padding:13px 0;transition:all 0.4s ease 0s;font-weight: 500;letter-spacing: 3px;min-height: 40px;z-index: 99;}
.header1.scroll .wpb_column.column_container
{
display:none;
}
#header nav ul {
  padding: 0;
  margin: 0 0px 0 0;
  float: right;
  /* line-height: 0; */
}
#header nav ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  text-transform:uppercase;
}
#header nav ul li a {
  color:#fff;
  font-size: 15px;
  padding: 0px 4px 20px 2px;
  position: relative;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  font-weight: 400;
  letter-spacing:.095em;
  text-transform: capitalize;
}
#header nav ul li a i {
  line-height: 0;
  font-size: 16px;
  position: relative;
  top: 0px;
  margin: 0 5px 0;
}
#header nav ul li a:after {
  content: "";
  position: absolute;
  height: 2px;
  bottom: 15px;
  left: 10px;
  right: 10px;
  background-color: #FFF;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#header nav ul li a:hover {
  text-decoration: none;
  color: #fcd540;
}
#header nav ul li a:hover:after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
#header nav ul li a:active, #header nav ul li a:focus {
  outline: none;
  text-decoration: none;
}
#header nav li.has-dropdown {
  position: relative;
}
#header nav li.has-dropdown .dropdown {
  width: 200px;
  -webkit-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
  z-index: 1002;
  position: absolute;
  top: 41px;
  left: 0;
  text-align: left;
  /*background: #cca205;*/
  background:#0778bd;
  padding: 8px 0 0 0;
  -o-transition: 0s;
  font-weight:400;
  transition: 0s;
  visibility:hidden;
  opacity:0;
}
#header nav li.has-dropdown .dropdown li {
  display: block;
  margin-bottom: 7px;
}
#header nav li.has-dropdown .dropdown li:last-child {
  margin-bottom: 0;
}
#header nav li.has-dropdown .dropdown li a {
  padding: 5px 15px;
  display: block;
  color: #fff;
  line-height:26px;
  font-size: 14px;
  border-bottom: 1px solid #e8e8e8;
  font-weight:400;
  letter-spacing:2px;
}
#header nav li.has-dropdown .dropdown li a:hover {
  color: #ffffff;
  visibility: visible;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  font-weight: 600;
  transform:none;
}
#header nav li.has-dropdown .dropdown li.active a
{
  color: #967a50;

}
#header nav li.has-dropdown:hover a, #header nav li.has-dropdown:focus a {
  color: #fcd43e;
}
#header nav li.has-dropdown .dropdown li a:after {
  visibility: visible;
  -webkit-transform:  none;
  -moz-transform:  none;
  -ms-transform:  none;
  -o-transform:  none;
  transform: none;
}
#header nav ul li.has-dropdown .dropdown li a::after
{
background:none;
}
#header nav ul li.cta {
  margin-left: 20px;
}
#header nav ul li.cta a {
  padding: 7px 16px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
}
#header nav ul li.cta a:hover {
  background: #fff;
  color: #00B906;
}
#header nav ul li.cta a:hover:after {
  display: none;
}
#header nav ul li.active a {
  text-decoration: none;
  color: white;
}
#header nav ul li.active a:after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner p
{
margin-bottom:5px;
}
#fh5co-hero .btn {
  font-size: 24px;
}
#fh5co-hero .btn.btn-primary {
  padding:8px 30px !important;
  color:#fff;
  background:none;
  border-radius:3px;
  border:1px solid #fff;
  text-transform:uppercase;
      text-shadow: 0 -3px 0 #fff0, 0 6px 8px rgba(0,0,0,.4), 0 9px 10px rgba(0,0,0,.15), 0 30px 10px rgba(0,0,0,.18), 0 15px 10px rgba(0,0,0,.21);
}
#fh5co-hero .btn.btn-primary:hover
{
background:#113761;
color:#fff;
  border:1px solid #fff;

}
#fh5co-hero .flexslider {
  border: none;
  z-index: 1;
  margin-bottom: 0;
}
#fh5co-hero .flexslider .slides {
  position: relative;
  overflow: hidden;
}
#fh5co-hero .flexslider .slides li {
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
 
}
#fh5co-hero .flexslider .flex-control-nav {
  bottom: 40px;
  z-index: 1000;
}
#fh5co-hero .flexslider .flex-control-nav li a {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: none;
  width: 12px;
  height: 12px;
  cursor: pointer;
  border:2px solid #fff;
}
#fh5co-hero .flex-control-nav li {
    display: inline-block;
    margin: 0 12px 0 0;
}
#fh5co-hero .flexslider .flex-control-nav li a.flex-active {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.7);
}
#fh5co-hero .flexslider .flex-direction-nav {
  display: none;
}
/*#fh5co-hero .flexslider .slider-text {
  display: table;
  opacity: 0;
  width:100%;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner {
  display: table-cell;
  vertical-align: middle;
}

*/#fh5co-hero .flexslider .slider-text {
  width:100%;
  position:relative;
  text-align: left;
}

#fh5co-hero .flexslider .slider-text > .slider-text-inner {position:relative;top: 33%;}

#fh5co-hero .flexslider .slider-text > .slider-text-inner h1{
  font-size: 86px;
  letter-spacing:6.5px;
  font-weight: 500;
  color: #fff;
  text-align:left;
  line-height:96px;
  padding-top:50px;
  text-transform:uppercase;
  margin-left:-13px;
}
.play-video
{
position:relative;
text-align:center;
width:77px;
margin:auto;
}

.play-video .video
{
position:absolute;
z-index:1000;
bottom:90px;
}
.play-video .video a
{
color:#fff;
font-weight:500;
font-size:28px;
}
.slider-text-inner h1 .separator
{  border-color: #967a50;
    border-top: 2px solid #967a50;
    display: block;
    margin-bottom: 20px;
    margin-top: 36px;
    width: 135px;
}
.booking {
    z-index: 1000;
position:relative;
}
.booking .text {
   background-color:rgb(27, 65, 105) !important;
   -webkit-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-ms-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;
    bottom: 0;
    color: #fff;
    font-size: 28px;
    letter-spacing: 3px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 12px 30px 12px 30px;
    position: relative;
	text-shadow: 0 -3px 0 #fff0, 0 6px 8px rgba(0,0,0,.4), 0 9px 10px rgba(0,0,0,.15), 0 30px 10px rgba(0,0,0,.18), 0 15px 10px rgba(0,0,0,.21);
}
.booking .text:hover{ background-color:rgba(57, 127, 202, 0.84) !important;}

.booking-inner
{
position:absolute;
right:0;
bottom:1px;
z-index:1000;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner h2 {
  font-size: 45px;
  font-weight: bold;
  color: #fff;
  line-height:55px;
  text-transform: capitalize;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  text-shadow: 0 -3px 0 #fff0, 0 6px 8px rgba(0,0,0,.4), 0 9px 10px rgba(0,0,0,.15), 0 30px 10px rgba(0,0,0,.18), 0 15px 10px rgba(0,0,0,.21);
  font-family: 'Playball',sans-serif;
}
.banner-inner 
{position:relative;height: 400px;OVERFLOW: HIDDEN;}
.banner-inner h1
{
  font-size: 56px;
  letter-spacing:0px;
  font-weight: 600;
  color: #002842;
  text-align:left;
  line-height:96px;
  text-transform:uppercase;
  margin-left:-13px;
  position:absolute;
  z-index:100;
  top:45%;
}
.banner-inner img
{
max-width:100%;
height:auto;
width:100%;
}
 .banner-inner .separator
{  border-color: #967a50;
    border-top: 2px solid #967a50;
    display: block;
    margin-bottom: 20px;
    margin-top: 36px;
    width: 135px;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner h3
{
font-size:15px;
padding-top:5px;
color:#fff;
  font-family: 'Montserrat', sans-serif;

}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .fh5co-lead {
  font-size: 20px;
  color: #fff;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .fh5co-lead .icon-heart {
  color: #d9534f;
}

.fh5co-heading h2 {
  margin-bottom: 20px;
}

.fh5co-section-with-image {
  position: relative;
}
.fh5co-section-with-image .fh5co-box {
  padding: 50px;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  z-index: 1001;
  width: 40%;
  right: 10%;
  top: 50%;
}
.fh5co-section-with-image h2 {
  font-size: 50px;
  margin-bottom: 20px;
}
.fh5co-section-with-image p {
  font-size: 20px;
}
.fh5co-section-with-image p:last-child {
  margin-bottom: 0;
}

.googleplus-color {
  color: #dc4e41;
}

.facebook-color {
  color: #3b5998;
}

.twitter-color {
  color: #55acee;
}

.fh5co-about,
.facility,
.fh5co-contact {
  padding: 5em 0;
}
.contact-info {
  margin-bottom: 4em;
  padding: 0;
}
.contact-info li {
  list-style: none;
  margin: 0 0 20px 0;
  position: relative;
  padding-left: 40px;
}
.contact-info li i {
  position: absolute;
  top: .3em;
  left: 0;
  font-size: 22px;
  color: #00B906;
}
.contact-info li a {
  color: #00B906;
}

#map {
  height: 500px;
  width: 100%;
}
.fh5co-staff img {
  margin-bottom: 1em;
}
.fh5co-staff h3 {
  margin: 0 0 10px 0;
}
.fh5co-staff h4 {
  margin: 0 0 20px 0;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4);
}
.fh5co-staff .fh5co-social {
  text-align: center;
}
.fh5co-staff .fh5co-social a {
  color: #000;
}

.home-gallary{
  padding: 40px 0 40px 0;
  /* float: left; */
  width: 100%;
  position: relative;
  background: white;
}
.home-gallary h2
{font-size: 24px;line-height:40px;position:relative;top:45%;text-align:center;color:#fff;padding:0 40px;background: #3546a2;}
.home-gallary .item .overlay
{
position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background:rgba(14, 49, 89, 0.73) ;
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .6s ease;
}
.home-gallary .item:hover .overlay {
  bottom: 0;
  height: 100%;
}

.home-gallary .nav-arrows
{
font-size:25px;
font-weight:300;
z-index:110;
}
.home-gallary .nav-arrows .left-arrow
{
left:30px;
position:absolute;
top:275px;
color:#b6b6b6;
cursor:pointer;
z-index: 1000;
}
.home-gallary .nav-arrows .right-arrow
{
right:30px;
position:absolute;
top:275px;
color:#b6b6b6;
cursor:pointer;
z-index: 1000;
}
.home-gallary .nav-arrows .left-arrow:hover, .home-gallary .nav-arrows .right-arrow:hover
{
color:#fff;
}
.room-price-wrapper
{
position:absolute;
bottom:45px;
text-align:center;
left:0;
right:0;
}
.room-price-wrapper .room-price {
    border: 2px solid #FFF;
    border-radius: 3px;
    display: inline-block;
    text-transform: uppercase;
    transition: all 300ms ease 0s;
	text-align:center;
	padding:14px 36px;
}
.home-gallary .v-align {
  display: table;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.home-gallary .v-align .v-align-middle {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.home-gallary .v-align .v-align-middle h3 {
  color: white;
  margin-bottom: 10px;
  font-size: 24px;
}
.home-gallary .v-align .v-align-middle h5 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
}
.home-gallary .col-1, .home-gallary .col-2,.home-gallary .col-3 {
  float: left;
  width: 33.333%;
  position:relative;
}
.home-nature 
{
background:#967a50;
display:inline-block;
}
.home-nature img
{
max-width:100%;
}

.home-nature .nature-text h3
{
font-size:50px;
line-height:50px;
font-weight:500;
padding:40% 15px 30px 15px;
color:#fff;
letter-spacing:2px;
text-align:left;
}
.home-nature .nature-text hr
{
width:100px;
margin:0 0px 0 15px;
border-width:2px;
}
.home-nature .nature-text h5
{
font-size:22px;
padding:55px 15px 10px 15px;
color:#fff;
}
.home-gallary .item-grid {
  width: 100%;
  border: 14px solid white;
  float: left;
  background-size: cover;
  background-position: center center;
  text-decoration: none;
  border-bottom: 10px solid #ecf1f5;
}
.home-gallary .item-grid .icon {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.home-gallary .item-grid .title, .home-gallary .item-grid .icon, .home-gallary .item-grid .category {
  top: 50px;
  position: relative;
  opacity: 0;
  visibility: hidden;
}
.home-gallary .item-grid .title {
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.home-gallary .item-grid .category {
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.home-gallary .item-grid:hover {
  text-decoration: none !important;
}
.home-gallary .item-grid:hover .icon, .home-gallary .item-grid:hover .title, .home-gallary .item-grid:hover .category {
  top: 0;
  opacity: 1;
  visibility: visible;
}
.home-gallary .item-grid:hover .v-align {
  background: rgba(0, 0, 0, 0.4);
}
.home-gallary .item-grid .icon {
  display: block;
  background: #fff;
  width: 90px;
  height: 90px;
  margin: 0 auto 30px auto;
  padding-top: 19px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.home-gallary .item-grid .icon img {
  max-width: inherit;
  height: 50px;
  margin: 0 auto;
}
.home-gallary .one {
  height: 360px;
  border-bottom:none;
  /* padding: 50px 0; */
}


.home-luxurious {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 9em 0 6em 0;
  position: relative;
  background-attachment:fixed;
}

.home-luxurious h3
{
font-size:32px;
color:#fff;
text-transform:uppercase;
letter-spacing:2px;
}
.home-luxurious hr
{
width:100px;
}
.home-luxurious p
{
font-size:15px;
line-height:20px;
color:#fff;
padding:15px 0 0 0;
}
.home-luxurious .container {
  position: relative;
  z-index: 2;
}
.home-luxurious p:last-child {
  margin-bottom: 0;
}
.home-luxurious .btn {
  color: #fff;
}

#footer {
  padding: 75px 0 0px 0;
  float: left;
  width: 100%;
  position: relative;
  background:url('../images/ft.png');
  margin-top:-8px;z-index:9;
}
.top-footer-container
{
border-bottom:1px solid #345d5a;
padding-bottom:70px;
}
.copyright
{
padding:15px 0;
}
.site-footer .connect
{
font-size:14px;
color:#fff;
margin-top:30px;
margin-bottom:10px;
}
.site-footer .footer-logo img {
    height: auto;
    max-width: 190px;
    width: auto;
	margin:35px 0px 0px 0px
}
.site-info {
    font-size:14px;
    color: black;
    text-align: center;
    font-weight: 600;
}
.site-info span a{
     color: #bd0a0a;
}
.site-footer ul {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.15em;
    line-height: 35px;
    text-transform: uppercase;
	list-style:none;
	list-style-image:none;
	margin:0;
	padding:0;
}
.site-footer .menu li a {
    font-weight: 400;
}
.site-footer .sub-menu {
    margin-left: 10px;
}
.site-footer .sub-menu li a::before {
    font-size: 18px;
    margin-right: 5px;
}
.site-footer a {
    color: #000;
    position: relative;
}
.site-footer a:hover {
    color: #967a50;
	text-decoration:none;
}
.site-footer a::after {
    left: 0;
    opacity: 0;
    position: absolute;
    transition: bottom 220ms ease-out 0s;
    width: 100%;
}
.footer-social {
    margin-top: 15px;
}
.footer-social li {
    display: inline-block;
    margin-right: 20px;
    margin-top: 5px;
}
.footer-social li a .fa {
    font-size: 1.6rem;
}
.footer-social a:hover {
    text-decoration: none;
}
.footer-social a:hover::after {
    display: none;
}
.site-footer
{
font-size:16px;
color:#000;
line-height:32px;
}
.site-footer a:hover::after {
    background-color: #967a50;
    bottom: -2px;
    opacity: 1;
}
.site-footer h2 {
    color: #ffffff;
    margin-top: 0;
    padding-bottom: 10px;
}
.site-footer h3 {
    color: #092852;
    font-size: 40px;
    line-height: 56px;
    margin-bottom: 40px;
    margin-top: 25px;
    padding-bottom: 40px;
    position: relative;
	text-transform:uppercase;
	letter-spacing:2px;
}
.site-footer h3::after {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-color: inherit;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    width: 60px;
}
.site-footer [class^="icon-"], [class*=" icon-"] {
    font-size: 1.6rem;
}
.site-footer select {
    background-color: #ffffff;
}

.fh5co-copyright {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  clear: both;
  margin-top: 40px !important;
  padding: 40px 0 0 0;
}
.fh5co-copyright span {
  display: block;
}

#fh5co-page {
  position: relative;
  z-index: 2;
  background: #fff;
}

#fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page {
  position: relative;
}

#fh5co-page {
  z-index: 2;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.offcanvas-visible #fh5co-page {
  -moz-transform: translateX(-275px);
  -webkit-transform: translateX(-275px);
  -ms-transform: translateX(-275px);
  -o-transform: translateX(-275px);
  transform: translateX(-275px);
}

#fh5co-offcanvas {
  display: none;
  height: 100%;
  right: 0;
  overflow-y: auto;
  position: fixed;
  z-index: 1;
  top: 0;
  width: 300px;
  background:#004179;
  padding: 25px 0 15px;
}
#fh5co-offcanvas ul {
  padding:0 0 0 20px;
  margin: 0;
}
#fh5co-offcanvas ul > li:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}
#fh5co-offcanvas  ul   li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    padding-left: 24px;
    padding-right: 20px;
  list-style: none;
  line-height: 28px;
}
#fh5co-offcanvas ul.dropdown li
{
border-bottom:none;
padding:0;
}
#fh5co-offcanvas li li:first-child
{
border-top:none;
}
#fh5co-offcanvas ul > li > a {
    padding: 10px 0;
}
#fh5co-offcanvas ul li a {
    color: #ffffff;
    display: block;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 2px;
    overflow: hidden;
    padding: 8px 0;
    position: relative;
    text-transform: uppercase;
    transition: color 0.3s ease-in-out 0s;
}
#fh5co-offcanvas ul li li a 
{
padding:2px 0;
}
#fh5co-offcanvas ul li a:hover {
  color: #967a50;
}
#fh5co-offcanvas ul li.active a {
  color: #967a50;
}
#fh5co-offcanvas ul li.cta {
  margin-left: 0;
  margin-top: 20px;
  display: block;
  float: left;
}
#fh5co-offcanvas ul li.cta a {
  padding: 7px 16px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
}
#fh5co-offcanvas ul li.cta a:hover {
  background: #fff;
  text-decoration: none;
}
#fh5co-offcanvas ul li.cta a:hover:after {
  display: none;
}

.fh5co-nav-toggle {
  cursor: pointer;
  text-decoration: none;
}
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {
  background: #fff;
}
.fh5co-nav-toggle.dark.active i::before, .fh5co-nav-toggle.dark.active i::after {
  background: #967a50;
}
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active {
  outline: none;
  border-bottom: none !important;
}
.fh5co-nav-toggle i {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 30px;
  height: 2px;
  color: #fff;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #fff;
  transition: all .2s ease-out;
}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
  content: '';
  width: 30px;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.fh5co-nav-toggle.dark i {
  position: relative;
  color: #000;
  background: #000;
  transition: all .2s ease-out;
}
.fh5co-nav-toggle.dark i::before, .fh5co-nav-toggle.dark i::after {
  background: #000;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.fh5co-nav-toggle i::before {
  top: -7px;
}

.fh5co-nav-toggle i::after {
  bottom: -7px;
}

.fh5co-nav-toggle:hover i::before {
  top: -10px;
}

.fh5co-nav-toggle:hover i::after {
  bottom: -10px;
}

.fh5co-nav-toggle.active i {
  background: transparent;
}

.fh5co-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.fh5co-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

.fh5co-nav-toggle {
  position: fixed;
  top: 40px;
  right: 20px;
  z-index: 9999;
  display: block;
  margin: 0 auto;
  display: none;
  cursor: pointer;
}
.fh5co-pricing {
  padding: 7em 0;
  background: #f7f7f7;
}
.fh5co-pricing .pricing {
  display: block;
  float: left;
  margin-bottom: 30px;
}
.fh5co-pricing .price-box {
  text-align: center;
  padding: 30px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 40px;
  position: relative;
}
.fh5co-pricing .price-box.popular .btn-select-plan {
  background: #00B906;
}
.fh5co-pricing .price-box.popular .price {
  color: #00B906;
}
.fh5co-pricing .price-box .btn-select-plan {
  padding: 10px 20px;
  background: #5bc0de;
  color: #fff;
}
.fh5co-pricing .pricing-plan {
  margin: 0 0 50px 0;
  padding: 0;
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
  color: #888f94;
}
.fh5co-pricing .pricing-plan.pricing-plan-offer {
  margin-bottom: 24px;
}
.fh5co-pricing .pricing-plan span {
  display: block;
  margin-top: 10px;
  margin-bottom: 0;
  color: #d5d8db;
}
.fh5co-pricing .price {
  font-size: 72px;
  color: #6d6d6d;
  line-height: 50px;
}
.fh5co-pricing .price .currency {
  font-size: 30px;
  top: -0.9em;
  padding-right: 10px;
}
.fh5co-pricing .price small {
  font-size: 13px;
  display: block;
  text-transform: uppercase;
  color: #888f94;
}

.js .animate-box {
  opacity: 0;
}


.two-columns {
  background: linear-gradient(to right, #fff , #fff 49.999999%, #EAE4DC 50%, #EAE4DC); margin-top:-1px; }
.two-columns-inner {
  /* background: linear-gradient(to right, #fff , #fff 66.66667%, #f1f2f2 33.33333%, #f1f2f2); */
  }

.column-left{ 
  background-color: #fff;
}

.column-right {
  background-color: #f1f2f2;
}
.two-columns .column-right {
  background-color: #EAE4DC;
}
.column-right .widget
{
margin-bottom:50px;
}
.column-right .inner-padding1
{
padding:3% 20% 3% 10% !important;
}
.column-right .form-control {
    background-color: transparent;
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    box-shadow: none;
    color: #444444;
    font-size: 16px;
    font-weight: 300;
    height: 48px;
}
.search-button {
    background-color: transparent;
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    color: #c1c1c1;
    font-size:16px;
    height: 48px;
    padding: 11px 14px 12px;
}
.column-right .widget ul
{
padding-left:0;
list-style:none;
list-style-image:none;
}
.widget img {
    height: auto;
    max-width: 100%;
}
.wpb_wrapper ul
{
padding-left:20px;
}
.spl-pack img
{
margin-bottom:10px;
}
.column-right .widget ul li
{
list-style:none;
list-style-image:none;
padding-bottom:8px;
font-size:17px;
}
.column-right .widget ul li a::before, .column-right .comment-author-link::before {
    color: #444444;
    content: "\f178";
    font-family: "icomoon";
    font-size: 18px;
    margin-right: 10px;
    position: relative;
    top: 3px;
}
table
{
   border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
	font-size:16px;
}
table th {
    background-color: #1e605c;
    border: medium none;
    color: #fff;
    padding: 15px;
	text-align:left;
	font-weight:700;
}
table td {
    border: medium none;
    padding: 15px;
}
table tbody tr:nth-child(2n) td {
    background-color: #eeeeee;
}
.inner-padding1 h2.title::after
{
  border-bottom-style: solid;
    border-bottom-width: 2px;
    border-color: #967a50;
    bottom: -5px;
    content: "";
    left: 0;
    position: absolute;
    width: 100px;
}
.inner-padding1 h2::after {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-color: #967a50;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    width: 100px;
}
.inner-padding1 h2
{
font-size:30px;
line-height:45px;
margin-bottom:50px;
padding-bottom:20px;
color:#1e605c;

}
inner-padding1 h2.title span
{
color:#1e605c;
text-align:left;
}

.day .col-sm-6
{
padding-left:0;
}
.day .box-one {
    border: 1px solid #b7b7b7;
    margin-bottom: 30px;
    padding: 20px;
}
.day .box-one .box-heading
{
   font-size: 14px;
    font-weight: 600;
    margin: 0 0 10px;
	text-align:center;
	color:#1e605c;
}
.day .box-one .box-content
{
padding-top:10px;
}
.gallary .col-1, .gallary .col-2,.gallary .col-3 {
  float: left;
  width: 33.333%;
  position:relative;
}
.gallary .one.gallary-img
{
height:280px;
}
.gallary .gallary-img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
	float:left;
	width:100%;
	position:relative;
}
.gallary-img .overlay
{
position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background:rgba(1, 53, 49, 0.6) ;
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .6s ease;
}
.gallary-img:hover .overlay {
  bottom: 0;
  height: 100%;
}
.gallary .title
{
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  }
.gallary .v-align {
  display: table;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.gallary .v-align .v-align-middle {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.gallary .v-align .v-align-middle h3 {
  color: white;
  margin-bottom: 10px;
  font-size: 24px;
}
.gallary .v-align .v-align-middle h5 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
}
.acommodation .item-grid {
  width: 100%;
  float: left;
  background-size: cover;
  background-position: center center;
  text-decoration: none;
}
.acommodation .item-grid .icon {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.acommodation .item-grid .title, .acommodation .item-grid .icon, .acommodation .item-grid .category {
  top: 50px;
  position: relative;
  opacity: 0;
  visibility: hidden;
}
.acommodation .item-grid .title {
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
  font-size:40px;
}
.acommodation .item-grid .category {
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
  color:#fff;
  font-size:18px;
  line-height:28px;
  padding:10px 30px;
}
.acommodation .item-grid:hover {
  text-decoration: none !important;
}
.acommodation .item-grid:hover .icon, .acommodation .item-grid:hover .title, .acommodation .item-grid:hover .category {
  top: 0;
  opacity: 1;
  visibility: visible;
}
.acommodation .item-grid:hover .v-align {
  background: rgba(1, 53, 49, 0.6) !important;
}
.acommodation .item-grid .icon {
  display: block;
  background: #fff;
  width: 90px;
  height: 90px;
  margin: 0 auto 30px auto;
  padding-top: 19px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.acommodation .item-grid .icon img {
  max-width: inherit;
  height: 50px;
  margin: 0 auto;
}

.acommodation .col-1, .acommodation .col-2 {
  float: left;
  width: 50%;
  position:relative;
  margin-bottom:-10px;
}
.acommodation .one.acommodation-img
{
height:700px;
}
.acommodation .acommodation-img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
	float:left;
	width:100%;
}
.acommodation .v-align {
  display: table;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.acommodation .v-align .v-align-middle {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.acommodation .v-align .v-align-middle h3 {
  color: white;
  margin-bottom: 10px;
  font-size: 40px;
}
.acommodation .v-align .v-align-middle h5 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
}
.acommodation .item-grid:hover h1
{
display:none;
}
.acommodation h1 
{
width:250px;
margin:auto;
}
.acommodation h1 span
{
position:absolute;
top:40%;
font-size:40px;
text-align:center;
color:#fff;
}
.learn-more
{
width:175px;
margin:auto;
text-align:left;
position:absolute;
left:35%;
bottom:20px;
}
.learn-more .more
{
padding:10px 40px;
text-transform:uppercase;
}
.col-sm-8.center
{
margin:auto;
/*padding-bottom:60px;
*/float:none;
}
.bg2
{
background:#042c57;
}
.special-package .col-sm-8.center
{
padding-bottom:0;
}
.special-package  p
{
color:#fff;
font-size:22px;
line-height:38px;
font-weight:400;
}
.special-package h2
{
color:#fff;
margin-bottom:20px;
padding-bottom:30px;
}
.special-package hr
{
width:100px;
color:#fff;
border-width:2px;
margin-bottom:45px;
}
.spl-pack  h3
{
font-size:18px;
line-height:20px;
position:relative;
top:72%;
text-align:left;
color:#fff;
font-weight:700;
padding:0 10px;
letter-spacing:1px;
}
.spl-pack  h4
{
font-size:14px;
line-height:20px;
position:relative;
top:70%;
text-align:left;
color:#fff;
padding:0 10px;
}
.spl-pack  .list
{
position:relative;
margin-bottom:20px;
float:left;
width:100%;
}
.spl-pack  .one {
    height: 198px;
    border-bottom: none;
	}
.spl-pack  .item .overlay
{
position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background:rgba(1, 53, 49, 0.6) ;
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .6s ease;
}
.spl-pack .item:hover .overlay {
  bottom: 0;
  height: 100%;
}
.spl-pack  .item-grid {
  width: 100%;
  float: left;
  background-size: cover;
  background-position: center center;
  text-decoration: none;
}
.spl-pack .item-grid .icon {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.spl-pack .item-grid .title, .spl-pack  .item-grid .icon, .spl-pack .item-grid .category {
  top: 50px;
  position: relative;
  opacity: 0;
  visibility: hidden;
}
.spl-pack .item-grid .title {
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.spl-pack  .item-grid .category {
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.spl-pack .item-grid:hover {
  text-decoration: none !important;
}
.spl-pack  .item-grid:hover .icon, .spl-pack .item-grid:hover .title, .spl-pack  .item-grid:hover .category {
  top: 0;
  opacity: 1;
  visibility: visible;
}

.facility h3
{
font-size:22px;
text-transform:uppercase;
padding:20px 0 15px 0;
margin:0;
font-weight:500;
letter-spacing:0;
}

.contact-right img
{
float:left;
}
.contact-right h4
{
color:#1e605c;
font-size:20px;
font-weight:500;
margin:0px 0 10px 0;
letter-spacing:1px;
padding-left:45px;
text-transform:uppercase;
}
.contact-right p
{
line-height:35px;
color:#967A50;
padding-left:45px;
font-weight:300;
font-family:"Raleway";
padding-top:15px;
padding-bottom:10px;
}
label
{
font-weight:500;
}
.contact-form
{
font-size:20px;
line-height:30px;
}
.contact-form input, .contact-form textarea, .popup-contact-form input, .popup-contact-form textarea
{
border:1px solid #d2d2d2;
border-radius:0;
}
.contact-form .form-control:focus, .popup-contact-form .form-control:focus {
    border: 1px solid #d2d2d2;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #F1F2F2;
}
.contact-form .wpcf7-submit
{
border:1px solid #967A50;
padding:10px 30px;
text-transform:uppercase;
font-size:18px;
}
.popup-contact-form
{
font-size:14px;
line-height:18px;
}
.popup-contact-form input
{
height:28px;
font-size:14px;
line-height:20px;
padding:4px 10px;
}
.popup-contact-form textarea
{
font-size:14px;
line-height:20px;
padding:4px 10px;
}
.popup-contact-form .wpcf7-submit, .popup-contact-form .wpcf7-cancel
{
border:1px solid #967A50;
text-transform:uppercase;
font-size:14px;
padding:10px 15px;
height:40px;
line-height:20px;
border-radius:2px;
}

.tourist-spot img
{
max-width:100%;
width:100%;
height:auto;

}
/*Responsive Layouts
*/
@media screen and (max-width: 992px) {
  .fh5co-section-with-image .fh5co-box {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    margin-top: auto !important;
  }
  #header nav ul li a {
  color:#fff;
  font-size: 14px;
  padding: 10px 10px 20px 10px;
}
.banner-inner h1
{
  font-size:50px;
  line-height:40px;
  top:50%;
}
}



@media screen and (max-width: 768px) {
.modal-bg{min-height: 250px !important;}
.btn-floating{margin:5px !important;}
  .fh5co-feature .fh5co-text {
    width: 82%;
  }
    #header.header1
{position:fixed;top:0;/* background-color:rgba(17, 57, 101, 0.75); */padding:13px 0;transition:all 0.4s ease 0s;font-weight: 500;letter-spacing: 3px;min-height: 80px;z-index: 1030;}
#header  .logo
{
display:none;
}
#header .logo-small
{display:block;}
.nav-col.home
{
padding-top:10px;
}
.simple-weather
{
padding-bottom:0;
}
  .column-right .inner-padding1 {
    padding: 3% 10% 3% 10% !important;
}
    .row-bottom-padded-lg {
    padding-bottom: 1em;
  }
  .row-bottom-padded-md {
    padding-bottom: 1em;
  }
  .row-bottom-padded-sm {
    padding-bottom: 1em;
  }
  h2 {
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
h3 {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
  #header nav ul li a {
  color:#fff;
  font-size: 14px;
  padding: 10px 5px 20px 5px;
}

#header.inner
{
background:#013531;
}
#header.inner .logo
{
margin-top:-15px;
margin-bottom:-15px;
max-width:80%;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner h1{
  font-size: 30px;
  letter-spacing:3px;
  line-height:55px;
  padding-top:30px;
  margin-left:-13px;
}
.banner-inner
{/* padding-top:80px; */height: 286px;}
.banner-inner h1
{
  font-size: 30px;
  letter-spacing:2px;
  line-height:30px;
top:50%;
left:10%;
}
.banner-inner .separator
{
margin-top:10px;
}
.acommodation .v-align .v-align-middle h3, .acommodation .item-grid .title
{
font-size:28px;
}
.home-nature .nature-text h3
{
font-size:30px;
line-height:35px;
padding-top:30px;
}
.home-luxurious h3
{
font-size:25px;
}
.inner-padding1 h2
{
font-size:25px;
line-height:35px;
margin-bottom:20px;
padding-bottom:10px;
}
.paddingT35
{
padding-top:30px;
}
.paddingT85
{
padding:40px 0;
}
.paddingT85 p:first-child, .paddingT35  p:first-child
{
margin-bottom:0;
}

  #header {
    margin: 0px 0 0 0;
  }
  #header nav {
    display: none;
  }
  #fh5co-hero .flexslider .slider-text > .slider-text-inner h2 {
    font-size: 30px;
  }
  #fh5co-why-us, .fh5co-services {
    padding: 3em 0;
  }
  .fh5co-section-with-image p {
    font-size: 16px;
  }
    .fh5co-section-with-image h2 {
    font-size: 32px;
  }
  #fh5co-testimonial {
    padding: 3em 0;
  }
  .fh5co-about,
  .facility,
  .fh5co-contact {
    padding: 3em 0 10px 0;
  }  .home-gallary .col-1, .home-gallary .col-2 , .home-gallary .col-3{
    width: 100%;
  }
.gallary .col-1, .gallary .col-2 , .gallary .col-3{
    width: 100%;
  }
.acommodation .col-1, .acommodation .col-2{
    width: 100%;
  }
  table
{
	font-size:15px;
}
table th {
    padding: 10px;
}
table td {
    padding: 10px;
}


  .fh5co-nav-toggle {
    display: block;
    top: 2%;
  }  #fh5co-offcanvas {
    display: block;
  }
  .fh5co-pricing {
    padding: 3em 0;
  }
 #footer {
    padding: 3em 0;background:white;
  }
    #map {
    height: 400px;
  }
  .learn-more
  {
  left:25%;
  }


}
@media screen and (max-width: 620px) {
#fh5co-hero .flexslider .slider-text > .slider-text-inner
{
top:30%;
padding-top:200px;
}
  #fh5co-hero, #fh5co-hero .flexslider, #fh5co-hero .flexslider .slides li
  {
  height:667px!important;
  }
.play-video img
{
max-width:80%;
}
}


@media screen and (max-width: 480px) {
	.btn-outline-primary{width:90px !important;}
  .fh5co-feature .fh5co-text {
    width: 72%;
  }
  
  .nav-col.home .column_container > .vc_column-inner
  {
  padding:0;
  }
  .simple-weather
  {
  padding-bottom:0;
  }
  #header.header1
  {
  padding:8px 0;
  }
  .nav-col.home
  {
  display:none;
  padding-top:45px;
  padding-right:0;
  }
  .fh5co-nav-toggle
  {
  top:3%;
  }
  #fh5co-hero, #fh5co-hero .flexslider, #fh5co-hero .flexslider .slides li
  {
  height:667px!important;
  background-position: right;
  }
  
  #fh5co-hero .flexslider .slider-text > .slider-text-inner h2
  {
  font-size:20px;
  line-height:24px;
  }
#fh5co-hero .flexslider .slider-text > .slider-text-inner
{top: 0%;padding-top:200px;text-align: right;}
#header.inner .logo
{
margin-top:-10px;
margin-bottom:-25px;
max-width:90%;
}
#header.inner .col-xs-3
{
width:35%;
}
#header.inner .nav-col
{
padding-top:15px;
}
  body , p{
font-size:14px;
line-height:22px;
}
.col-sm-8.center
{
padding-bottom:25px;
}
.column-right .inner-padding1 {
    padding: 3% 5% 3% 5% !important;
}
    .col-xxs-12 {
    float: none;
    width: 100%;
  }  .fh5co-section-with-image .fh5co-box {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    padding: 15px;
  }
  h2 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.inner-padding1 h2
{
font-size:20px;
line-height:35px;
margin-bottom:20px;
padding-bottom:10px;
}
.paddingT35
{
padding-top:20px;
}
.paddingT85
{
padding:30px 0;
}
.paddingT85 p:first-child, .paddingT35  p:first-child
{
margin-bottom:0;
}


#fh5co-hero .flexslider .slider-text > .slider-text-inner h1{
  font-size: 30px;
  letter-spacing:2px;
  line-height:35px;
  padding-top:20px;
  margin-left:-13px;
}
.banner-inner h1
{
  font-size: 20px;
  letter-spacing:2px;
  line-height:30px;
top:55%;
}
.banner-inner img
{
min-height:200px;
}
.home-nature .nature-text h3
{
font-size:25px;
line-height:30px;
}
.site-footer h3
{
font-size:25px;
line-height:25px;
margin-bottom:15px;
padding-bottom:20px;
}
table
{
	font-size:13px;
}
table th {
    padding: 5px;
}
table td {
    padding: 5px;
}
.column-right .widget ul li
{
font-size:14px;
}
    #map {
    height: 200px;
  }
    .fh5co-copyright {
    text-align: left !important;
  }
  .fh5co-copyright span {
    display: inline;
  }
  .learn-more
  {
  left:20%;}

.contact-form
{
font-size:14px;
line-height:18px;
}
.contact-form input
{
height:28px;
font-size:14px;
line-height:20px;
padding:4px 10px;
}
.contact-form textarea
{
font-size:14px;
line-height:20px;
padding:4px 10px;
}
.contact-form .wpcf7-submit
{
border:1px solid #967A50;
text-transform:uppercase;
font-size:14px;
padding:10px 15px;
height:40px;
line-height:20px;
border-radius:2px;
}
#footer
{
padding:0px 0;
}
.site-footer ul
{
font-size:14px;
}
.top-footer-container
{
padding-bottom:30px;
}
.fright
{
float:none;
margin-top:20px;
margin-bottom:20px;
}
.inner-padding {
    padding: 5% 2% 4% !important;
}
.teaser {
    font-size: 14px;
    line-height: 24px;
    padding-top: 0;
}
.about-weather .simple-weather em, .about-weather
{
font-size:20px;
}
.about-weather .simple-weather i::before
{
font-size:40px;
}
.about-weather span
{
font-size:30px;
}
.simple-weather
{
padding-bottom:10px;
}
}
/*# sourceMappingURL=style.css.map */


@media screen and (max-width: 380px) {.btn-outline-primary{width:84px !important;}.btn-floating { margin: 3px !important;}}

.item-grid:hover .btn-primary{
  background: #0d2f56;
  border-color: #fff ;
  color:#fff;
}
.item-grid:hover h2{
  top:30%;
}
.item-grid h2{
  -webkit-transition-property: top, bottom;
  -webkit-transition-duration: 0.3s;
}
.text-white{
color:#fff;
}
.txt-green{
  color: #1e605c;
}
.two-columns .column-right .form-control{background-color: #faf4ec;}
.two-columns .column-right .form-control:focus{border:1px solid #1e605c;}


.accomo-size{height:700px;}

.modal-bg{
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
    border: 0;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
	padding:0;
}

.modal-footer{
	
justify-content: center;
	
padding: 1rem;
	
border-top: 1px solid #e9ecef;
	
text-align:center;
	
padding-bottom: 0px;
	
background-color: #6fe6e6;
}
.modal-social{display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: end;justify-content:center;}
.modal-footer span {
    font-size: 16px;
    line-height: 28px;
	margin-bottom:0px;
	color:#967a50;
}

.mr-4{
    margin-right: 1.5rem !important;
}
.ml-4{
    margin-left: 1.5rem !important;
}
.btn-outline-primary {
    border: 2px solid #967a50 !important;
    background-color: transparent !important;
    color: #967a50 !important;
	padding: 10px 40px !important;
	width:110px;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);

box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
 
-webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;

transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;

-o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;



border: 0;

-webkit-border-radius: .125rem;

border-radius: .125rem;

cursor: pointer;

text-transform: uppercase;

white-space: normal;

word-wrap: break-word;

}

.btn-rounded {
    -webkit-border-radius: 10em;
    border-radius: 10em;
	
}

.btn-md {
    
    font-size: 1.2rem;
}


.btn-floating.btn-sm {

    width: 36.15385px;
    height: 36.15385px;

}

.btn-fb {

    background-color: #967a50 !important;
    color: #1e605c !important;

}

.btn-floating {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
    width: 47px;
    height: 47px;
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 10px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 0;
    cursor: pointer;

}

.btn-floating.btn-sm i {
    font-size: 1.8rem;
    line-height: 36.15385px;
}
.btn-floating i {
    display: inline-block;
    width: inherit;
    text-align: center;
    color: #013531;
}
.btn-floating i {
    font-size: 1.25rem;
    line-height: 47px;
}
.btn-tw {
    background-color: #55acee !important;
    color: #fff !important;
}
.btn-ins {
    background-color: #2e5e86 !important;
    color: #fff !important;
}
.btn-whatsapp {
    background-color: #967a50 !important;
    color: #1e605c !important;
}
.modal-bg{background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;box-sizing: border-box;float: left;width: 100%;position: relative; min-height:400px;z-index:999;margin-bottom: 15px;}

.morecontent span {
    display: none;
}
.morelink {
    display: block;
}

.jungle-cab{padding:15px;}
.v-align-middle p{color:#fff;}
.validation-error-label{color:red;}
.wpcf7-form .validation-error-label {color: red;}

.kode_welcome_bg ul.kode_tab_lnk {
    margin-bottom: 85px;
    display: block;
    color: black;
}

/*Image Wrap Style*/
.kode_wel_outr_wrap{
	/* float:left; */
	width:100%;
	margin-bottom:25px;
}
.kode_welcome{
	float:left;
	width:100%;
	position:relative;	
}
.kode_welcome:before{
	content:"";
	position:absolute;
	top:-35px;
	left:-58px;
	width:100%;
	height:100%;
	border: 9px solid #003468;
	/* background-color:#fff; */
	z-index:-1;
}
.kode_welcome:after{
	content: "";
	position: absolute;
	border: 3px solid #0778bd;
	height: 100%;
	left: -28px;
	top: -17px;
	width: 100%;
	z-index: -2;
}
.kode_welcome figure img{
	width:100%;
	height:auto;
	background: #0778bd;
}
/*Image Description Wrap Start*/
.kode_wel_demo_des{
	float:left;
	width:100%;
	margin-top: -36px;
	padding: 20px;
	background: #ffffffab;
}
.kode_wel_demo_des h6{
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:16px;
	line-height:14px;
	letter-spacing:2px;	
}
.kode_wel_demo_des h4{
	text-transform:uppercase;
	font-weight:bold;
	position:relative;
	padding-bottom:18px;
	margin-bottom:20px;
	position:relative;
	line-height:24px;
	font-size: 40px;
}
.kode_wel_demo_des h4:before{
	content:"";
	position:absolute;
	bottom:0px;
	left:0px;
	width:70px;
	height:3px;
	background-color:#000000;	
}
.kode_wel_demo_des p{
	line-height: 29px;
	text-align: justify;
	font-weight: 400;
	margin-bottom: 20px;
	color: #000;
	font-size: 15px;
}
ul.kode_tab_lnk.nav > li > a:focus,
ul.kode_tab_lnk.nav > li > a:hover{
	background: #0778bd;
}
.kode_wel_demo_des a.kode_link_3:hover{
	color:#fff;	
}

.kode_welcome h2{margin:0px;font-size: 12px ! important;padding-bottom: 10px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #ffffff;
    background-color: #d4a700;
    border: 2px solid #fff;
    /* border-bottom-color: transparent; */
    cursor: default;
    letter-spacing: 2px;
    font-weight: 700;
    text-transform: uppercase;
}.nav > li > a {
    position: relative;
    display: block;
    padding: 12px 62px;
    color: black;
    font-weight: 500;
    letter-spacing: 2px;
    font-weight: 700;
    text-transform: uppercase;
    border: 2px solid #0778bd;
}

.kode_wht_otr_wrap{
	/* float:left; */
	/* width:100%; */
	position:relative;
	background-color: #dfede0;
	margin: 82px 0 0;
}
.kode_wht_otr_wrap:after{
	content:"";
	position:absolute;
	background-image:url(../images/homeimg.html);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	left:0px;
	top:0px;
	width:50%;
	height:100%;
	background-attachment:fixed;	
}
.kode_wht_otr_wrap:before{
	content:"";
	position:absolute;
	background-color: rgb(0 0 0 / 16%);
	top:0px;
	left:0px;
	width:50%;
	height:100%;
	z-index:1;
}
.kode_wht_des{
	float:left;
	width:100%;
	position:relative;
	padding: 54px 40px 26px;
	z-index: 9;
	/* background-image: url(https://www.transparenttextures.com/patterns/gplay.png) ! important; */
}
.kode_wht_des > h6{
	color: #2f2f2f;
	text-transform:uppercase;
	font-weight:bold;
	margin:0px 0px 12px;
	line-height:16px;
	font-size:14px;
	letter-spacing:2px;
}
.kode_wht_des > h4{
	color: #3a3a3a;
	text-transform:uppercase;
	font-weight:bold;
	position:relative;
	margin-bottom: 15px;
	position:relative;
	line-height:24px;
	padding-bottom:20px;
}
.kode_wht_des h4:before{
	content:"";
	position:absolute;
	bottom:0px;
	left:0px;
	height:3px;
	width:70px;
	background-color: #1b1b1b;
}
.kode_wht_des ul{
	float:left;
	width:100%;
	z-index:9999999;	
}
.kode_wht_des ul li{
	float:left;
	position:relative;
	padding:4px 0 28px 5px;
	z-index:9999;
	margin:0px;	
}
.kode_wht_des ul li span{
	float:left;
	display:inline-block;
	width:62px;
	height:62px;
	background-color: #888888;
	border-radius:100%;
	border: 5px solid #fffefe;
	text-align:center;
	line-height:62px;
}
.kode_wht_des ul li span i{
	font-size:25px;
	color: white;
}
.kode_wht_icon_des{
	float:none;
	padding:0px 0px 0px 90px;
	width:auto;	
}
.kode_wht_icon_des h6{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:15px;	
}
.kode_wht_icon_des p{
	color: #000;
	padding:0px 30px 0px 0px;
}
.kode_wht_icon_des h6 a{
	color: #000;
}
.kode_wht_des .bx-wrapper .bx-pager{
	padding:0px;
	text-align:right;
	font-size:0px;
	width:20px;	
}
.kode_wht_des .bx-controls.bx-has-pager.bx-has-controls-direction{
		position:relative;
		right:0px;
		z-index:99999;
}
.kode_wht_des .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
	bottom:170px;
	right:0px;
	text-align:center;	
}
.kode_wht_des .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{
	margin-bottom:5px;	
}
.kode_wht_des .bx-wrapper .bx-pager.bx-default-pager a{
	height:40px;
	border-radius:0px;
	width:3px;	
}
.kode_wht_des .bx-wrapper .bx-pager.bx-default-pager a:hover,
.kode_wht_des .bx-wrapper .bx-pager.bx-default-pager a.active{
	width:5px;	
}
.kode_wht_des .bx-viewport{
	z-index:9999;	
}
.background-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    overflow: hidden;
}


.property-wrap:before{
	/* position:absolute; */
	content:'';
	left:0;
	right:0;
	/* bottom: 0px; */
	background: #ffffffb3;
	width:100%;
	height: 97%;
	/* z-index: 0; */
	/* position: absolute; */
	content: '';
	left: 0;
	right: 0;
	/* top: 0px; */
	background: #ffffffb3;
	width: 100%;
	height: 20%;
}

.box1:after, .box1:before {
    height: 50%;
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform-origin: 100% 0;
    transform: rotateZ(90deg);
}.box1 img {
    height: auto;
    transform: scale(1) rotate(0);
}
.box1 img, .box1:after, .box1:before {
    width: 100%;
    transition: all .3s ease 0s;
}.box1, .box11, .box12, .box13, .box14, .box16, .box17, .box18, .box2, .box20, .box21, .box3, .box4, .box5, .box5 .icon li a, .box6, .box7, .box8 {
    overflow: hidden;
}.box1 .title {
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 0 1px #004cbf;
    bottom: 10px;
    left: 10px;
    opacity: 0;
    z-index: 2;
    transform: scale(0);
    transition: all .5s ease .2s;
}
.box1 .icon, .box1 .title {
    margin: 0;
    position: absolute;
}
.box1 .title, .box10 .title, .box4 .title, .box7 .title {
    letter-spacing: 1px;
}.box1:after {
    top: auto;
    bottom: 0;
    transform-origin: 0 100%;
}
.box1:after, .box1:before {
    height: 50%;
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform-origin: 100% 0;
    transform: rotateZ(90deg);
}
.box10:after, .box10:before, .box1:after, .box1:before, .box2 .inner-content:after, .box3:after, .box3:before, .box4:before, .box5:after, .box5:before, .box6:after, .box7:after, .box7:before {
    content: "";
}
.box1 img, .box1:after, .box1:before {
    width: 100%;
    transition: all .3s ease 0s;
}
.kode_wht_otr_wrap:after {
    content: "";
    position: absolute;
    background-image: url(../homeimg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    left: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    background-attachment: fixed;
}



/********************************************
       == Properties Start ==
********************************************/
.property-wrap{/* padding: 60px 0; */overflow: hidden;}
.title{text-align: center;position: relative;padding: 35px 0 0;}
.title h1{font-size: 46px; color: #000;}
.title h1 span{display: block; font-size: 16px;}
.property_box{background: #d4a700;padding: 18px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);border-top: 4px solid #0778bd;}
.propertyImg{overflow: hidden;}
.propertyImg img{width: 100%; -webkit-transform: scale(1);
  transform: scale(1); 
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;}
.property_box h3{margin-top: 10px; line-height: 24px; min-height: 52px;}
.property_box h3 a{text-decoration: none;font-size: 16px;color: #fff;font-weight: 700;}
.property_box h3 a:hover{color: #ffb900;}
.property_location i{padding-right: 6px; font-size: 14px; color: #b7b7b7;}
.property_location{font-size: 14px; color:#b9b9b9;}
.heart_info{display: flex; margin-top: 15px;}
.heart_icon{margin-right: 5px;}
.heart_icon a{font-size: 14px; color: #a5a5a5; width: 30px; display: block; text-align: center; line-height: 30px; height: 30px; border: 1px solid #f0efef; background: #f9f9f9;}
.property_price{font-size: 20px; color: #ffb900; font-weight: bold; margin-left: 15px;}
.propert_info{text-align: center; margin-top: 15px; border: 1px solid #efefef; padding: 7px;}
.propert_info h5{font-size: 12px; margin-bottom: 0; font-family: 'Open Sans', sans-serif; color: #000; margin-top: 5px;}
.propert_info ul li{position: relative;}
.propert_info ul li:before{content: ""; background: #efefef; width: 1px; height: 58px; position: absolute; top: -8px; left: 0;}
.propert_info ul li:first-child:before{display: none;}
.property_box:hover .propertyImg img{-webkit-transform: scale(1.1);
  transform: scale(1.1);}
.property_box{margin-top: 30px;}
.rent_info{display: flex;margin-top: 15px;Z-INDEX: 0;}
.apart{background: #0778bd;z-index: 9;position: relative;padding: 10px 18px;width: 55%;color: #fff;font-size: 16px;font-family: 'Poppins', sans-serif;}
.apart:after{content: "";background: #0778bd;z-index: -1;width: 40px;height: 100%;transform: skew(-30deg);position: absolute;top: 0;right: -15px;}
.sale{background: #01446d;padding: 10px;text-align: center;color: #fff;width: 57%;font-size: 15px;font-weight: 300;font-family: 'Poppins', sans-serif;}


.box1:hover:after, .box1:hover:before {
    transform: rotateZ(0);
}
.box1:after {
    top: auto;
    bottom: 0;
    transform-origin: 0 100%;
}
.box1:after, .box1:before {
    height: 50%;
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform-origin: 100% 0;
    transform: rotateZ(90deg);
}
.box1 img, .box1:after, .box1:before {
    width: 100%;
    transition: all .3s ease 0s;
}
.box10:after, .box10:before, .box1:after, .box1:before, .box2 .inner-content:after, .box3:after, .box3:before, .box4:before, .box5:after, .box5:before, .box6:after, .box7:after, .box7:before {
    content: "";
}
.box1:after, .box1:before {
    height: 50%;
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform-origin: 100% 0;
    transform: rotateZ(90deg);
}
.box1:after {
    top: auto;
    bottom: 0;
    transform-origin: 0 100%;
}
.box1 img, .box1:after, .box1:before {
    width: 100%;
    transition: all .3s ease 0s;
}
.box1:after, .box1:before {
    height: 50%;
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform-origin: 100% 0;
    transform: rotateZ(90deg);
}
.box10:after, .box10:before, .box1:after, .box1:before, .box2 .inner-content:after, .box3:after, .box3:before, .box4:before, .box5:after, .box5:before, .box6:after, .box7:after, .box7:before {
    content: "";
}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mb-30{margin-bottom:30px}
.box1 .icon,.box1 .title{margin:0;position:absolute}
.box1{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box1:after,.box1:before{height:50%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:1;transform-origin:100% 0;transform:rotateZ(90deg)}
.box1:after{top:auto;bottom:0;transform-origin:0 100%}
.box1:hover:after,.box1:hover:before{transform:rotateZ(0);}
.box1 img{height:auto;transform:scale(1) rotate(0)}
.box1:hover img{filter:sepia(80%);transform:scale(1.3) rotate(10deg)}
.box1 .title{font-size: 16px;font-weight:600;color:#fff;text-transform:uppercase;text-shadow:0 0 1px #004cbf;bottom: 41px;left:10px;opacity:0;line-height: 20px;z-index:2;transform:scale(0);transition:all .5s ease .2s;}
.box1:hover .title{opacity:1;transform:scale(1)}
.box1 .icon{
    padding:7px 5px;
    list-style:none;
    background: linear-gradient(to bottom, #F89406 33%, white 33%, white 66%, white 66%, #339933 66%);
    border-radius:0 0 0 10px;
    top:-100%;
    right:0;
    z-index:2;
    transition:all .3s ease .2s}

.about-text.text-center {
    background-color: #fff;
    padding: 14px;
    box-shadow: 0 10px 6px -6px #777;
}

.about-text.text-center h4,.about-text.text-center .h4 {
    font-size: 15px;
    margin: 0px;
}

::marker {
  display:none;
  color: transparent;
}



.buy-wrap{background: url(../house-bg.jpg) no-repeat top;text-align: center;background-size: cover;padding: 60px 0;background-attachment: fixed;}
.buy-wrap h1{color: #fff; font-weight: bold;}
.buy-wrap p{font-size: 14px; font-style: italic; padding: 0 150px; line-height: 26px; margin-top: 25px; color: #fff;}
.start_btn span{}
.start_btn a{text-decoration: none; font-size: 16px; font-family: 'Poppins', sans-serif; border: 1px solid transparent; color: #000; display: inline-block; font-weight: 400; background: #ffb900; padding: 16px 34px;}
.start_btn{margin-top: 34px;}
.start_btn a:hover{
    background: transparent; border: 1px solid #fff; color: #fff;
}
ul.kode_tab_lnk li {
    position: relative;
    display: inline-block;    float: none;
}
#footer{background: #015386;padding: 40px 0px 80px;color:#fff9;font-size:13px;}
#footer h3{color: #fff;font-weight: 700;font-size: 18px;margin-bottom: 30px;text-transform: uppercase;}
.links a{display:block; color:#fff9; margin-bottom: 5px;}
.links a:hover{color:#fff;}
.footer-bottom{color: #fff;text-align: center;font-weight: 600;}
#footer a {color: #c7cbce;font-weight: 600;}
#footer p {
   
color: #d4d4d4;
   
font-size: 14px;
   
font-weight: 500;
}

@media only screen and (max-width:768px){


	.buy-wrap p {
    font-size: 14px;
    font-style: italic;
    padding: 0 0px;
    line-height: 26px;
    margin-top: 25px;
    color: #fff;
}

.kode_wht_des {
    float: left;
    width: 100%;
    position: relative;
    padding: 54px 0px 26px;
    z-index: 9;
    /* background-image: url(https://www.transparenttextures.com/patterns/gplay.png) ! important; */
}

.kode_wht_otr_wrap:after {
    content: "";
    position: absolute;
    background-image: url(../homeimg.jpg);
    background-size: cover;
    background-position: inherit;
    background-repeat: no-repeat;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
}.kode_wht_otr_wrap:before {
    content: "";
    position: absolute;
    background-color: rgb(0 0 0 / 16%);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}.kode_wht_des > h6 {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0px 0px 12px;
    line-height: 16px;
    font-size: 14px;
    letter-spacing: 2px;
}.kode_wht_des > h4 {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    margin-bottom: 15px;
    position: relative;
    line-height: 24px;
    padding-bottom: 20px;
}.kode_wht_des h4:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 3px;
    width: 70px;
    background-color: #ffffff;
}.kode_wht_icon_des p {
    color: #fff;
    padding: 0px 30px 0px 0px;
}.kode_wht_icon_des h6 a {
    color: #fff;
}.tab-content > .active {
    display: block ! important;
}
	
}


.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857px;
    background: azure;
}


#gallery {
  padding-top: 40px;
}
@media screen and (min-width: 991px) {
  #gallery {
    padding: 60px 30px 0 30px;
    background: aliceblue;
  }
}

.img-wrapper {
  position: relative;
  margin-top: 15px;
  border: 4px SOLID rgb(7 120 189);
  padding: 10px;
  background: #dce4e8;
}
.img-wrapper img {
  width: 100%;
}

.img-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  /* border: 17px inset rgba(0, 117, 206, 0.65); */
}
.img-overlay i {
  color: #fff;
  font-size: 3em;
}

#overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#overlay img {
  margin: 0;
  width: 80%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 5%;
}
@media screen and (min-width: 768px) {
  #overlay img {
    width: 60%;
  }
}
@media screen and (min-width: 1200px) {
  #overlay img {
    width: 50%;
  }
}

#nextButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}
#nextButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #nextButton {
    font-size: 3em;
  }
}

#prevButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}
#prevButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #prevButton {
    font-size: 3em;
  }
}

#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}
#exitButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #exitButton {
    font-size: 3em;
  }
}


.project-overview-bg {
    background: url(../images/pattern-2.png) repeat fixed;
    border-top: dashed 1px #000;
    padding: 40px 0;
}

.project-overview-bg h2 {
    text-align: center;
    margin: 0 0 0px;
    font-family: "Oswald",sans-serif;
    FONT-SIZE: 28PX;
    TEXT-TRANSFORM: capitalize;
    LETTER-SPACING: 0PX;
    PADDING: 0PX;
}.highlights-bg h2 {
    text-align: center;
    font-size: 36px;
    margin: 0 0 30px 0;
    text-transform: uppercase;
    color: #8faa33;
}.highlights-bg h2 span {
    text-transform: capitalize;
    font-size: 24px;
    display: block;
    color: #59bbf0;
}
 .project-overview-bg{/* background:url(../images/pattern-2.png) repeat fixed; *//* border-top:dashed 1px #000; *//* margin-top:50%; *//* padding:40px 0; */}.project-overview-bg h2{text-align:center;margin:0 0 30px;font-weight: 800;}.overview-box{border:1px solid #ccc;text-align:center;padding:15px;position:relative;margin-bottom:40px;background-color:#fff;}.overview-box-shadow{background:url(../images/shadow.html) no-repeat;position:absolute;bottom:-20px;left:0;height:20px;width:100%;}.overview-box i{font-size:24px;color:#8faa33;}.overview-box h4{text-transform:uppercase;font-size:14px;color:#00bdf2 !important;}.overview-box h3{margin:0;font-size:12px;font-family:"Montserrat",Helvetica,Arial,sans-serif;font-weight:600;color:#222 !important;}.project-bank{padding:5px;}.project-bank-sec h4{margin:0 0 10px;}
.highlights-bg{/* background: #dfede0; */background-size:cover;color:#fff;padding:40px 0;}.highlights-bg:before{background:rgba(0,0,0,0.90);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1;}.highlights-bg h2{text-align:center;font-size:36px;margin: 0 0 0px 0;text-transform:uppercase;color:#8faa33;}.highlights-bg h2 span{text-transform:capitalize;font-size:24px;display:block;color:#59bbf0;}.highlights-list{margin:0 0 10px;padding:0;list-style:none;}.highlights-list li{font-size:14px;line-height:18px;padding:6px;margin:0 10px 10px 0;border:1px solid #888888;width:32%;height: 55px;float:left;background-color:rgba(255,255,255,0.05);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}.highlights-list li:hover{background-color:rgba(0,0,0,0.5);color:#000;}.highlights-list li:nth-child(3n+0){margin-right:0;}.higicon{padding-right:15px;float:left;width:25%;}.highlights-list li:hover.higicon{padding-bottom:20px;}.higdiv{float:left;width:75%;color: #000000;font-size: 14px;line-height: 19px;}
.higicon {
    padding-right: 15px;
    float: left;
    width: 15%;
}


.specifications-bg {
    padding: 40px 0;
    background: url(../images/specifications-bg.jpg) no-repeat right center fixed;
    background-size: cover;
}


 .specifications-bg h2{text-align:center;font-size:36px;margin:0 0 20px 0;text-transform:uppercase;}.specifications-bg h2 span{text-transform:capitalize;font-size:24px;display:block;color:#00bdf2;}.light-gray-text{color: #000 !important;font-size:12px;font-weight:400;line-height:25px;}p.light-gray-text.text-med i{color:#fff;padding-right:5px;}.location-bg{background-color:#f7f7f7;}
.contact-project{background:url(../images/projects/contact-bg.html) center center no-repeat fixed;background-size:cover;padding:50px 0;color:#fff;}.contact-project h2{color:#fff;text-transform:uppercase;padding:0;}.contact-project h3{padding:0;color:#fff;}.contact-project h2:after{border:0;}.margin0auto{margin:0 auto;}
.modal-dialog {
    width: 600px;
    margin: 117px auto 0;
    position: relative;
    z-index: 99999999999999;
}

#myModal .form-group {
    margin-bottom: 0px;
}

.tab-label1 {
    display: flex;
    justify-content: space-between;
    padding: 8px 16px;
    background: #191919;
    font-weight: bold;
    cursor: pointer;
}

.fgr{
    font-family: 'Raleway';
    color: black;
    padding: 9px 10px 4px;
}

@media only screen and (max-width:768px) {
	
	
	#overlay img {
    margin: 0;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 5%;
}
	
	
	#whatsapp {
    position: fixed;
    right: 9px;
    /* left: 50px; */
    top: 83%;
    width: 70px;
    height: 70px;
    cursor: pointer;
    opacity: 1;
    z-index: 99990;
}
	
	.modal-dialog {
    width: 85%;
    margin: 117px auto 0;
    position: relative;
    z-index: 99999999999999;
}

.modal-title {
    margin: 0;
    line-height: 1.42857;
    text-align: center;
}
textarea.form-control {
    height: auto;
    margin: 14px 0 0;
}
.modal-body {
    position: relative;
    padding: 15px 0;
}
 

.highlights-list li {
    font-size: 17px ! important;
    line-height: 18px;
    padding: 6px;
    margin: 0 10px 10px 0;
    border: 1px solid #888888;
    width: 100% ! important;
    height: 55px;
    float: left;
    background-color: rgba(255,255,255,0.05);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#footer img{
    max-width:170px
}

#header.header1.scroll .fh5co-nav-toggle i {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 30px;
    height: 2px;
    color: #000;
    font: bold 14px/.4 Helvetica;
    text-transform: uppercase;
    text-indent: -55px;
    background: #000;
    transition: all .2s ease-out;
}

#header.header1.scroll .fh5co-nav-toggle i::before, #header.header1.scroll  .fh5co-nav-toggle i::after {
    content: '';
    width: 30px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.kode_welcome:before {
    content: "";
    position: absolute;
    top: -28px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 9px solid #003468;
    background-color: #fff;
    z-index: -1;
}.kode_welcome h2 {
    margin: 0px;
    font-size: 11px ! important;
    padding-bottom: 10px;
    TEXT-ALIGN: CENTER;
}.kode_welcome figure img {
    width: 92%;
    height: auto;
    MARGIN: 0 AUTO;
}


}
.renderpdf, .rendervideo {
    width: calc(100% - 40px);
}
<style>
.renderpdf {
    height: calc(100vh - 195px);
}
iframe {
    display: block;
    width: 100%;
    /* border: none; */
    /* height: 763px; */
}
 

.fixedRightSection {
    /* margin-top: 30px; */
    /* margin-bottom: 15px; */
    display: -ms-flexbox;
    /* display: flex; */
    /* position: relative; */
    /* border-radius: 8px; */
    /* overflow: hidden; */
    /* background: #fff; */
    /* -webkit-box-shadow: 0 3px 10px 0 rgb(0 0 0 / 6%); */
    /* box-shadow: 0 3px 10px 0 rgb(0 0 0 / 6%); */
    /* min-height: calc(100vh - 160px); */
    /* height: inherit; */
    -ms-flex-align: center;
    /* align-items: center; */
    -ms-flex-pack: center;
    /* justify-content: center; */
}

.hjyu{
        margin: 0 auto;
    width: 100%;
    color: white;
    font-weight: 400;
    font-size: 18px;
}

.hide-on-mobile {
    display: block;
}
.site-to-visite {
    background: url(../images/inner/banner-min.html);
    background-repeat: no-repeat;
    padding: 30px 0px;
    background-position: center;
    background-size: cover;
}.site-to-visite .heading-tag {
    color: #000000;
    margin-bottom: 0;
}
.heading-tag {
    font-size: 32px;
    color: #242a3a;
    text-align: center;
    font-weight: 300;
    margin-top: 30px;
    margin-bottom: 20px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}.site-to-visite .title-text {
    margin-bottom: 20px;
}
.site-to-visite .title-text {
    color: #000000;
}
.title-text {
    text-align: center;
    color: #000000;
    line-height: 22px;
    margin-bottom: 0px;
    font-weight: 300;
    font-size: 16px;
}.popup_form input[type='text'] {
    border: 0;
    border-bottom: 0.5px solid #000000;
    border-radius: 0;
    padding-left: 0;
    /* font-size: 12px; */
    color: #000;
    background: white;
}

[class*=" icon-"], [class^=icon-] {
    font-family: font-awesome ;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
select.form-control:not([size]):not([multiple]) {
    /* height: calc(2.25rem + 2px); */
}
.site-to-visite .form-control {
    padding: .375rem 0rem;
}
.form-visite .form-control {
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
}

.fix{
        background: #3546a2;
        position: fixed;
        z-index: 99999;
        width: 100%;
        bottom: 0;
        padding: 0px 0;
}  .au-btn {
    border-color: #fcda5287;
    color: #ffffff;
    background-color: #e0b101;
} .au-btn-sm {
    line-height: 36px;
    font-size: 15px;
    padding: 11px 29px;
    text-transform: capitalize;
    width: 100%;
    letter-spacing: 2px;
} .au-btn {
    border-color: #fcda5287;
    color: #ffffff;
    background-color: #d4a700;
    /* font-weight: 600; */
    width: 100%;
}

  .topbar_login a:hover{
      color:white
  }

  .tpmr{

margin: 22px 0 0  0;

}

  .qw1::before {
    content: '';
    position: absolute;
    right: -50px;
    top: -8px;
    width: 34%;
    background-color: #d4a700;
    height: 153%;
    -webkit-transform: skewx(
-45deg
);
    -ms-transform: skewx(-45deg);
    transform: skewx(
-35deg
);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: -1;
}

  .np{
      padding:0
  }

  .pl{
      float:right
  }



  .full-wh {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 100%;
}

.bg-animation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bg-animation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  /* z-index: 9; */
}
#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 117px 1613px #fff, 1488px 635px #fff, 944px 914px #fff,
    647px 277px #fff, 1792px 1205px #fff, 656px 1517px #fff, 820px 1839px #fff,
    1153px 1400px #fff, 870px 13px #fff, 550px 702px #fff, 1155px 1056px #fff,
    88px 1709px #fff, 1450px 1090px #fff, 1929px 457px #fff, 1390px 905px #fff,
    1771px 269px #fff, 1741px 669px #fff, 432px 64px #fff, 563px 996px #fff,
    1918px 1873px #fff, 1845px 1211px #fff, 231px 1503px #fff, 37px 220px #fff,
    1970px 495px #fff, 1812px 925px #fff, 67px 1398px #fff, 535px 279px #fff,
    1837px 829px #fff, 1945px 685px #fff, 1677px 1817px #fff, 1317px 1415px #fff,
    1785px 905px #fff, 1787px 1554px #fff, 802px 1296px #fff, 512px 1101px #fff,
    583px 1364px #fff, 336px 558px #fff, 979px 334px #fff, 106px 792px #fff,
    204px 34px #fff, 1845px 1763px #fff, 445px 1599px #fff, 386px 453px #fff,
    471px 952px #fff, 1466px 1676px #fff, 1885px 303px #fff, 51px 1717px #fff,
    1211px 299px #fff, 1546px 1887px #fff, 1067px 33px #fff, 1088px 1326px #fff,
    1938px 760px #fff, 470px 648px #fff, 1213px 269px #fff, 1767px 78px #fff,
    977px 976px #fff, 1926px 175px #fff, 722px 1512px #fff, 945px 227px #fff,
    1811px 99px #fff, 1912px 1406px #fff, 1602px 1243px #fff, 610px 449px #fff,
    654px 1393px #fff, 1930px 1193px #fff, 258px 1184px #fff, 89px 265px #fff,
    824px 1494px #fff, 1506px 1435px #fff, 1027px 753px #fff, 1px 1197px #fff,
    530px 1161px #fff, 864px 1555px #fff, 1610px 1604px #fff, 1035px 1114px #fff,
    1456px 133px #fff, 1196px 1253px #fff, 361px 1037px #fff, 834px 351px #fff,
    436px 1676px #fff, 1194px 1007px #fff, 1141px 647px #fff, 319px 454px #fff,
    937px 1769px #fff, 1872px 1013px #fff, 733px 643px #fff, 1250px 511px #fff,
    189px 296px #fff, 1639px 163px #fff, 1584px 336px #fff, 1912px 1343px #fff,
    1298px 1307px #fff, 1750px 902px #fff, 1129px 845px #fff, 1899px 1470px #fff,
    1427px 232px #fff, 1391px 838px #fff, 1225px 1819px #fff, 190px 1366px #fff,
    1865px 518px #fff, 203px 1383px #fff, 1455px 614px #fff, 423px 354px #fff,
    1678px 1790px #fff, 241px 608px #fff, 1089px 730px #fff, 1342px 38px #fff,
    1848px 249px #fff, 1874px 1785px #fff, 1040px 1837px #fff, 751px 261px #fff,
    510px 1975px #fff, 52px 795px #fff, 1786px 1310px #fff, 498px 712px #fff,
    190px 375px #fff, 1341px 722px #fff, 43px 1394px #fff, 1821px 1687px #fff,
    106px 130px #fff, 1717px 1978px #fff, 168px 151px #fff, 183px 740px #fff,
    945px 1381px #fff, 669px 1170px #fff, 1285px 1816px #fff, 110px 1217px #fff,
    1623px 813px #fff, 869px 647px #fff, 867px 582px #fff, 735px 1240px #fff,
    519px 1896px #fff, 132px 156px #fff, 1649px 193px #fff, 241px 1109px #fff,
    643px 484px #fff, 574px 1282px #fff, 1952px 564px #fff, 1978px 145px #fff,
    329px 903px #fff, 1674px 617px #fff, 1978px 558px #fff, 1808px 1715px #fff,
    1526px 1238px #fff, 475px 1330px #fff, 810px 425px #fff, 1709px 634px #fff,
    1658px 336px #fff, 425px 194px #fff, 352px 96px #fff, 148px 180px #fff,
    1139px 1046px #fff, 1809px 1233px #fff, 1669px 171px #fff, 263px 1394px #fff,
    534px 715px #fff, 396px 1008px #fff, 589px 1445px #fff, 1190px 381px #fff,
    1709px 279px #fff, 520px 891px #fff, 1136px 1867px #fff, 1280px 1233px #fff,
    836px 296px #fff, 1348px 646px #fff, 1539px 913px #fff, 423px 781px #fff,
    1271px 1805px #fff, 696px 564px #fff, 1549px 804px #fff, 303px 1555px #fff,
    1449px 1903px #fff, 66px 687px #fff, 1164px 856px #fff, 1958px 1326px #fff,
    125px 157px #fff, 508px 1669px #fff, 465px 725px #fff, 1925px 1440px #fff,
    405px 793px #fff, 278px 110px #fff, 1084px 1065px #fff, 1077px 705px #fff,
    663px 1844px #fff, 734px 263px #fff, 870px 1761px #fff, 103px 1169px #fff,
    1506px 1295px #fff, 1883px 926px #fff, 335px 1361px #fff, 1126px 1284px #fff,
    257px 1165px #fff, 837px 580px #fff, 1211px 1362px #fff, 1137px 1380px #fff,
    135px 632px #fff, 1491px 1965px #fff, 1098px 195px #fff, 506px 417px #fff,
    693px 1243px #fff, 622px 1862px #fff, 1412px 1343px #fff, 948px 1894px #fff,
    1315px 1363px #fff, 754px 1098px #fff, 1931px 930px #fff, 1831px 342px #fff,
    1751px 1839px #fff, 84px 775px #fff, 1662px 1488px #fff, 617px 1769px #fff,
    1869px 1292px #fff, 963px 432px #fff, 371px 1114px #fff, 37px 642px #fff,
    21px 1184px #fff, 602px 366px #fff, 414px 524px #fff, 282px 244px #fff,
    1689px 868px #fff, 943px 681px #fff, 898px 679px #fff, 449px 1774px #fff,
    1678px 1313px #fff, 475px 1811px #fff, 1146px 1509px #fff,
    1151px 1863px #fff, 1617px 846px #fff, 82px 1077px #fff, 324px 1317px #fff,
    1516px 885px #fff, 1706px 1526px #fff, 1925px 1180px #fff, 553px 967px #fff,
    1072px 536px #fff, 1715px 1816px #fff, 185px 286px #fff, 1362px 1600px #fff,
    628px 1938px #fff, 1187px 412px #fff, 569px 211px #fff, 1959px 1356px #fff,
    1571px 105px #fff, 319px 1111px #fff, 36px 1364px #fff, 502px 1788px #fff,
    1051px 1993px #fff, 1617px 773px #fff, 424px 1507px #fff, 1623px 1955px #fff,
    307px 662px #fff, 183px 1048px #fff, 1919px 1453px #fff, 1006px 1817px #fff,
    468px 673px #fff, 1142px 1375px #fff, 1228px 443px #fff, 1734px 552px #fff,
    20px 1041px #fff, 1783px 334px #fff, 98px 1237px #fff, 1356px 1940px #fff,
    853px 1779px #fff, 1910px 560px #fff, 1174px 1656px #fff, 110px 1724px #fff,
    542px 1771px #fff, 1758px 1931px #fff, 1463px 1401px #fff, 1155px 84px #fff,
    1504px 835px #fff, 750px 322px #fff, 407px 1900px #fff, 1600px 1141px #fff,
    657px 886px #fff, 526px 714px #fff, 18px 836px #fff, 1546px 1548px #fff,
    22px 469px #fff, 594px 1466px #fff, 1160px 1078px #fff, 627px 1055px #fff,
    195px 699px #fff, 1099px 684px #fff, 530px 551px #fff, 1160px 1325px #fff,
    894px 727px #fff, 1157px 98px #fff, 136px 1483px #fff, 1875px 1975px #fff,
    1803px 566px #fff, 318px 1073px #fff, 1866px 1656px #fff, 543px 414px #fff,
    719px 474px #fff, 1115px 738px #fff, 353px 875px #fff, 184px 1938px #fff,
    1854px 1534px #fff, 420px 1698px #fff, 1480px 1550px #fff, 522px 203px #fff,
    1897px 1904px #fff, 975px 1708px #fff, 1774px 602px #fff, 1908px 274px #fff,
    61px 715px #fff, 983px 1156px #fff, 326px 1013px #fff, 641px 290px #fff,
    1522px 120px #fff, 405px 1637px #fff, 1021px 1099px #fff, 631px 1145px #fff,
    982px 1967px #fff, 200px 651px #fff, 795px 351px #fff, 790px 1082px #fff,
    144px 1572px #fff, 1542px 901px #fff, 158px 1524px #fff, 849px 1843px #fff,
    1807px 203px #fff, 1747px 45px #fff, 1603px 1738px #fff, 617px 1966px #fff,
    342px 748px #fff, 1779px 1173px #fff, 1428px 152px #fff, 589px 1998px #fff,
    1940px 1838px #fff, 115px 272px #fff, 1217px 1395px #fff, 1402px 1491px #fff,
    1833px 1814px #fff, 243px 966px #fff, 319px 578px #fff, 813px 364px #fff,
    669px 882px #fff, 551px 134px #fff, 1819px 920px #fff, 740px 1826px #fff,
    1021px 952px #fff, 1575px 453px #fff, 324px 419px #fff, 929px 417px #fff,
    885px 1112px #fff, 503px 187px #fff, 1908px 362px #fff, 1063px 1601px #fff,
    169px 1792px #fff, 789px 963px #fff, 1697px 948px #fff, 1761px 1810px #fff,
    1844px 1591px #fff, 1709px 949px #fff, 1402px 1396px #fff, 1037px 225px #fff,
    1832px 518px #fff, 1728px 1782px #fff, 194px 1421px #fff, 1395px 742px #fff,
    1478px 1325px #fff, 40px 593px #fff, 1732px 117px #fff, 51px 158px #fff,
    1598px 1672px #fff, 701px 849px #fff, 1403px 1979px #fff, 145px 1414px #fff,
    550px 906px #fff, 1366px 460px #fff, 142px 1379px #fff, 34px 1864px #fff,
    1346px 308px #fff, 293px 998px #fff, 21px 1868px #fff, 540px 1033px #fff,
    60px 746px #fff, 1602px 1476px #fff, 180px 804px #fff, 345px 1982px #fff,
    1439px 640px #fff, 939px 1834px #fff, 20px 432px #fff, 492px 1549px #fff,
    109px 1579px #fff, 1796px 1403px #fff, 1079px 519px #fff, 1664px 389px #fff,
    1627px 1061px #fff, 823px 419px #fff, 1399px 1882px #fff, 1906px 344px #fff,
    1189px 848px #fff, 117px 882px #fff, 1262px 33px #fff, 1048px 434px #fff,
    1208px 1309px #fff, 1616px 408px #fff, 1833px 853px #fff, 1433px 1656px #fff,
    811px 1861px #fff, 439px 1672px #fff, 1105px 248px #fff, 328px 1652px #fff,
    13px 1658px #fff, 685px 987px #fff, 985px 403px #fff, 1664px 1206px #fff,
    1993px 1925px #fff, 440px 917px #fff, 1835px 319px #fff, 1404px 1907px #fff,
    624px 1443px #fff, 843px 954px #fff, 478px 1567px #fff, 895px 1602px #fff,
    1231px 871px #fff, 1267px 1646px #fff, 475px 334px #fff, 784px 796px #fff,
    1294px 199px #fff, 109px 702px #fff, 1978px 362px #fff, 291px 940px #fff,
    971px 1343px #fff, 74px 719px #fff, 36px 715px #fff, 1007px 1423px #fff,
    860px 314px #fff, 631px 177px #fff, 1900px 1590px #fff, 1239px 1348px #fff,
    1346px 1270px #fff, 1934px 1475px #fff, 1553px 559px #fff, 588px 1969px #fff,
    670px 1269px #fff, 1484px 376px #fff, 20px 1424px #fff, 1396px 8px #fff,
    969px 244px #fff, 1807px 538px #fff, 1873px 891px #fff, 636px 1142px #fff,
    1474px 1562px #fff, 763px 350px #fff, 663px 700px #fff, 500px 1469px #fff,
    1302px 722px #fff, 181px 291px #fff, 266px 893px #fff, 1403px 654px #fff,
    492px 460px #fff, 1503px 1369px #fff, 23px 1662px #fff, 349px 333px #fff,
    1435px 1017px #fff, 1441px 705px #fff, 1708px 1446px #fff, 1041px 911px #fff,
    1063px 780px #fff, 1158px 1356px #fff, 767px 1454px #fff, 1912px 797px #fff,
    1731px 1759px #fff, 1378px 1390px #fff, 1815px 1364px #fff, 960px 270px #fff,
    1343px 427px #fff, 275px 203px #fff, 1319px 1092px #fff, 1455px 770px #fff,
    283px 1503px #fff, 1505px 901px #fff, 1738px 1561px #fff, 1526px 1935px #fff,
    1757px 669px #fff, 1640px 620px #fff, 1750px 722px #fff, 748px 66px #fff,
    1149px 540px #fff, 159px 953px #fff, 200px 1426px #fff, 515px 1110px #fff,
    1552px 737px #fff, 1094px 1459px #fff, 778px 799px #fff, 1031px 523px #fff,
    743px 1825px #fff, 1100px 882px #fff, 1088px 1836px #fff, 255px 599px #fff,
    67px 1361px #fff, 247px 1721px #fff, 1722px 346px #fff, 1822px 155px #fff,
    452px 1973px #fff, 415px 1960px #fff, 1109px 57px #fff, 273px 1392px #fff,
    404px 1071px #fff, 1212px 353px #fff, 370px 460px #fff, 795px 1523px #fff,
    1932px 340px #fff, 51px 1473px #fff, 1268px 364px #fff, 1512px 1862px #fff,
    1678px 1801px #fff, 1796px 579px #fff, 254px 251px #fff, 1466px 1717px #fff,
    893px 379px #fff, 1153px 923px #fff, 913px 1808px #fff, 791px 789px #fff,
    417px 1924px #fff, 1336px 1599px #fff, 1695px 908px #fff, 1120px 114px #fff,
    493px 1949px #fff, 68px 1905px #fff, 969px 481px #fff, 1420px 1095px #fff,
    800px 1117px #fff, 390px 234px #fff, 356px 1644px #fff, 1098px 1486px #fff,
    1360px 521px #fff, 149px 1198px #fff, 354px 747px #fff, 1749px 487px #fff,
    470px 76px #fff, 1672px 289px #fff, 1731px 545px #fff, 1547px 1590px #fff,
    498px 692px #fff, 398px 1592px #fff, 1846px 1237px #fff, 1537px 1474px #fff,
    1726px 1374px #fff, 1922px 858px #fff, 376px 321px #fff, 985px 227px #fff,
    234px 1421px #fff, 760px 745px #fff, 1990px 1132px #fff, 1560px 1597px #fff,
    338px 1310px #fff, 1924px 1664px #fff, 547px 1747px #fff, 1639px 1282px #fff,
    1202px 337px #fff, 1985px 779px #fff, 737px 456px #fff, 89px 501px #fff,
    963px 792px #fff, 655px 1447px #fff, 1492px 1994px #fff, 1171px 254px #fff,
    892px 827px #fff, 1735px 442px #fff, 1474px 1187px #fff, 846px 1518px #fff,
    557px 1805px #fff, 738px 945px #fff, 795px 68px #fff, 663px 1956px #fff,
    1607px 290px #fff, 1524px 15px #fff, 1097px 1911px #fff, 157px 1939px #fff,
    935px 1065px #fff, 1809px 1708px #fff, 164px 1157px #fff, 83px 855px #fff,
    625px 501px #fff, 814px 398px #fff, 552px 695px #fff, 597px 1546px #fff,
    1237px 1417px #fff, 628px 284px #fff, 866px 767px #fff, 1403px 1394px #fff,
    765px 1563px #fff, 1648px 109px #fff, 1205px 1659px #fff, 921px 1313px #fff,
    1319px 243px #fff, 18px 125px #fff, 7px 777px #fff, 181px 418px #fff,
    1062px 1892px #fff, 382px 106px #fff, 994px 751px #fff, 964px 234px #fff,
    40px 118px #fff, 278px 706px #fff, 1540px 1978px #fff, 425px 1661px #fff,
    1050px 321px #fff, 735px 1729px #fff, 1438px 260px #fff, 1229px 1109px #fff,
    186px 1041px #fff, 244px 1184px #fff, 392px 1472px #fff, 670px 1249px #fff,
    1260px 1443px #fff, 1977px 1511px #fff, 1240px 773px #fff, 303px 513px #fff,
    63px 1530px #fff, 610px 792px #fff, 1987px 1647px #fff, 676px 1597px #fff,
    1740px 1244px #fff, 816px 1661px #fff, 351px 802px #fff, 252px 1082px #fff,
    31px 365px #fff, 1453px 984px #fff, 667px 1233px #fff, 1247px 1800px #fff,
    839px 270px #fff, 775px 913px #fff, 1966px 1398px #fff, 499px 813px #fff,
    922px 1982px #fff, 1409px 1902px #fff, 1499px 1766px #fff, 721px 899px #fff,
    788px 807px #fff, 989px 1355px #fff, 1248px 1274px #fff, 849px 1091px #fff,
    1799px 1036px #fff, 1486px 700px #fff, 170px 1989px #fff, 1275px 799px #fff,
    772px 2000px #fff, 1642px 362px #fff, 216px 940px #fff, 1893px 281px #fff,
    1944px 1298px #fff, 1294px 400px #fff, 1523px 441px #fff, 1829px 340px #fff,
    468px 170px #fff, 1099px 967px #fff, 1331px 665px #fff, 1174px 1553px #fff,
    1567px 325px #fff, 1028px 1399px #fff, 781px 1451px #fff, 1912px 1954px #fff,
    874px 873px #fff, 1298px 1722px #fff, 1879px 706px #fff, 57px 1221px #fff,
    1116px 1432px #fff, 48px 811px #fff, 101px 916px #fff, 677px 304px #fff,
    1203px 639px #fff, 1391px 199px #fff, 1895px 1988px #fff, 1462px 1023px #fff,
    1216px 1751px #fff, 1261px 663px #fff, 1290px 1119px #fff, 137px 1793px #fff,
    1052px 1470px #fff, 1561px 226px #fff, 1156px 402px #fff, 709px 693px #fff,
    1040px 1911px #fff, 1624px 1115px #fff, 551px 475px #fff, 416px 1090px #fff,
    1183px 451px #fff, 58px 765px #fff, 743px 1016px #fff, 198px 369px #fff,
    1645px 1503px #fff, 997px 22px #fff, 1447px 1323px #fff, 379px 883px #fff,
    1171px 1195px #fff, 919px 133px #fff, 1400px 517px #fff, 725px 804px #fff,
    1600px 699px #fff, 357px 581px #fff, 266px 1713px #fff, 848px 1749px #fff,
    1963px 1045px #fff, 119px 1136px #fff;
  -webkit-animation: animStar 50s linear infinite;
  -moz-animation: animStar 50s linear infinite;
  -ms-animation: animStar 50s linear infinite;
  animation: animStar 50s linear infinite;
}
#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 117px 1613px #fff, 1488px 635px #fff, 944px 914px #fff,
    647px 277px #fff, 1792px 1205px #fff, 656px 1517px #fff, 820px 1839px #fff,
    1153px 1400px #fff, 870px 13px #fff, 550px 702px #fff, 1155px 1056px #fff,
    88px 1709px #fff, 1450px 1090px #fff, 1929px 457px #fff, 1390px 905px #fff,
    1771px 269px #fff, 1741px 669px #fff, 432px 64px #fff, 563px 996px #fff,
    1918px 1873px #fff, 1845px 1211px #fff, 231px 1503px #fff, 37px 220px #fff,
    1970px 495px #fff, 1812px 925px #fff, 67px 1398px #fff, 535px 279px #fff,
    1837px 829px #fff, 1945px 685px #fff, 1677px 1817px #fff, 1317px 1415px #fff,
    1785px 905px #fff, 1787px 1554px #fff, 802px 1296px #fff, 512px 1101px #fff,
    583px 1364px #fff, 336px 558px #fff, 979px 334px #fff, 106px 792px #fff,
    204px 34px #fff, 1845px 1763px #fff, 445px 1599px #fff, 386px 453px #fff,
    471px 952px #fff, 1466px 1676px #fff, 1885px 303px #fff, 51px 1717px #fff,
    1211px 299px #fff, 1546px 1887px #fff, 1067px 33px #fff, 1088px 1326px #fff,
    1938px 760px #fff, 470px 648px #fff, 1213px 269px #fff, 1767px 78px #fff,
    977px 976px #fff, 1926px 175px #fff, 722px 1512px #fff, 945px 227px #fff,
    1811px 99px #fff, 1912px 1406px #fff, 1602px 1243px #fff, 610px 449px #fff,
    654px 1393px #fff, 1930px 1193px #fff, 258px 1184px #fff, 89px 265px #fff,
    824px 1494px #fff, 1506px 1435px #fff, 1027px 753px #fff, 1px 1197px #fff,
    530px 1161px #fff, 864px 1555px #fff, 1610px 1604px #fff, 1035px 1114px #fff,
    1456px 133px #fff, 1196px 1253px #fff, 361px 1037px #fff, 834px 351px #fff,
    436px 1676px #fff, 1194px 1007px #fff, 1141px 647px #fff, 319px 454px #fff,
    937px 1769px #fff, 1872px 1013px #fff, 733px 643px #fff, 1250px 511px #fff,
    189px 296px #fff, 1639px 163px #fff, 1584px 336px #fff, 1912px 1343px #fff,
    1298px 1307px #fff, 1750px 902px #fff, 1129px 845px #fff, 1899px 1470px #fff,
    1427px 232px #fff, 1391px 838px #fff, 1225px 1819px #fff, 190px 1366px #fff,
    1865px 518px #fff, 203px 1383px #fff, 1455px 614px #fff, 423px 354px #fff,
    1678px 1790px #fff, 241px 608px #fff, 1089px 730px #fff, 1342px 38px #fff,
    1848px 249px #fff, 1874px 1785px #fff, 1040px 1837px #fff, 751px 261px #fff,
    510px 1975px #fff, 52px 795px #fff, 1786px 1310px #fff, 498px 712px #fff,
    190px 375px #fff, 1341px 722px #fff, 43px 1394px #fff, 1821px 1687px #fff,
    106px 130px #fff, 1717px 1978px #fff, 168px 151px #fff, 183px 740px #fff,
    945px 1381px #fff, 669px 1170px #fff, 1285px 1816px #fff, 110px 1217px #fff,
    1623px 813px #fff, 869px 647px #fff, 867px 582px #fff, 735px 1240px #fff,
    519px 1896px #fff, 132px 156px #fff, 1649px 193px #fff, 241px 1109px #fff,
    643px 484px #fff, 574px 1282px #fff, 1952px 564px #fff, 1978px 145px #fff,
    329px 903px #fff, 1674px 617px #fff, 1978px 558px #fff, 1808px 1715px #fff,
    1526px 1238px #fff, 475px 1330px #fff, 810px 425px #fff, 1709px 634px #fff,
    1658px 336px #fff, 425px 194px #fff, 352px 96px #fff, 148px 180px #fff,
    1139px 1046px #fff, 1809px 1233px #fff, 1669px 171px #fff, 263px 1394px #fff,
    534px 715px #fff, 396px 1008px #fff, 589px 1445px #fff, 1190px 381px #fff,
    1709px 279px #fff, 520px 891px #fff, 1136px 1867px #fff, 1280px 1233px #fff,
    836px 296px #fff, 1348px 646px #fff, 1539px 913px #fff, 423px 781px #fff,
    1271px 1805px #fff, 696px 564px #fff, 1549px 804px #fff, 303px 1555px #fff,
    1449px 1903px #fff, 66px 687px #fff, 1164px 856px #fff, 1958px 1326px #fff,
    125px 157px #fff, 508px 1669px #fff, 465px 725px #fff, 1925px 1440px #fff,
    405px 793px #fff, 278px 110px #fff, 1084px 1065px #fff, 1077px 705px #fff,
    663px 1844px #fff, 734px 263px #fff, 870px 1761px #fff, 103px 1169px #fff,
    1506px 1295px #fff, 1883px 926px #fff, 335px 1361px #fff, 1126px 1284px #fff,
    257px 1165px #fff, 837px 580px #fff, 1211px 1362px #fff, 1137px 1380px #fff,
    135px 632px #fff, 1491px 1965px #fff, 1098px 195px #fff, 506px 417px #fff,
    693px 1243px #fff, 622px 1862px #fff, 1412px 1343px #fff, 948px 1894px #fff,
    1315px 1363px #fff, 754px 1098px #fff, 1931px 930px #fff, 1831px 342px #fff,
    1751px 1839px #fff, 84px 775px #fff, 1662px 1488px #fff, 617px 1769px #fff,
    1869px 1292px #fff, 963px 432px #fff, 371px 1114px #fff, 37px 642px #fff,
    21px 1184px #fff, 602px 366px #fff, 414px 524px #fff, 282px 244px #fff,
    1689px 868px #fff, 943px 681px #fff, 898px 679px #fff, 449px 1774px #fff,
    1678px 1313px #fff, 475px 1811px #fff, 1146px 1509px #fff,
    1151px 1863px #fff, 1617px 846px #fff, 82px 1077px #fff, 324px 1317px #fff,
    1516px 885px #fff, 1706px 1526px #fff, 1925px 1180px #fff, 553px 967px #fff,
    1072px 536px #fff, 1715px 1816px #fff, 185px 286px #fff, 1362px 1600px #fff,
    628px 1938px #fff, 1187px 412px #fff, 569px 211px #fff, 1959px 1356px #fff,
    1571px 105px #fff, 319px 1111px #fff, 36px 1364px #fff, 502px 1788px #fff,
    1051px 1993px #fff, 1617px 773px #fff, 424px 1507px #fff, 1623px 1955px #fff,
    307px 662px #fff, 183px 1048px #fff, 1919px 1453px #fff, 1006px 1817px #fff,
    468px 673px #fff, 1142px 1375px #fff, 1228px 443px #fff, 1734px 552px #fff,
    20px 1041px #fff, 1783px 334px #fff, 98px 1237px #fff, 1356px 1940px #fff,
    853px 1779px #fff, 1910px 560px #fff, 1174px 1656px #fff, 110px 1724px #fff,
    542px 1771px #fff, 1758px 1931px #fff, 1463px 1401px #fff, 1155px 84px #fff,
    1504px 835px #fff, 750px 322px #fff, 407px 1900px #fff, 1600px 1141px #fff,
    657px 886px #fff, 526px 714px #fff, 18px 836px #fff, 1546px 1548px #fff,
    22px 469px #fff, 594px 1466px #fff, 1160px 1078px #fff, 627px 1055px #fff,
    195px 699px #fff, 1099px 684px #fff, 530px 551px #fff, 1160px 1325px #fff,
    894px 727px #fff, 1157px 98px #fff, 136px 1483px #fff, 1875px 1975px #fff,
    1803px 566px #fff, 318px 1073px #fff, 1866px 1656px #fff, 543px 414px #fff,
    719px 474px #fff, 1115px 738px #fff, 353px 875px #fff, 184px 1938px #fff,
    1854px 1534px #fff, 420px 1698px #fff, 1480px 1550px #fff, 522px 203px #fff,
    1897px 1904px #fff, 975px 1708px #fff, 1774px 602px #fff, 1908px 274px #fff,
    61px 715px #fff, 983px 1156px #fff, 326px 1013px #fff, 641px 290px #fff,
    1522px 120px #fff, 405px 1637px #fff, 1021px 1099px #fff, 631px 1145px #fff,
    982px 1967px #fff, 200px 651px #fff, 795px 351px #fff, 790px 1082px #fff,
    144px 1572px #fff, 1542px 901px #fff, 158px 1524px #fff, 849px 1843px #fff,
    1807px 203px #fff, 1747px 45px #fff, 1603px 1738px #fff, 617px 1966px #fff,
    342px 748px #fff, 1779px 1173px #fff, 1428px 152px #fff, 589px 1998px #fff,
    1940px 1838px #fff, 115px 272px #fff, 1217px 1395px #fff, 1402px 1491px #fff,
    1833px 1814px #fff, 243px 966px #fff, 319px 578px #fff, 813px 364px #fff,
    669px 882px #fff, 551px 134px #fff, 1819px 920px #fff, 740px 1826px #fff,
    1021px 952px #fff, 1575px 453px #fff, 324px 419px #fff, 929px 417px #fff,
    885px 1112px #fff, 503px 187px #fff, 1908px 362px #fff, 1063px 1601px #fff,
    169px 1792px #fff, 789px 963px #fff, 1697px 948px #fff, 1761px 1810px #fff,
    1844px 1591px #fff, 1709px 949px #fff, 1402px 1396px #fff, 1037px 225px #fff,
    1832px 518px #fff, 1728px 1782px #fff, 194px 1421px #fff, 1395px 742px #fff,
    1478px 1325px #fff, 40px 593px #fff, 1732px 117px #fff, 51px 158px #fff,
    1598px 1672px #fff, 701px 849px #fff, 1403px 1979px #fff, 145px 1414px #fff,
    550px 906px #fff, 1366px 460px #fff, 142px 1379px #fff, 34px 1864px #fff,
    1346px 308px #fff, 293px 998px #fff, 21px 1868px #fff, 540px 1033px #fff,
    60px 746px #fff, 1602px 1476px #fff, 180px 804px #fff, 345px 1982px #fff,
    1439px 640px #fff, 939px 1834px #fff, 20px 432px #fff, 492px 1549px #fff,
    109px 1579px #fff, 1796px 1403px #fff, 1079px 519px #fff, 1664px 389px #fff,
    1627px 1061px #fff, 823px 419px #fff, 1399px 1882px #fff, 1906px 344px #fff,
    1189px 848px #fff, 117px 882px #fff, 1262px 33px #fff, 1048px 434px #fff,
    1208px 1309px #fff, 1616px 408px #fff, 1833px 853px #fff, 1433px 1656px #fff,
    811px 1861px #fff, 439px 1672px #fff, 1105px 248px #fff, 328px 1652px #fff,
    13px 1658px #fff, 685px 987px #fff, 985px 403px #fff, 1664px 1206px #fff,
    1993px 1925px #fff, 440px 917px #fff, 1835px 319px #fff, 1404px 1907px #fff,
    624px 1443px #fff, 843px 954px #fff, 478px 1567px #fff, 895px 1602px #fff,
    1231px 871px #fff, 1267px 1646px #fff, 475px 334px #fff, 784px 796px #fff,
    1294px 199px #fff, 109px 702px #fff, 1978px 362px #fff, 291px 940px #fff,
    971px 1343px #fff, 74px 719px #fff, 36px 715px #fff, 1007px 1423px #fff,
    860px 314px #fff, 631px 177px #fff, 1900px 1590px #fff, 1239px 1348px #fff,
    1346px 1270px #fff, 1934px 1475px #fff, 1553px 559px #fff, 588px 1969px #fff,
    670px 1269px #fff, 1484px 376px #fff, 20px 1424px #fff, 1396px 8px #fff,
    969px 244px #fff, 1807px 538px #fff, 1873px 891px #fff, 636px 1142px #fff,
    1474px 1562px #fff, 763px 350px #fff, 663px 700px #fff, 500px 1469px #fff,
    1302px 722px #fff, 181px 291px #fff, 266px 893px #fff, 1403px 654px #fff,
    492px 460px #fff, 1503px 1369px #fff, 23px 1662px #fff, 349px 333px #fff,
    1435px 1017px #fff, 1441px 705px #fff, 1708px 1446px #fff, 1041px 911px #fff,
    1063px 780px #fff, 1158px 1356px #fff, 767px 1454px #fff, 1912px 797px #fff,
    1731px 1759px #fff, 1378px 1390px #fff, 1815px 1364px #fff, 960px 270px #fff,
    1343px 427px #fff, 275px 203px #fff, 1319px 1092px #fff, 1455px 770px #fff,
    283px 1503px #fff, 1505px 901px #fff, 1738px 1561px #fff, 1526px 1935px #fff,
    1757px 669px #fff, 1640px 620px #fff, 1750px 722px #fff, 748px 66px #fff,
    1149px 540px #fff, 159px 953px #fff, 200px 1426px #fff, 515px 1110px #fff,
    1552px 737px #fff, 1094px 1459px #fff, 778px 799px #fff, 1031px 523px #fff,
    743px 1825px #fff, 1100px 882px #fff, 1088px 1836px #fff, 255px 599px #fff,
    67px 1361px #fff, 247px 1721px #fff, 1722px 346px #fff, 1822px 155px #fff,
    452px 1973px #fff, 415px 1960px #fff, 1109px 57px #fff, 273px 1392px #fff,
    404px 1071px #fff, 1212px 353px #fff, 370px 460px #fff, 795px 1523px #fff,
    1932px 340px #fff, 51px 1473px #fff, 1268px 364px #fff, 1512px 1862px #fff,
    1678px 1801px #fff, 1796px 579px #fff, 254px 251px #fff, 1466px 1717px #fff,
    893px 379px #fff, 1153px 923px #fff, 913px 1808px #fff, 791px 789px #fff,
    417px 1924px #fff, 1336px 1599px #fff, 1695px 908px #fff, 1120px 114px #fff,
    493px 1949px #fff, 68px 1905px #fff, 969px 481px #fff, 1420px 1095px #fff,
    800px 1117px #fff, 390px 234px #fff, 356px 1644px #fff, 1098px 1486px #fff,
    1360px 521px #fff, 149px 1198px #fff, 354px 747px #fff, 1749px 487px #fff,
    470px 76px #fff, 1672px 289px #fff, 1731px 545px #fff, 1547px 1590px #fff,
    498px 692px #fff, 398px 1592px #fff, 1846px 1237px #fff, 1537px 1474px #fff,
    1726px 1374px #fff, 1922px 858px #fff, 376px 321px #fff, 985px 227px #fff,
    234px 1421px #fff, 760px 745px #fff, 1990px 1132px #fff, 1560px 1597px #fff,
    338px 1310px #fff, 1924px 1664px #fff, 547px 1747px #fff, 1639px 1282px #fff,
    1202px 337px #fff, 1985px 779px #fff, 737px 456px #fff, 89px 501px #fff,
    963px 792px #fff, 655px 1447px #fff, 1492px 1994px #fff, 1171px 254px #fff,
    892px 827px #fff, 1735px 442px #fff, 1474px 1187px #fff, 846px 1518px #fff,
    557px 1805px #fff, 738px 945px #fff, 795px 68px #fff, 663px 1956px #fff,
    1607px 290px #fff, 1524px 15px #fff, 1097px 1911px #fff, 157px 1939px #fff,
    935px 1065px #fff, 1809px 1708px #fff, 164px 1157px #fff, 83px 855px #fff,
    625px 501px #fff, 814px 398px #fff, 552px 695px #fff, 597px 1546px #fff,
    1237px 1417px #fff, 628px 284px #fff, 866px 767px #fff, 1403px 1394px #fff,
    765px 1563px #fff, 1648px 109px #fff, 1205px 1659px #fff, 921px 1313px #fff,
    1319px 243px #fff, 18px 125px #fff, 7px 777px #fff, 181px 418px #fff,
    1062px 1892px #fff, 382px 106px #fff, 994px 751px #fff, 964px 234px #fff,
    40px 118px #fff, 278px 706px #fff, 1540px 1978px #fff, 425px 1661px #fff,
    1050px 321px #fff, 735px 1729px #fff, 1438px 260px #fff, 1229px 1109px #fff,
    186px 1041px #fff, 244px 1184px #fff, 392px 1472px #fff, 670px 1249px #fff,
    1260px 1443px #fff, 1977px 1511px #fff, 1240px 773px #fff, 303px 513px #fff,
    63px 1530px #fff, 610px 792px #fff, 1987px 1647px #fff, 676px 1597px #fff,
    1740px 1244px #fff, 816px 1661px #fff, 351px 802px #fff, 252px 1082px #fff,
    31px 365px #fff, 1453px 984px #fff, 667px 1233px #fff, 1247px 1800px #fff,
    839px 270px #fff, 775px 913px #fff, 1966px 1398px #fff, 499px 813px #fff,
    922px 1982px #fff, 1409px 1902px #fff, 1499px 1766px #fff, 721px 899px #fff,
    788px 807px #fff, 989px 1355px #fff, 1248px 1274px #fff, 849px 1091px #fff,
    1799px 1036px #fff, 1486px 700px #fff, 170px 1989px #fff, 1275px 799px #fff,
    772px 2000px #fff, 1642px 362px #fff, 216px 940px #fff, 1893px 281px #fff,
    1944px 1298px #fff, 1294px 400px #fff, 1523px 441px #fff, 1829px 340px #fff,
    468px 170px #fff, 1099px 967px #fff, 1331px 665px #fff, 1174px 1553px #fff,
    1567px 325px #fff, 1028px 1399px #fff, 781px 1451px #fff, 1912px 1954px #fff,
    874px 873px #fff, 1298px 1722px #fff, 1879px 706px #fff, 57px 1221px #fff,
    1116px 1432px #fff, 48px 811px #fff, 101px 916px #fff, 677px 304px #fff,
    1203px 639px #fff, 1391px 199px #fff, 1895px 1988px #fff, 1462px 1023px #fff,
    1216px 1751px #fff, 1261px 663px #fff, 1290px 1119px #fff, 137px 1793px #fff,
    1052px 1470px #fff, 1561px 226px #fff, 1156px 402px #fff, 709px 693px #fff,
    1040px 1911px #fff, 1624px 1115px #fff, 551px 475px #fff, 416px 1090px #fff,
    1183px 451px #fff, 58px 765px #fff, 743px 1016px #fff, 198px 369px #fff,
    1645px 1503px #fff, 997px 22px #fff, 1447px 1323px #fff, 379px 883px #fff,
    1171px 1195px #fff, 919px 133px #fff, 1400px 517px #fff, 725px 804px #fff,
    1600px 699px #fff, 357px 581px #fff, 266px 1713px #fff, 848px 1749px #fff,
    1963px 1045px #fff, 119px 1136px #fff;
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1117px 1306px #fff, 1078px 1783px #fff, 1179px 1085px #fff,
    1145px 920px #fff, 422px 1233px #fff, 387px 98px #fff, 1153px 637px #fff,
    1084px 782px #fff, 476px 453px #fff, 926px 1306px #fff, 60px 1086px #fff,
    753px 1575px #fff, 272px 1684px #fff, 1285px 750px #fff, 1416px 1327px #fff,
    1931px 473px #fff, 736px 1395px #fff, 1816px 763px #fff, 438px 879px #fff,
    665px 1902px #fff, 1341px 677px #fff, 1404px 1073px #fff, 100px 597px #fff,
    357px 1689px #fff, 1044px 1342px #fff, 1954px 502px #fff, 1192px 1308px #fff,
    540px 1239px #fff, 1360px 552px #fff, 89px 752px #fff, 659px 1253px #fff,
    62px 517px #fff, 1375px 1705px #fff, 1343px 1511px #fff, 1659px 1922px #fff,
    1560px 289px #fff, 1362px 1799px #fff, 1886px 1480px #fff,
    1718px 1885px #fff, 824px 738px #fff, 1060px 1370px #fff, 1781px 1171px #fff,
    255px 273px #fff, 1197px 120px #fff, 213px 7px #fff, 1226px 1920px #fff,
    1844px 207px #fff, 1675px 970px #fff, 1435px 1283px #fff, 37px 353px #fff,
    59px 417px #fff, 921px 1602px #fff, 1549px 1490px #fff, 638px 1845px #fff,
    1328px 198px #fff, 1050px 1149px #fff, 1884px 711px #fff, 333px 263px #fff,
    342px 1508px #fff, 1388px 1810px #fff, 1377px 1558px #fff, 890px 487px #fff,
    1081px 759px #fff, 890px 1515px #fff, 911px 1284px #fff, 335px 735px #fff,
    1140px 549px #fff, 1239px 1064px #fff, 226px 71px #fff, 1100px 1278px #fff,
    1851px 1805px #fff, 1370px 1999px #fff, 1008px 1122px #fff, 785px 813px #fff,
    1358px 601px #fff, 1833px 1305px #fff, 1768px 1304px #fff, 1303px 532px #fff,
    860px 598px #fff, 1329px 593px #fff, 1038px 1088px #fff, 408px 405px #fff,
    965px 82px #fff, 1483px 1438px #fff, 310px 1479px #fff, 1786px 1500px #fff,
    1866px 852px #fff, 18px 1757px #fff, 1473px 1004px #fff, 1542px 1933px #fff,
    633px 1970px #fff, 1334px 1713px #fff, 175px 28px #fff, 592px 894px #fff,
    121px 1162px #fff, 1601px 1567px #fff, 1095px 657px #fff, 640px 1233px #fff,
    1073px 1255px #fff, 840px 1087px #fff, 718px 250px #fff, 967px 709px #fff,
    731px 239px #fff, 1623px 593px #fff, 1058px 1820px #fff, 516px 1898px #fff,
    666px 12px #fff, 1997px 1382px #fff, 112px 1690px #fff, 687px 1309px #fff,
    63px 539px #fff, 185px 1897px #fff, 1055px 1691px #fff, 435px 1517px #fff,
    1175px 1119px #fff, 1721px 133px #fff, 1212px 47px #fff, 166px 18px #fff,
    1416px 1652px #fff, 1409px 1745px #fff, 1357px 1232px #fff,
    1677px 1998px #fff, 448px 1415px #fff, 705px 1736px #fff, 1031px 1466px #fff,
    543px 1651px #fff, 1592px 1888px #fff, 1749px 1175px #fff, 639px 1114px #fff,
    1591px 508px #fff, 759px 1244px #fff, 824px 380px #fff, 942px 955px #fff,
    723px 732px #fff, 113px 1369px #fff, 203px 1739px #fff, 868px 733px #fff,
    713px 971px #fff, 341px 833px #fff, 762px 824px #fff, 1359px 310px #fff,
    1858px 1349px #fff, 1531px 692px #fff, 1075px 1512px #fff, 1677px 142px #fff,
    1912px 1478px #fff, 1810px 1078px #fff, 426px 844px #fff, 1426px 588px #fff,
    1909px 654px #fff, 1107px 295px #fff, 1351px 527px #fff, 1393px 599px #fff,
    1379px 1068px #fff, 228px 1846px #fff, 1271px 374px #fff, 1348px 612px #fff,
    7px 1301px #fff, 1501px 1782px #fff, 1795px 423px #fff, 1475px 1918px #fff,
    1328px 1861px #fff, 1624px 51px #fff, 1791px 672px #fff, 1594px 1467px #fff,
    1655px 1603px #fff, 919px 850px #fff, 523px 609px #fff, 1196px 207px #fff,
    753px 410px #fff, 686px 1097px #fff, 1570px 133px #fff, 1996px 1137px #fff,
    361px 116px #fff, 1015px 462px #fff, 76px 1143px #fff, 491px 1818px #fff,
    1563px 795px #fff, 982px 1721px #fff, 831px 1204px #fff, 1737px 589px #fff,
    861px 1579px #fff, 1666px 130px #fff, 698px 1799px #fff, 726px 1519px #fff,
    109px 1208px #fff, 1184px 1057px #fff, 835px 451px #fff, 896px 594px #fff,
    35px 893px #fff, 895px 542px #fff, 706px 225px #fff, 56px 1040px #fff,
    1954px 108px #fff, 1439px 1423px #fff, 26px 1881px #fff, 802px 1564px #fff,
    273px 708px #fff, 40px 31px #fff, 859px 108px #fff;
  -webkit-animation: animStar 100s linear infinite;
  -moz-animation: animStar 100s linear infinite;
  -ms-animation: animStar 100s linear infinite;
  animation: animStar 100s linear infinite;
}
#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1117px 1306px #fff, 1078px 1783px #fff, 1179px 1085px #fff,
    1145px 920px #fff, 422px 1233px #fff, 387px 98px #fff, 1153px 637px #fff,
    1084px 782px #fff, 476px 453px #fff, 926px 1306px #fff, 60px 1086px #fff,
    753px 1575px #fff, 272px 1684px #fff, 1285px 750px #fff, 1416px 1327px #fff,
    1931px 473px #fff, 736px 1395px #fff, 1816px 763px #fff, 438px 879px #fff,
    665px 1902px #fff, 1341px 677px #fff, 1404px 1073px #fff, 100px 597px #fff,
    357px 1689px #fff, 1044px 1342px #fff, 1954px 502px #fff, 1192px 1308px #fff,
    540px 1239px #fff, 1360px 552px #fff, 89px 752px #fff, 659px 1253px #fff,
    62px 517px #fff, 1375px 1705px #fff, 1343px 1511px #fff, 1659px 1922px #fff,
    1560px 289px #fff, 1362px 1799px #fff, 1886px 1480px #fff,
    1718px 1885px #fff, 824px 738px #fff, 1060px 1370px #fff, 1781px 1171px #fff,
    255px 273px #fff, 1197px 120px #fff, 213px 7px #fff, 1226px 1920px #fff,
    1844px 207px #fff, 1675px 970px #fff, 1435px 1283px #fff, 37px 353px #fff,
    59px 417px #fff, 921px 1602px #fff, 1549px 1490px #fff, 638px 1845px #fff,
    1328px 198px #fff, 1050px 1149px #fff, 1884px 711px #fff, 333px 263px #fff,
    342px 1508px #fff, 1388px 1810px #fff, 1377px 1558px #fff, 890px 487px #fff,
    1081px 759px #fff, 890px 1515px #fff, 911px 1284px #fff, 335px 735px #fff,
    1140px 549px #fff, 1239px 1064px #fff, 226px 71px #fff, 1100px 1278px #fff,
    1851px 1805px #fff, 1370px 1999px #fff, 1008px 1122px #fff, 785px 813px #fff,
    1358px 601px #fff, 1833px 1305px #fff, 1768px 1304px #fff, 1303px 532px #fff,
    860px 598px #fff, 1329px 593px #fff, 1038px 1088px #fff, 408px 405px #fff,
    965px 82px #fff, 1483px 1438px #fff, 310px 1479px #fff, 1786px 1500px #fff,
    1866px 852px #fff, 18px 1757px #fff, 1473px 1004px #fff, 1542px 1933px #fff,
    633px 1970px #fff, 1334px 1713px #fff, 175px 28px #fff, 592px 894px #fff,
    121px 1162px #fff, 1601px 1567px #fff, 1095px 657px #fff, 640px 1233px #fff,
    1073px 1255px #fff, 840px 1087px #fff, 718px 250px #fff, 967px 709px #fff,
    731px 239px #fff, 1623px 593px #fff, 1058px 1820px #fff, 516px 1898px #fff,
    666px 12px #fff, 1997px 1382px #fff, 112px 1690px #fff, 687px 1309px #fff,
    63px 539px #fff, 185px 1897px #fff, 1055px 1691px #fff, 435px 1517px #fff,
    1175px 1119px #fff, 1721px 133px #fff, 1212px 47px #fff, 166px 18px #fff,
    1416px 1652px #fff, 1409px 1745px #fff, 1357px 1232px #fff,
    1677px 1998px #fff, 448px 1415px #fff, 705px 1736px #fff, 1031px 1466px #fff,
    543px 1651px #fff, 1592px 1888px #fff, 1749px 1175px #fff, 639px 1114px #fff,
    1591px 508px #fff, 759px 1244px #fff, 824px 380px #fff, 942px 955px #fff,
    723px 732px #fff, 113px 1369px #fff, 203px 1739px #fff, 868px 733px #fff,
    713px 971px #fff, 341px 833px #fff, 762px 824px #fff, 1359px 310px #fff,
    1858px 1349px #fff, 1531px 692px #fff, 1075px 1512px #fff, 1677px 142px #fff,
    1912px 1478px #fff, 1810px 1078px #fff, 426px 844px #fff, 1426px 588px #fff,
    1909px 654px #fff, 1107px 295px #fff, 1351px 527px #fff, 1393px 599px #fff,
    1379px 1068px #fff, 228px 1846px #fff, 1271px 374px #fff, 1348px 612px #fff,
    7px 1301px #fff, 1501px 1782px #fff, 1795px 423px #fff, 1475px 1918px #fff,
    1328px 1861px #fff, 1624px 51px #fff, 1791px 672px #fff, 1594px 1467px #fff,
    1655px 1603px #fff, 919px 850px #fff, 523px 609px #fff, 1196px 207px #fff,
    753px 410px #fff, 686px 1097px #fff, 1570px 133px #fff, 1996px 1137px #fff,
    361px 116px #fff, 1015px 462px #fff, 76px 1143px #fff, 491px 1818px #fff,
    1563px 795px #fff, 982px 1721px #fff, 831px 1204px #fff, 1737px 589px #fff,
    861px 1579px #fff, 1666px 130px #fff, 698px 1799px #fff, 726px 1519px #fff,
    109px 1208px #fff, 1184px 1057px #fff, 835px 451px #fff, 896px 594px #fff,
    35px 893px #fff, 895px 542px #fff, 706px 225px #fff, 56px 1040px #fff,
    1954px 108px #fff, 1439px 1423px #fff, 26px 1881px #fff, 802px 1564px #fff,
    273px 708px #fff, 40px 31px #fff, 859px 108px #fff;
}

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 940px 1360px #fff, 1071px 539px #fff, 1710px 1414px #fff,
    836px 299px #fff, 1944px 1420px #fff, 253px 1449px #fff, 1257px 1250px #fff,
    1588px 1830px #fff, 1077px 1204px #fff, 273px 1081px #fff, 1993px 766px #fff,
    1808px 479px #fff, 917px 263px #fff, 663px 1820px #fff, 342px 1988px #fff,
    727px 1250px #fff, 636px 1666px #fff, 692px 1112px #fff, 248px 1211px #fff,
    1422px 1121px #fff, 881px 46px #fff, 1531px 1977px #fff, 1643px 1023px #fff,
    684px 1071px #fff, 1142px 1873px #fff, 292px 1313px #fff, 256px 1237px #fff,
    89px 912px #fff, 964px 1783px #fff, 877px 760px #fff, 1641px 1474px #fff,
    1492px 24px #fff, 1776px 1642px #fff, 183px 602px #fff, 1998px 62px #fff,
    1560px 367px #fff, 1333px 995px #fff, 704px 1815px #fff, 1809px 712px #fff,
    1503px 288px #fff, 630px 556px #fff, 1715px 125px #fff, 353px 1878px #fff,
    975px 333px #fff, 1740px 1409px #fff, 1341px 1871px #fff, 1279px 1064px #fff,
    169px 874px #fff, 161px 528px #fff, 1671px 1669px #fff, 169px 632px #fff,
    547px 1724px #fff, 1904px 110px #fff, 679px 1670px #fff, 196px 123px #fff,
    786px 871px #fff, 1840px 324px #fff, 356px 967px #fff, 61px 549px #fff,
    99px 677px #fff, 1719px 87px #fff, 1713px 1990px #fff, 1717px 1358px #fff,
    108px 1187px #fff, 51px 869px #fff, 1461px 902px #fff, 1034px 891px #fff,
    962px 1881px #fff, 1723px 595px #fff, 479px 901px #fff, 1546px 1823px #fff,
    285px 1208px #fff, 1056px 347px #fff, 261px 988px #fff, 466px 990px #fff,
    1657px 648px #fff, 1249px 933px #fff, 1552px 1555px #fff, 147px 62px #fff,
    292px 1157px #fff, 1816px 423px #fff, 1714px 757px #fff, 1036px 961px #fff,
    1955px 710px #fff, 1842px 516px #fff, 479px 1870px #fff, 1579px 1445px #fff,
    1225px 1309px #fff, 1965px 566px #fff, 1575px 1072px #fff, 923px 329px #fff,
    651px 1514px #fff, 865px 1100px #fff, 782px 1873px #fff, 115px 299px #fff,
    14px 1668px #fff, 1666px 1817px #fff, 1096px 1068px #fff, 1462px 742px #fff,
    1384px 1750px #fff;
  -webkit-animation: animStar 150s linear infinite;
  -moz-animation: animStar 150s linear infinite;
  -ms-animation: animStar 150s linear infinite;
  animation: animStar 150s linear infinite;
}
#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 940px 1360px #fff, 1071px 539px #fff, 1710px 1414px #fff,
    836px 299px #fff, 1944px 1420px #fff, 253px 1449px #fff, 1257px 1250px #fff,
    1588px 1830px #fff, 1077px 1204px #fff, 273px 1081px #fff, 1993px 766px #fff,
    1808px 479px #fff, 917px 263px #fff, 663px 1820px #fff, 342px 1988px #fff,
    727px 1250px #fff, 636px 1666px #fff, 692px 1112px #fff, 248px 1211px #fff,
    1422px 1121px #fff, 881px 46px #fff, 1531px 1977px #fff, 1643px 1023px #fff,
    684px 1071px #fff, 1142px 1873px #fff, 292px 1313px #fff, 256px 1237px #fff,
    89px 912px #fff, 964px 1783px #fff, 877px 760px #fff, 1641px 1474px #fff,
    1492px 24px #fff, 1776px 1642px #fff, 183px 602px #fff, 1998px 62px #fff,
    1560px 367px #fff, 1333px 995px #fff, 704px 1815px #fff, 1809px 712px #fff,
    1503px 288px #fff, 630px 556px #fff, 1715px 125px #fff, 353px 1878px #fff,
    975px 333px #fff, 1740px 1409px #fff, 1341px 1871px #fff, 1279px 1064px #fff,
    169px 874px #fff, 161px 528px #fff, 1671px 1669px #fff, 169px 632px #fff,
    547px 1724px #fff, 1904px 110px #fff, 679px 1670px #fff, 196px 123px #fff,
    786px 871px #fff, 1840px 324px #fff, 356px 967px #fff, 61px 549px #fff,
    99px 677px #fff, 1719px 87px #fff, 1713px 1990px #fff, 1717px 1358px #fff,
    108px 1187px #fff, 51px 869px #fff, 1461px 902px #fff, 1034px 891px #fff,
    962px 1881px #fff, 1723px 595px #fff, 479px 901px #fff, 1546px 1823px #fff,
    285px 1208px #fff, 1056px 347px #fff, 261px 988px #fff, 466px 990px #fff,
    1657px 648px #fff, 1249px 933px #fff, 1552px 1555px #fff, 147px 62px #fff,
    292px 1157px #fff, 1816px 423px #fff, 1714px 757px #fff, 1036px 961px #fff,
    1955px 710px #fff, 1842px 516px #fff, 479px 1870px #fff, 1579px 1445px #fff,
    1225px 1309px #fff, 1965px 566px #fff, 1575px 1072px #fff, 923px 329px #fff,
    651px 1514px #fff, 865px 1100px #fff, 782px 1873px #fff, 115px 299px #fff,
    14px 1668px #fff, 1666px 1817px #fff, 1096px 1068px #fff, 1462px 742px #fff,
    1384px 1750px #fff;
}

#stars4 {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 233px 1976px #fff, 1196px 1119px #fff, 646px 740px #fff,
    335px 645px #fff, 1119px 1452px #fff, 176px 1870px #fff, 639px 1711px #fff,
    647px 1388px #fff, 1516px 1108px #fff, 464px 66px #fff, 331px 344px #fff,
    772px 1189px #fff, 1516px 1850px #fff, 1500px 1463px #fff, 1275px 876px #fff,
    1107px 645px #fff, 977px 478px #fff, 583px 1179px #fff, 284px 395px #fff,
    1220px 461px #fff, 1160px 249px #fff, 196px 865px #fff, 670px 1915px #fff,
    1449px 382px #fff, 1191px 546px #fff, 1329px 605px #fff, 1945px 458px #fff,
    995px 749px #fff, 1495px 861px #fff, 708px 1731px #fff, 348px 653px #fff,
    548px 1298px #fff, 1606px 990px #fff, 1049px 1204px #fff, 253px 1501px #fff,
    1154px 166px #fff, 1087px 104px #fff, 1034px 1161px #fff, 1681px 462px #fff,
    577px 1897px #fff, 193px 1901px #fff, 1701px 1755px #fff, 864px 1297px #fff,
    800px 1289px #fff, 676px 28px #fff, 185px 1341px #fff, 379px 1151px #fff,
    1224px 1725px #fff, 280px 541px #fff, 473px 1196px #fff, 921px 1628px #fff,
    969px 432px #fff, 1475px 758px #fff, 1195px 993px #fff, 876px 1840px #fff,
    1274px 1689px #fff, 1977px 1101px #fff, 837px 527px #fff, 1785px 1610px #fff,
    1650px 1843px #fff, 1127px 1508px #fff, 401px 1050px #fff, 51px 1105px #fff,
    545px 880px #fff, 1786px 1672px #fff, 318px 260px #fff, 568px 254px #fff,
    1026px 1527px #fff, 1242px 852px #fff, 1785px 982px #fff, 1318px 1071px #fff,
    398px 1061px #fff, 1509px 257px #fff, 599px 928px #fff, 1195px 1800px #fff,
    1254px 906px #fff, 141px 26px #fff, 1384px 1502px #fff, 476px 767px #fff,
    1973px 722px #fff, 1339px 1031px #fff, 778px 818px #fff, 213px 1320px #fff,
    184px 221px #fff, 983px 1911px #fff, 923px 1439px #fff, 1936px 581px #fff,
    1105px 625px #fff, 325px 729px #fff, 1475px 204px #fff, 1483px 1564px #fff,
    1327px 1272px #fff, 1187px 1944px #fff, 1945px 1471px #fff, 116px 960px #fff,
    1660px 1610px #fff, 412px 1022px #fff, 1552px 1516px #fff,
    1517px 1892px #fff, 306px 829px #fff, 1416px 462px #fff, 1575px 1460px #fff,
    424px 1500px #fff, 1530px 1169px #fff, 1388px 1608px #fff, 185px 416px #fff,
    634px 1446px #fff, 767px 479px #fff, 71px 426px #fff, 1937px 145px #fff,
    1955px 1312px #fff, 1811px 611px #fff, 1145px 569px #fff, 1460px 676px #fff,
    131px 1858px #fff, 1557px 473px #fff, 735px 130px #fff, 112px 1531px #fff,
    1312px 305px #fff, 409px 1032px #fff, 149px 1964px #fff, 535px 1215px #fff,
    1382px 630px #fff, 1437px 1368px #fff, 362px 1181px #fff, 388px 181px #fff,
    274px 1287px #fff, 1858px 1414px #fff, 661px 1935px #fff, 675px 1205px #fff,
    1829px 1725px #fff, 1937px 1145px #fff, 237px 908px #fff, 1059px 1185px #fff,
    824px 1248px #fff, 1167px 1730px #fff, 180px 1961px #fff, 1663px 203px #fff,
    374px 221px #fff, 724px 1883px #fff, 970px 1362px #fff, 832px 505px #fff,
    313px 233px #fff, 1909px 597px #fff, 434px 201px #fff, 587px 995px #fff,
    1833px 623px #fff, 1464px 561px #fff, 231px 593px #fff, 1558px 1433px #fff,
    1986px 1767px #fff, 1753px 1728px #fff, 1153px 1623px #fff, 249px 229px #fff,
    1503px 1186px #fff, 1784px 137px #fff, 841px 403px #fff, 1400px 354px #fff,
    197px 499px #fff, 1188px 681px #fff, 158px 391px #fff, 443px 1099px #fff,
    723px 1445px #fff, 1408px 1235px #fff, 1908px 195px #fff, 271px 891px #fff,
    469px 1693px #fff, 580px 11px #fff, 1533px 70px #fff, 859px 761px #fff,
    1510px 1844px #fff, 421px 558px #fff, 1132px 1453px #fff, 757px 1987px #fff,
    212px 293px #fff, 569px 323px #fff, 1404px 1394px #fff, 252px 1386px #fff,
    1668px 1857px #fff, 123px 1684px #fff, 105px 490px #fff, 1083px 1769px #fff,
    1071px 1953px #fff, 1271px 1159px #fff, 699px 1491px #fff,
    1744px 1997px #fff, 1868px 1973px #fff, 1438px 1449px #fff,
    1222px 1921px #fff, 1328px 1210px #fff, 438px 873px #fff, 809px 780px #fff,
    491px 1524px #fff, 447px 1830px #fff, 927px 1936px #fff, 564px 691px #fff,
    1784px 1747px #fff, 1978px 1722px #fff, 1599px 1480px #fff,
    1276px 729px #fff, 731px 1174px #fff, 1586px 1711px #fff, 451px 1340px #fff,
    1075px 1899px #fff, 13px 575px #fff, 309px 1340px #fff, 981px 183px #fff,
    248px 1315px #fff, 849px 80px #fff, 1754px 1540px #fff, 73px 1432px #fff,
    1208px 1828px #fff, 65px 575px #fff, 1098px 730px #fff, 127px 1358px #fff,
    185px 19px #fff, 1222px 1679px #fff, 1122px 315px #fff, 1906px 452px #fff,
    761px 284px #fff, 813px 492px #fff, 1344px 843px #fff, 118px 1834px #fff,
    1620px 359px #fff, 1755px 1246px #fff, 299px 1076px #fff, 1746px 158px #fff,
    6px 1635px #fff, 143px 190px #fff, 101px 468px #fff, 137px 971px #fff,
    1221px 1929px #fff, 1752px 650px #fff, 1635px 1761px #fff, 1522px 833px #fff,
    908px 153px #fff, 1044px 350px #fff, 1151px 1940px #fff, 822px 210px #fff,
    1774px 310px #fff, 796px 1447px #fff, 1069px 1903px #fff, 217px 565px #fff,
    662px 1370px #fff, 1876px 1570px #fff, 847px 46px #fff, 1042px 1689px #fff,
    1584px 1434px #fff, 1791px 908px #fff, 973px 908px #fff, 793px 747px #fff,
    122px 483px #fff, 1137px 1374px #fff, 1757px 1791px #fff, 513px 225px #fff,
    63px 731px #fff, 1179px 1926px #fff, 346px 18px #fff, 589px 175px #fff,
    87px 302px #fff, 380px 1295px #fff, 450px 921px #fff, 1667px 1973px #fff,
    1495px 1373px #fff, 1462px 1850px #fff, 540px 288px #fff, 1208px 1051px #fff,
    1554px 1095px #fff, 1009px 1516px #fff, 181px 572px #fff, 165px 387px #fff,
    549px 1835px #fff, 960px 16px #fff, 1360px 403px #fff, 1251px 43px #fff,
    1905px 1813px #fff, 1106px 866px #fff, 1809px 277px #fff, 1828px 1720px #fff,
    295px 1610px #fff, 523px 166px #fff, 1069px 692px #fff, 1292px 217px #fff,
    11px 1721px #fff, 99px 1045px #fff, 51px 1584px #fff, 1053px 266px #fff,
    1287px 1235px #fff, 747px 1722px #fff, 1542px 736px #fff, 1256px 18px #fff,
    102px 609px #fff, 586px 1339px #fff, 1843px 1697px #fff, 824px 1687px #fff,
    1124px 882px #fff, 395px 501px #fff, 1456px 672px #fff, 1472px 1648px #fff,
    1326px 1164px #fff, 777px 1672px #fff, 81px 345px #fff, 91px 386px #fff,
    243px 411px #fff, 1560px 90px #fff, 6px 1771px #fff, 1601px 616px #fff,
    1220px 1808px #fff, 1160px 836px #fff, 246px 1777px #fff, 456px 863px #fff,
    97px 1138px #fff, 1811px 942px #fff, 213px 414px #fff, 891px 392px #fff,
    1044px 927px #fff, 1856px 216px #fff, 957px 347px #fff, 1486px 406px #fff,
    838px 912px #fff, 803px 361px #fff, 564px 826px #fff, 1597px 949px #fff,
    1206px 289px #fff, 33px 1035px #fff, 1762px 1377px #fff, 789px 1815px #fff,
    1594px 1342px #fff, 1668px 880px #fff, 1539px 1581px #fff, 1547px 53px #fff,
    861px 1433px #fff, 693px 1618px #fff, 1762px 782px #fff, 1568px 682px #fff,
    1126px 1762px #fff, 1242px 134px #fff, 495px 959px #fff, 1606px 219px #fff,
    1878px 1415px #fff, 1652px 797px #fff, 782px 1903px #fff, 1774px 1133px #fff,
    1430px 408px #fff, 265px 394px #fff, 890px 336px #fff, 1051px 311px #fff,
    461px 1559px #fff, 1931px 91px #fff, 1160px 380px #fff, 1442px 1058px #fff,
    1157px 364px #fff, 586px 227px #fff, 1365px 715px #fff, 1658px 1655px #fff,
    1923px 1664px #fff, 1023px 1844px #fff, 1939px 1367px #fff,
    1203px 1305px #fff, 359px 642px #fff, 1056px 425px #fff, 787px 202px #fff,
    1609px 1850px #fff, 1964px 200px #fff, 1537px 586px #fff, 1589px 903px #fff,
    1063px 1694px #fff, 760px 1185px #fff, 597px 1396px #fff, 294px 452px #fff,
    433px 818px #fff, 199px 840px #fff, 1332px 1937px #fff, 169px 1907px #fff,
    591px 834px #fff, 1716px 1032px #fff, 45px 1879px #fff, 686px 1469px #fff,
    1520px 475px #fff, 1122px 859px #fff, 973px 1541px #fff, 269px 477px #fff,
    1390px 716px #fff, 1791px 783px #fff, 824px 2000px #fff, 1211px 1717px #fff,
    1008px 1587px #fff, 1422px 204px #fff, 234px 556px #fff, 506px 550px #fff,
    942px 1670px #fff, 397px 853px #fff, 599px 795px #fff, 762px 1926px #fff,
    1202px 1424px #fff, 135px 1316px #fff, 1442px 1692px #fff, 977px 652px #fff,
    564px 1648px #fff, 997px 1474px #fff, 67px 1366px #fff, 1860px 1451px #fff,
    1105px 772px #fff, 1886px 1396px #fff, 1510px 658px #fff, 976px 1544px #fff,
    894px 543px #fff, 1098px 1189px #fff, 690px 77px #fff, 770px 733px #fff,
    557px 1403px #fff, 1758px 1623px #fff, 1341px 812px #fff, 699px 967px #fff,
    277px 866px #fff, 1526px 1828px #fff, 8px 977px #fff, 1707px 952px #fff,
    12px 1900px #fff, 72px 921px #fff, 496px 1067px #fff, 1288px 1749px #fff,
    273px 984px #fff, 1197px 1991px #fff, 242px 789px #fff, 903px 1035px #fff,
    480px 1492px #fff, 102px 1331px #fff, 738px 1343px #fff, 560px 1475px #fff,
    367px 846px #fff, 1420px 962px #fff, 1976px 892px #fff, 1911px 1763px #fff,
    1639px 1002px #fff, 437px 1522px #fff, 1906px 1025px #fff, 730px 1364px #fff,
    1127px 521px #fff, 1401px 1792px #fff, 1954px 1066px #fff, 232px 250px #fff,
    1685px 660px #fff, 1011px 999px #fff, 1970px 790px #fff, 750px 499px #fff,
    1738px 660px #fff, 1621px 1849px #fff, 446px 52px #fff, 1055px 1396px #fff,
    1165px 1497px #fff, 1740px 1425px #fff, 1012px 1920px #fff,
    1258px 1560px #fff, 1020px 1152px #fff, 362px 673px #fff, 1065px 975px #fff,
    582px 755px #fff, 1271px 1479px #fff, 719px 548px #fff, 1602px 879px #fff,
    590px 499px #fff, 721px 1412px #fff, 1180px 113px #fff, 1801px 1961px #fff,
    589px 941px #fff, 883px 476px #fff, 214px 890px #fff, 1028px 892px #fff,
    1107px 1832px #fff, 944px 361px #fff, 480px 1453px #fff, 1466px 683px #fff,
    981px 745px #fff, 1968px 828px #fff, 657px 1830px #fff, 11px 1338px #fff,
    179px 730px #fff, 1713px 197px #fff, 51px 955px #fff, 1243px 319px #fff,
    1175px 624px #fff, 446px 46px #fff, 5px 1158px #fff, 82px 1352px #fff,
    1877px 402px #fff, 708px 1778px #fff, 903px 1625px #fff, 1824px 352px #fff,
    1229px 140px #fff, 1518px 24px #fff, 1017px 512px #fff, 515px 699px #fff,
    295px 265px #fff, 69px 1773px #fff, 1640px 1163px #fff, 536px 342px #fff,
    970px 1766px #fff, 560px 1416px #fff, 577px 193px #fff, 469px 9px #fff,
    466px 276px #fff, 711px 853px #fff, 401px 685px #fff, 85px 506px #fff,
    865px 558px #fff, 631px 105px #fff, 887px 866px #fff, 1704px 1001px #fff,
    1051px 1199px #fff, 275px 1909px #fff, 1462px 829px #fff, 375px 1057px #fff,
    1531px 1501px #fff, 205px 403px #fff, 33px 1869px #fff, 967px 1176px #fff,
    376px 863px #fff, 1769px 1545px #fff, 535px 51px #fff, 1972px 1569px #fff,
    1773px 960px #fff, 487px 620px #fff, 1660px 687px #fff, 1632px 972px #fff,
    1362px 42px #fff, 479px 1655px #fff, 1531px 1808px #fff, 1450px 1412px #fff,
    1549px 170px #fff, 1904px 1305px #fff, 1209px 48px #fff, 1933px 820px #fff,
    1623px 595px #fff, 48px 643px #fff, 179px 1754px #fff, 589px 1032px #fff,
    1199px 356px #fff, 1755px 1418px #fff, 780px 1174px #fff, 1905px 758px #fff,
    1567px 713px #fff, 1372px 705px #fff, 456px 654px #fff, 759px 690px #fff,
    452px 673px #fff, 993px 1610px #fff, 1271px 188px #fff, 343px 1750px #fff,
    1943px 1735px #fff, 1717px 853px #fff, 1247px 303px #fff, 1314px 1895px #fff,
    1203px 489px #fff, 741px 469px #fff, 4px 246px #fff, 1515px 115px #fff,
    606px 218px #fff, 1966px 1471px #fff, 177px 87px #fff, 1575px 588px #fff,
    1136px 1386px #fff, 70px 1868px #fff, 1053px 18px #fff, 1124px 721px #fff,
    1748px 1181px #fff, 191px 1387px #fff, 1931px 840px #fff, 1088px 1603px #fff,
    634px 1255px #fff, 814px 1434px #fff, 585px 64px #fff, 1074px 1618px #fff,
    1692px 761px #fff, 651px 643px #fff, 193px 335px #fff, 1103px 1447px #fff,
    491px 1142px #fff, 521px 408px #fff, 536px 340px #fff, 411px 1091px #fff,
    1646px 193px #fff, 1595px 1285px #fff, 870px 1349px #fff, 1085px 1013px #fff,
    204px 1864px #fff, 1359px 299px #fff, 807px 964px #fff, 219px 509px #fff,
    36px 1227px #fff, 702px 1873px #fff, 1471px 934px #fff, 1763px 792px #fff,
    973px 1957px #fff, 987px 68px #fff, 593px 1282px #fff, 1900px 607px #fff,
    407px 1659px #fff, 587px 17px #fff, 632px 158px #fff;
  -webkit-animation: animStar 600s linear infinite;
  -moz-animation: animStar 600s linear infinite;
  -ms-animation: animStar 600s linear infinite;
  animation: animStar 600s linear infinite;
}
#stars4:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 233px 1976px #fff, 1196px 1119px #fff, 646px 740px #fff,
    335px 645px #fff, 1119px 1452px #fff, 176px 1870px #fff, 639px 1711px #fff,
    647px 1388px #fff, 1516px 1108px #fff, 464px 66px #fff, 331px 344px #fff,
    772px 1189px #fff, 1516px 1850px #fff, 1500px 1463px #fff, 1275px 876px #fff,
    1107px 645px #fff, 977px 478px #fff, 583px 1179px #fff, 284px 395px #fff,
    1220px 461px #fff, 1160px 249px #fff, 196px 865px #fff, 670px 1915px #fff,
    1449px 382px #fff, 1191px 546px #fff, 1329px 605px #fff, 1945px 458px #fff,
    995px 749px #fff, 1495px 861px #fff, 708px 1731px #fff, 348px 653px #fff,
    548px 1298px #fff, 1606px 990px #fff, 1049px 1204px #fff, 253px 1501px #fff,
    1154px 166px #fff, 1087px 104px #fff, 1034px 1161px #fff, 1681px 462px #fff,
    577px 1897px #fff, 193px 1901px #fff, 1701px 1755px #fff, 864px 1297px #fff,
    800px 1289px #fff, 676px 28px #fff, 185px 1341px #fff, 379px 1151px #fff,
    1224px 1725px #fff, 280px 541px #fff, 473px 1196px #fff, 921px 1628px #fff,
    969px 432px #fff, 1475px 758px #fff, 1195px 993px #fff, 876px 1840px #fff,
    1274px 1689px #fff, 1977px 1101px #fff, 837px 527px #fff, 1785px 1610px #fff,
    1650px 1843px #fff, 1127px 1508px #fff, 401px 1050px #fff, 51px 1105px #fff,
    545px 880px #fff, 1786px 1672px #fff, 318px 260px #fff, 568px 254px #fff,
    1026px 1527px #fff, 1242px 852px #fff, 1785px 982px #fff, 1318px 1071px #fff,
    398px 1061px #fff, 1509px 257px #fff, 599px 928px #fff, 1195px 1800px #fff,
    1254px 906px #fff, 141px 26px #fff, 1384px 1502px #fff, 476px 767px #fff,
    1973px 722px #fff, 1339px 1031px #fff, 778px 818px #fff, 213px 1320px #fff,
    184px 221px #fff, 983px 1911px #fff, 923px 1439px #fff, 1936px 581px #fff,
    1105px 625px #fff, 325px 729px #fff, 1475px 204px #fff, 1483px 1564px #fff,
    1327px 1272px #fff, 1187px 1944px #fff, 1945px 1471px #fff, 116px 960px #fff,
    1660px 1610px #fff, 412px 1022px #fff, 1552px 1516px #fff,
    1517px 1892px #fff, 306px 829px #fff, 1416px 462px #fff, 1575px 1460px #fff,
    424px 1500px #fff, 1530px 1169px #fff, 1388px 1608px #fff, 185px 416px #fff,
    634px 1446px #fff, 767px 479px #fff, 71px 426px #fff, 1937px 145px #fff,
    1955px 1312px #fff, 1811px 611px #fff, 1145px 569px #fff, 1460px 676px #fff,
    131px 1858px #fff, 1557px 473px #fff, 735px 130px #fff, 112px 1531px #fff,
    1312px 305px #fff, 409px 1032px #fff, 149px 1964px #fff, 535px 1215px #fff,
    1382px 630px #fff, 1437px 1368px #fff, 362px 1181px #fff, 388px 181px #fff,
    274px 1287px #fff, 1858px 1414px #fff, 661px 1935px #fff, 675px 1205px #fff,
    1829px 1725px #fff, 1937px 1145px #fff, 237px 908px #fff, 1059px 1185px #fff,
    824px 1248px #fff, 1167px 1730px #fff, 180px 1961px #fff, 1663px 203px #fff,
    374px 221px #fff, 724px 1883px #fff, 970px 1362px #fff, 832px 505px #fff,
    313px 233px #fff, 1909px 597px #fff, 434px 201px #fff, 587px 995px #fff,
    1833px 623px #fff, 1464px 561px #fff, 231px 593px #fff, 1558px 1433px #fff,
    1986px 1767px #fff, 1753px 1728px #fff, 1153px 1623px #fff, 249px 229px #fff,
    1503px 1186px #fff, 1784px 137px #fff, 841px 403px #fff, 1400px 354px #fff,
    197px 499px #fff, 1188px 681px #fff, 158px 391px #fff, 443px 1099px #fff,
    723px 1445px #fff, 1408px 1235px #fff, 1908px 195px #fff, 271px 891px #fff,
    469px 1693px #fff, 580px 11px #fff, 1533px 70px #fff, 859px 761px #fff,
    1510px 1844px #fff, 421px 558px #fff, 1132px 1453px #fff, 757px 1987px #fff,
    212px 293px #fff, 569px 323px #fff, 1404px 1394px #fff, 252px 1386px #fff,
    1668px 1857px #fff, 123px 1684px #fff, 105px 490px #fff, 1083px 1769px #fff,
    1071px 1953px #fff, 1271px 1159px #fff, 699px 1491px #fff,
    1744px 1997px #fff, 1868px 1973px #fff, 1438px 1449px #fff,
    1222px 1921px #fff, 1328px 1210px #fff, 438px 873px #fff, 809px 780px #fff,
    491px 1524px #fff, 447px 1830px #fff, 927px 1936px #fff, 564px 691px #fff,
    1784px 1747px #fff, 1978px 1722px #fff, 1599px 1480px #fff,
    1276px 729px #fff, 731px 1174px #fff, 1586px 1711px #fff, 451px 1340px #fff,
    1075px 1899px #fff, 13px 575px #fff, 309px 1340px #fff, 981px 183px #fff,
    248px 1315px #fff, 849px 80px #fff, 1754px 1540px #fff, 73px 1432px #fff,
    1208px 1828px #fff, 65px 575px #fff, 1098px 730px #fff, 127px 1358px #fff,
    185px 19px #fff, 1222px 1679px #fff, 1122px 315px #fff, 1906px 452px #fff,
    761px 284px #fff, 813px 492px #fff, 1344px 843px #fff, 118px 1834px #fff,
    1620px 359px #fff, 1755px 1246px #fff, 299px 1076px #fff, 1746px 158px #fff,
    6px 1635px #fff, 143px 190px #fff, 101px 468px #fff, 137px 971px #fff,
    1221px 1929px #fff, 1752px 650px #fff, 1635px 1761px #fff, 1522px 833px #fff,
    908px 153px #fff, 1044px 350px #fff, 1151px 1940px #fff, 822px 210px #fff,
    1774px 310px #fff, 796px 1447px #fff, 1069px 1903px #fff, 217px 565px #fff,
    662px 1370px #fff, 1876px 1570px #fff, 847px 46px #fff, 1042px 1689px #fff,
    1584px 1434px #fff, 1791px 908px #fff, 973px 908px #fff, 793px 747px #fff,
    122px 483px #fff, 1137px 1374px #fff, 1757px 1791px #fff, 513px 225px #fff,
    63px 731px #fff, 1179px 1926px #fff, 346px 18px #fff, 589px 175px #fff,
    87px 302px #fff, 380px 1295px #fff, 450px 921px #fff, 1667px 1973px #fff,
    1495px 1373px #fff, 1462px 1850px #fff, 540px 288px #fff, 1208px 1051px #fff,
    1554px 1095px #fff, 1009px 1516px #fff, 181px 572px #fff, 165px 387px #fff,
    549px 1835px #fff, 960px 16px #fff, 1360px 403px #fff, 1251px 43px #fff,
    1905px 1813px #fff, 1106px 866px #fff, 1809px 277px #fff, 1828px 1720px #fff,
    295px 1610px #fff, 523px 166px #fff, 1069px 692px #fff, 1292px 217px #fff,
    11px 1721px #fff, 99px 1045px #fff, 51px 1584px #fff, 1053px 266px #fff,
    1287px 1235px #fff, 747px 1722px #fff, 1542px 736px #fff, 1256px 18px #fff,
    102px 609px #fff, 586px 1339px #fff, 1843px 1697px #fff, 824px 1687px #fff,
    1124px 882px #fff, 395px 501px #fff, 1456px 672px #fff, 1472px 1648px #fff,
    1326px 1164px #fff, 777px 1672px #fff, 81px 345px #fff, 91px 386px #fff,
    243px 411px #fff, 1560px 90px #fff, 6px 1771px #fff, 1601px 616px #fff,
    1220px 1808px #fff, 1160px 836px #fff, 246px 1777px #fff, 456px 863px #fff,
    97px 1138px #fff, 1811px 942px #fff, 213px 414px #fff, 891px 392px #fff,
    1044px 927px #fff, 1856px 216px #fff, 957px 347px #fff, 1486px 406px #fff,
    838px 912px #fff, 803px 361px #fff, 564px 826px #fff, 1597px 949px #fff,
    1206px 289px #fff, 33px 1035px #fff, 1762px 1377px #fff, 789px 1815px #fff,
    1594px 1342px #fff, 1668px 880px #fff, 1539px 1581px #fff, 1547px 53px #fff,
    861px 1433px #fff, 693px 1618px #fff, 1762px 782px #fff, 1568px 682px #fff,
    1126px 1762px #fff, 1242px 134px #fff, 495px 959px #fff, 1606px 219px #fff,
    1878px 1415px #fff, 1652px 797px #fff, 782px 1903px #fff, 1774px 1133px #fff,
    1430px 408px #fff, 265px 394px #fff, 890px 336px #fff, 1051px 311px #fff,
    461px 1559px #fff, 1931px 91px #fff, 1160px 380px #fff, 1442px 1058px #fff,
    1157px 364px #fff, 586px 227px #fff, 1365px 715px #fff, 1658px 1655px #fff,
    1923px 1664px #fff, 1023px 1844px #fff, 1939px 1367px #fff,
    1203px 1305px #fff, 359px 642px #fff, 1056px 425px #fff, 787px 202px #fff,
    1609px 1850px #fff, 1964px 200px #fff, 1537px 586px #fff, 1589px 903px #fff,
    1063px 1694px #fff, 760px 1185px #fff, 597px 1396px #fff, 294px 452px #fff,
    433px 818px #fff, 199px 840px #fff, 1332px 1937px #fff, 169px 1907px #fff,
    591px 834px #fff, 1716px 1032px #fff, 45px 1879px #fff, 686px 1469px #fff,
    1520px 475px #fff, 1122px 859px #fff, 973px 1541px #fff, 269px 477px #fff,
    1390px 716px #fff, 1791px 783px #fff, 824px 2000px #fff, 1211px 1717px #fff,
    1008px 1587px #fff, 1422px 204px #fff, 234px 556px #fff, 506px 550px #fff,
    942px 1670px #fff, 397px 853px #fff, 599px 795px #fff, 762px 1926px #fff,
    1202px 1424px #fff, 135px 1316px #fff, 1442px 1692px #fff, 977px 652px #fff,
    564px 1648px #fff, 997px 1474px #fff, 67px 1366px #fff, 1860px 1451px #fff,
    1105px 772px #fff, 1886px 1396px #fff, 1510px 658px #fff, 976px 1544px #fff,
    894px 543px #fff, 1098px 1189px #fff, 690px 77px #fff, 770px 733px #fff,
    557px 1403px #fff, 1758px 1623px #fff, 1341px 812px #fff, 699px 967px #fff,
    277px 866px #fff, 1526px 1828px #fff, 8px 977px #fff, 1707px 952px #fff,
    12px 1900px #fff, 72px 921px #fff, 496px 1067px #fff, 1288px 1749px #fff,
    273px 984px #fff, 1197px 1991px #fff, 242px 789px #fff, 903px 1035px #fff,
    480px 1492px #fff, 102px 1331px #fff, 738px 1343px #fff, 560px 1475px #fff,
    367px 846px #fff, 1420px 962px #fff, 1976px 892px #fff, 1911px 1763px #fff,
    1639px 1002px #fff, 437px 1522px #fff, 1906px 1025px #fff, 730px 1364px #fff,
    1127px 521px #fff, 1401px 1792px #fff, 1954px 1066px #fff, 232px 250px #fff,
    1685px 660px #fff, 1011px 999px #fff, 1970px 790px #fff, 750px 499px #fff,
    1738px 660px #fff, 1621px 1849px #fff, 446px 52px #fff, 1055px 1396px #fff,
    1165px 1497px #fff, 1740px 1425px #fff, 1012px 1920px #fff,
    1258px 1560px #fff, 1020px 1152px #fff, 362px 673px #fff, 1065px 975px #fff,
    582px 755px #fff, 1271px 1479px #fff, 719px 548px #fff, 1602px 879px #fff,
    590px 499px #fff, 721px 1412px #fff, 1180px 113px #fff, 1801px 1961px #fff,
    589px 941px #fff, 883px 476px #fff, 214px 890px #fff, 1028px 892px #fff,
    1107px 1832px #fff, 944px 361px #fff, 480px 1453px #fff, 1466px 683px #fff,
    981px 745px #fff, 1968px 828px #fff, 657px 1830px #fff, 11px 1338px #fff,
    179px 730px #fff, 1713px 197px #fff, 51px 955px #fff, 1243px 319px #fff,
    1175px 624px #fff, 446px 46px #fff, 5px 1158px #fff, 82px 1352px #fff,
    1877px 402px #fff, 708px 1778px #fff, 903px 1625px #fff, 1824px 352px #fff,
    1229px 140px #fff, 1518px 24px #fff, 1017px 512px #fff, 515px 699px #fff,
    295px 265px #fff, 69px 1773px #fff, 1640px 1163px #fff, 536px 342px #fff,
    970px 1766px #fff, 560px 1416px #fff, 577px 193px #fff, 469px 9px #fff,
    466px 276px #fff, 711px 853px #fff, 401px 685px #fff, 85px 506px #fff,
    865px 558px #fff, 631px 105px #fff, 887px 866px #fff, 1704px 1001px #fff,
    1051px 1199px #fff, 275px 1909px #fff, 1462px 829px #fff, 375px 1057px #fff,
    1531px 1501px #fff, 205px 403px #fff, 33px 1869px #fff, 967px 1176px #fff,
    376px 863px #fff, 1769px 1545px #fff, 535px 51px #fff, 1972px 1569px #fff,
    1773px 960px #fff, 487px 620px #fff, 1660px 687px #fff, 1632px 972px #fff,
    1362px 42px #fff, 479px 1655px #fff, 1531px 1808px #fff, 1450px 1412px #fff,
    1549px 170px #fff, 1904px 1305px #fff, 1209px 48px #fff, 1933px 820px #fff,
    1623px 595px #fff, 48px 643px #fff, 179px 1754px #fff, 589px 1032px #fff,
    1199px 356px #fff, 1755px 1418px #fff, 780px 1174px #fff, 1905px 758px #fff,
    1567px 713px #fff, 1372px 705px #fff, 456px 654px #fff, 759px 690px #fff,
    452px 673px #fff, 993px 1610px #fff, 1271px 188px #fff, 343px 1750px #fff,
    1943px 1735px #fff, 1717px 853px #fff, 1247px 303px #fff, 1314px 1895px #fff,
    1203px 489px #fff, 741px 469px #fff, 4px 246px #fff, 1515px 115px #fff,
    606px 218px #fff, 1966px 1471px #fff, 177px 87px #fff, 1575px 588px #fff,
    1136px 1386px #fff, 70px 1868px #fff, 1053px 18px #fff, 1124px 721px #fff,
    1748px 1181px #fff, 191px 1387px #fff, 1931px 840px #fff, 1088px 1603px #fff,
    634px 1255px #fff, 814px 1434px #fff, 585px 64px #fff, 1074px 1618px #fff,
    1692px 761px #fff, 651px 643px #fff, 193px 335px #fff, 1103px 1447px #fff,
    491px 1142px #fff, 521px 408px #fff, 536px 340px #fff, 411px 1091px #fff,
    1646px 193px #fff, 1595px 1285px #fff, 870px 1349px #fff, 1085px 1013px #fff,
    204px 1864px #fff, 1359px 299px #fff, 807px 964px #fff, 219px 509px #fff,
    36px 1227px #fff, 702px 1873px #fff, 1471px 934px #fff, 1763px 792px #fff,
    973px 1957px #fff, 987px 68px #fff, 593px 1282px #fff, 1900px 607px #fff,
    407px 1659px #fff, 587px 17px #fff, 632px 158px #fff;
}

@-webkit-keyframes animStar {
  from {
    -webkit-transform: translateY(0px);
  }
  to {
    -webkit-transform: translateY(-2000px);
  }
}
@-moz-keyframes animStar {
  from {
    -moz-transform: translateY(0px);
  }
  to {
    -moz-transform: translateY(-2000px);
  }
}
@-ms-keyframes animStar {
  from {
    -ms-transform: translateY(0px);
  }
  to {
    -ms-transform: translateY(-2000px);
  }
}
@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}


.bg-grey {
    background: #f3f3f3;
}
.p-t-80 {
    padding-top: 80px;
}

.heading-section{
    text-align:center;
    text-transform:capitalize;
    color: black;
    margin: 0 0 79px 0;
    font-size: 40px;
}

.icon-box{

background: #fdf0c1;

margin: 0 0 80px;

border: 2px solid #0778bd;
}.icon-box .icon{

text-align: center;
}.icon-box .icon img{

width: 100px;

height: 100px;

background: #0778bd;

border-radius: 50%;

margin: -41px 0 0 0;
}

 .content{
         font-family: "Raleway",sans-serif;
         text-align: center;
         height: 95px;
         font-size: 15px;
         padding: 10px;
         line-height: 20px;
 }


 .icon-box .icon img:hover {
 
background: #004067;
}

 .banner-bottom-arrow {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    text-align: center;
    width: 61px;
    height: 61px;
    border: 1px solid white;
    padding: 9px 8px 35px;
    border-radius: 50%;
    margin: 0 auto;
}
 .header h1 {
    font-size: 5rem;
    color: white;
}.header p {
    font-size: 1.25rem;
    font-weight: 300;
}
 main {
    height: 5vh;
    display: block;
    justify-content: center;
    align-items: center;
    width: 100%;
}
 .text {
    background: url(../../../nitrocdn.com/wJcEWfoopvyjHZRxLZWcOpIgHqHwSNZb/assets/static/optimized/rev-d6c01eb/wp-content/uploads/logo-background.gif);
    background-size: cover;
    background-position: center center;
    -webkit-background-clip: text;
    color: transparent;
    font-size: 2rem;
    font-weight: bold;
    font-family: sans-serif;
}
  .uc_style_awesome_text_elementor_add_text {
    font-family: "Poppins",mulish;
    font-size: 74px;
    font-weight: bold;
    letter-spacing: 10px;
}

 @media only screen and (max-width:768px){

     .kode_wel_demo_des {
    float: left;
    width: 100%;
    margin-top: 14px;
    padding: 20px;
    background: #ffffffab;
}.kode_welcome {
    float: left;
    width: 100%;
    position: relative;
    margin: 65px 0 0;
}
     .nav > li > a {
    position: relative;
    display: block;
    padding: 12px 43px;
    color: black;
    font-weight: 500;
    letter-spacing: 2px;
    font-weight: 700;
    width: 100%;
    margin: 0 0 8px;
    text-transform: uppercase;
    border: 2px solid #0778bd;
}
     .pl {
    display:none
}.au-btn-sm {
    height: 40px;
    line-height: 28px;
    font-size: 15px;
    /* padding: 11px 21px; */
    text-transform: capitalize;
    width: 100%;
    letter-spacing: 1px;
    position: fixed;
    bottom: 0;
}
 .uc_style_awesome_text_elementor_add_text {
    font-family: "Poppins",mulish;
    font-size: 39px;
    font-weight: bold;
    letter-spacing: 10px;
}
    
 }
 
 
  
 
 .menu--main {
  display: block;
 
  bottom: 0;
  margin: 0 auto;
  text-align: c;
}
.menu--main li {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding: 15px 10px;
  margin-right: -4px;
  color: white;
  transition: 0.2s;
  font-weight: 400;
  width: 190px;
  letter-spacing: .095em;
  text-transform: capitalize;
  text-transform: uppercase;
}
.menu--main li:hover {
  background-color: #fad23a;
  color: black;
}
.menu--main li:hover .sub-menu {
  max-height: 600px;
  /* height: 400px; */
  width: 100%;
  visibility: visible;
  position: absolute;
  bottom: 100%;
  background: #035f9a;
  transition: all 0.4s linear;
}
.menu--main .sub-menu {
  display: block;
  visibility: hidden;
  position: absolute;
  left: 0;
  box-shadow: none;
  max-height: 0;
  width: 150px;
  overflow: hidden;
}
.menu--main .sub-menu li {
  display: block;
}  
.menu--main .sub-menu li a:hover {color:black}

.sub-menu a{color:white}

.jungle-time,.topbar_phone{    margin: 8px 0 0 0; }

.fr h3{
    font-size:40px
}


 .de .card-title{
               color: #024a75;
               font-weight: 500;
               padding: 0 0 0 19px;
               font-size: 38px;
               border-bottom: 1px solid silver;
               padding: 0px 0 10px;
        }
    
        .de    .card {
    padding: 30px 0px;
    /* background: #dfede0; */
}

        .rty6 li{
                border: 1px solid #d4d4d4;
                margin: 5px 0px 22px;
                padding: 10px;
                background: #0778bd14;
                font-size: 17px;
        }

        .sale a{
            color:WHITE
        }

        .sml-heading {
    font-weight: 400;
    font-size: 27px;
    padding: 10px 12px;
    background: #ffffff;
    margin: 12px 0px 14px 0px;
}
        .c-c-text {
    display: block;
    font-size: 14px;
    background: #ffffff;
    padding: 8px 12px;
    border-bottom: 1px solid silver;
}



        @media only screen and (max-width:768px){
            .menu--main li {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding: 15px 2px;
    margin-right: -4px;
    color: white;
    transition: 0.2s;
    font-weight: 400;
    width: 100px;
    letter-spacing: .095em;
    text-transform: capitalize;
    text-transform: uppercase;
    font-size: 11px;
}
        }

/*------- Project page------*/

@media screen and (max-width: 25em) {
	.codrops-header {
		font-size: 75%;
	}
	.codrops-icon span {
		display: none;
	}
}
.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;	
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 15px;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 0;
    font-size: 13px;
    text-transform: capitalize;
    line-height: 24px;
}


/*-----------------*/
/***** Steve *****/
/*-----------------*/

figure.effect-steve {
	z-index: auto;
	overflow: visible;
	background: #000;
}

figure.effect-steve:before,
figure.effect-steve h2:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #000;
	content: '';
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-steve:before {
	box-shadow: 0 3px 30px rgba(0,0,0,0.8);
	opacity: 0;
}

figure.effect-steve figcaption {
	z-index: 1;
}

figure.effect-steve img {
	opacity: 1;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: perspective(1000px) translate3d(0,0,0);
	transform: perspective(1000px) translate3d(0,0,0);
}

figure.effect-steve h2,
figure.effect-steve p {
	background: #fff;
	color: #2d434e;
}

figure.effect-steve h2 {
	position: absolute;
    margin-top: 2em;
    padding:8px 0;
    bottom: 0;
    letter-spacing:0;
    left: 0;
    font-size: 17px;
    color: #000;
    box-shadow: none;
    right: 0;
    background: #fcd540;
    font-weight: 600;
}

figure.effect-steve h2:before {
/*	box-shadow: 0 1px 10px rgba(0,0,0,0.5);*/
}

figure.effect-steve p {
    padding: 35px 24px;
    width: 100%;
    text-align: justify;
    font-size: 15px;
	margin-top:0;
	font-weight: 800;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(0.9,0.9,1);
	transform: scale3d(0.9,0.9,1);
}

figure.effect-steve:hover:before {
	opacity: 1;
}

figure.effect-steve:hover img {
	-webkit-transform: perspective(1000px) translate3d(0,0,21px);
	transform: perspective(1000px) translate3d(0,0,21px);
}

figure.effect-steve:hover h2:before {
	opacity: 0;
}

figure.effect-steve:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}


/****** amenities **/

.view {
    width: 100%;
    height: 300px;
    float: left;
 /*   border: 10px solid #fff;*/
    overflow: hidden;
    position: relative;
    text-align: center;
    /*box-shadow: 1px 1px 2px #e6e6e6;*/
    cursor: default;
    background: #fff url(../images/bgimg.html) no-repeat center center
}

.view-first span {
    display: block;
    color: #fff;
    position: absolute;
    z-index: 999999;
    bottom: 0;
    background: #0f6dab;
    width: 100%;
    padding: 14px;
    font-size: 20px;
    cursor: pointer;
}
.view .mask, .view .content {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    padding-top: 33%;
}
.view img {
    display: block;
    position: relative
}
.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0
}
.view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 15px 14px;
    background: #000;
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000;
}
.view a.info:hover {
    box-shadow: 0 0 5px #000;
}

.view-first img { 
    transition: all 0.2s linear;
}
.view-first .mask {
    opacity: 0;
    width: 100%;
    background-color: rgb(253, 214, 66, 0.8);
    transition: all 0.4s ease-in-out;
    height: 100%;
}
.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.view-first p { 
    transform: translateY(100px);
    opacity: 0;
	transition: all 0.2s linear;
}
.view-first a.info{
    opacity: 0;
	transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

/***** amenitites end ******/

/*------- Project page end------*/

.row-space{
    margin:45px 0;
    display:block;
}

.project-left-box{
    background: #0f6dab;
    padding: 20px 75px 20px 30px;
    left: 25px;
}

.project-right-box img{
    position: absolute;
    width: 100%;
    border-radius: 3px;
    border: 10px solid #fff;
   /* right: 40px;*/
   right: 25px;
    top: 50px;
    box-shadow: 0px 2px 3px rgb(0 0 0 / 60%);
}

.project-left-box h2 {
    font-size: 34px;
    font-weight: bold;
    letter-spacing: 0;
    color:#fff;
    line-height: 44px;
}

.project-left-box h2 span{
    width: 100%;
    display: block;
    font-size: 18px;
}

.project-left-box p{
    color: #fff;
    text-align: justify;
    line-height: 24px;
    margin: 10px 0 20px 0;
}

.project-right-box.left-box img{
    position: absolute;
    width: 100%;
    border-radius: 3px;
    border: 10px solid #fff;
   /* left: 40px;*/
    left: 25px;
    z-index: 1;
    top: 30px;
    box-shadow: 0px 2px 3px rgb(0 0 0 / 60%);
}

.project-left-box.right-box{
    background: #0f6dab;
    padding: 20px 30px 20px 75px;
    left: -25px;
}

.project-title{
    font-size: 30px;
    letter-spacing: 0;
    padding: 10px 5px;
    font-weight: bold;
    margin-bottom:30px;
    border-top: 1px dashed #0f6dab;
    text-align: center;
    border-bottom: 1px dashed #0f6dab;
}

.plc-box ul li span.badge{
    background: #fcd540;
    padding: 5px;
    color: #000;
    font-size: 16px;
    border-radius: 4px;
}

.plc-box ul .list-group-item{
    position: relative;
    font-size: 16px;
    display: block;
    color:#fff;
    font-size:18px;
    padding: 14px 15px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.plc-box {
    width: 100%;
    float: left;
    display: block;
}

/******** recent project pic *************/

#gallery {
  padding-top: 40px;
  @media screen and (min-width: 991px) {
    padding: 60px 30px 0 30px;
  }
}

.img-wrapper {
  position: relative;
  margin-top: 15px;
  img {
    width: 100%;
  }
}
.img-overlay {
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  i {
    color: #fff;
    font-size: 3em;
  }
}

#overlay {
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  // Removes blue highlight
  -webkit-user-select: none;
  -moz-user-select: none;    
  -ms-user-select: none; 
  user-select: none; 
  img {
    margin: 0;
    width: 80%;
    height: auto;
    object-fit: contain;
    padding: 5%;
    @media screen and (min-width:768px) {
        width: 60%;
    }
    @media screen and (min-width:1200px) {
        width: 50%;
    }
  }
}

#nextButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  &:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
    font-size: 3em;
  }
}

#prevButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  &:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
    font-size: 3em;
  }
}

#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
  &:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
    font-size: 3em;
  }
}

/******** recent project end  *************/

@media screen and (max-width: 767px) {

   
    .project-left-box {
    padding: 20px 20px 20px 30px;
    order: 1;
}
    .project-left-box{
        left:0;
    }
    .project-left-box.right-box {
    left: 0;
}
    .project-left-box h2 {
        font-size: 28px;
    }
    .project-right-box img {
        position: relative;
        right: 0;
        top: -20px;
    }
    .project-left-box.right-box {
    background: #0f6dab;
    top: -50px;
    padding: 20px 30px 20px 30px;
}
    .project-right-box.left-box img {
    position: relative;
    left: 0;
    top: 0;
}
    .row-space {
    margin: 20px 0;
}
    .banner-inner {
    height: 230px;
}
    .responsive-space{
       margin-bottom: 25px;
    display: block;
    overflow: hidden;
    }
}

.modal-bg {
  /*  background-image: url('../POPUP2.png');*/
}

.modal-bg .modal-body .container{
    max-width:580px;
    position:absolute;
    top:160px;
}

.modal-bg .modal-body .popup-form .form-group label{
    display:none;
}

.modal-bg .modal-body .popup-form .form-group input{
    height: 40px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    font-size: 14px;
    padding: 5px 0 5px 10px;
    border-radius: 2px;
}

.modal-bg .modal-body .popup-form .form-group textarea {
    font-size: 14px;
    padding: 5px 0 5px 10px;
    height: 50px;
}

.modal-bg .modal-body .popup-form .btn{
    background: #004b7c;
    color: #fff;
    border: 1px solid #004b7c;
    padding: 4px 12px;
    float: left;
    font-size: 14px;
    margin-top: 10px;
}

.call-us {
    display: block;
    overflow: hidden;
    float: none;
    width: 100%;
    text-align: left;
    padding: 13px 0 0 0;
    font-size: 20px;
    color: #004b7c;
    font-weight: bold;
}

.propertyImg .title {
    font-size: 16px;
    font-weight: 600;
    right: 0;
    top: 38%;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 0 1px #004cbf;
    bottom: 0;
    left: 10px;
    opacity: 0;
    line-height: 20px;
    z-index: 2;
    transform: scale(0);
    transition: all .5s ease .2s;
}

.view-details .title {
    font-size: 22px;
    font-weight: 600;
    right: 0;
    top: 38%;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 0 1px #004cbf;
    bottom: 0;
    left: 10px;
    opacity: 0;
    line-height: 20px;
    z-index: 2;
    transform: scale(0);
    transition: all .5s ease .2s;
}

.s-no{
    width:80px;
}
.view-details{
    margin-bottom:20px;
}
.view-details table th {
    background-color: #0778bd;
}
.view-details tr th {
    font-size:20px;
} 

.view-details tr td {
    font-size:16px;
} 

.details-box h3{
    margin-bottom: 25px;
    padding: 7px;
    font-size: 26px;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    font-weight: 700;
}

.apart a{
    color:#fff;
}

@media screen and (max-width: 767px) {


   .modal-bg .modal-body .popup-form .form-group input {
    height: 28px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    font-size: 13px;
    border-radius: 2px;
}
   .modal-bg .modal-body .container {
    top: 80px;
    width: 100%;
}
   .modal-bg .modal-body .popup-form .btn {
    background: #004b7c;
    color: #fff;
    border: 1px solid #004b7c;
    padding: 3px 7px;
    float: left;
    font-size: 12px;
    margin-top: 3px;
}
   .modal-bg .modal-body .popup-form .form-group textarea {
    font-size: 13px;
    margin:0;
    height: 35px;
}
   .call-us {
    font-size: 9px;
    padding: 10px 0 5px 3px;
    background: #fafafa;
    border-radius: 6px;
    display: block;
}
}