@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Raleway:400,700');

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon/icomoona57c.eot?srf3rx");
    src: url("../fonts/icomoon/icomoona57c.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoona57c.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoona57c.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoona57c.svg?srf3rx#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'thecalluna';
    src: url('../fonts/thecalluna/thecalluna010a.eot?g53j78');
    src: url('../fonts/thecalluna/thecallunad41d.eot?#iefixg53j78') format('embedded-opentype'), url('../fonts/thecalluna/thecalluna010a.ttf?g53j78') format('truetype'), url('../fonts/thecalluna/thecalluna010a.woff?g53j78') format('woff'), url('../fonts/thecalluna/thecalluna010a.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-webfontd41d.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%;
    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('../../assets/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('../../assets/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(../../assets/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.jpg);
        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://subtlepatterns.com/patterns/geometry2.png) repeat 0 0;
    /* width: 100%; */
    /* margin: 0; */
    background: url(../../assets/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: -32px 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;
    overflow-x:hidden;
}

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: #1b4169;
    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;
    width: 180px;
}

#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 !important;
    }

    #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: 0px;
    }

        #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: 0px 10px 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 20px 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: 9;
        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: 130px;
    }

#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: #003c63;
    }

    .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;*/
        width:100px;
    }

    #header .logo-small {
        display: block;
    }

    .nav-col.home {
        padding-top: 10px;
    }

    .simple-weather {
        padding-bottom: 0;
    }
    .kode_welcome_bg ul.kode_tab_lnk {
       margin-bottom: 30px !important;
     }
    .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: 220px;
    }

        /*.banner-inner h1 {
            font-size: 30px;
            letter-spacing: 2px;
            line-height: 30px;
            top: 50%;
            left: 10%;
        }*/

       .banner-inner .separator {
        margin-top: 5px;
        margin-bottom: 0px;
    }
    #gallery {
       padding-top: 0px !important;
    }
    .fr h3 {
    font-size: 25px !important;
    }
    .why_invs {
    padding-top: 30px !important;
    padding-bottom: 20px !important;
    }
    .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: 230px !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: 18px;
        letter-spacing: 2px;
        line-height: 30px;
        /* top: 73%; */
        margin-top: 65px;
        margin-left: 0px;
        font-weight: 700;
    }

   .banner-inner img {
        min-height: 150px;
    }
   .kode_welcome_bg {
    margin-top: 20px !important;
   }
    .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%;
    padding: 40px;
    =: #ffffff;
    background: linear-gradient(to right, #bafffb, #ffffff);
}

    .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: 800;
        position: relative;
        font-size: 30px;
        padding-bottom: 10px;
    }

        .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.jpg);
        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(../../assets/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(../../assets/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 20px;
    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(../../assets/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.png) 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.jpg) 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.jpg);
    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: #003c63;
    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: 0px 0 0 0;
    background: black;
}

.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(https://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.jpg) 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;
}

.list_chs {
    display: block;
    justify-content: space-around;
}

@media screen and (max-width: 767px) {
    .tt_ee .kode_kkwelcome img.img-responsive {
        margin: 10px auto;
    }

    .heading-section {
        font-size: 32px !important;
        line-height: 40px;
    }

    .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;
    }
}



.tt_ee .col-lg-5 {
    align-self: center;
}

ul.why_insvtmnt li {
    padding: 12px 12px;
    background-color: #cda617;
    width: auto;
    margin-bottom: 12px;
    color: white;
    font-size: 18px;
}

.why_invs {
    padding-top: 100px ;
    padding-bottom: 35px;
}

.list_chs {
    display: flex;
    justify-content: space-around;
    margin-top: 14px;
}

.list_bns h3 {
    font-size: 30px;
    font-weight: 900;
    color: black;
}

.list_bns h5 {
    font-size: 18px;
    font-weight: 800;
    color: #3F51B5;
    margin-top: 19px;
    line-height: 30px;
}

.list_bns {
    text-align: center;
}

.team_matchng .kode_wel_demo_des {
    background: linear-gradient(to left, #bafffb, #fdfefff2);
}

.kode_wel_outr_wrap h3.hd {
    font-size: 40px;
    line-height: 78px;
    color: #fff;
}

.spcl_lnchng h3 {
    font-size: 16px;
    font-weight: 600;
    color: black;
    line-height: 28px;
}

.spcl_lnchng h2 {
    font-size: 20px;
    font-weight: 800;
}

.spcl_lnchng h5 {
    font-size: 35px;
    color: #783f04;
    font-weight: 900;
    margin-bottom: 20px;
}

.spcl_lnchng h6 {
    text-transform: capitalize;
}

.spcl__lnchgg .kode_wel_demo_des {
    background-color: #fff;
}


    .spcl__lnchgg .kode_wel_demo_des h4 {
        line-height: 56px;
    }





@media screen and (max-width: 1199px) {
    .list_chs {
        display: block !important;
    }
}


.data__fund h1 {
    font-size: 35px;
    font-weight: 900;
    color: black;
    line-height: 40px;
}

.data__fund h5 {
    margin-top: 18px !important;
    margin-top: 8px;
    color: #0778bd;
    font-size: 30px;
}

.data__fund p {
    text-align: left;
    margin-bottom: 0;
}

.data__fund h3.note__ss {
    font-size: 14px;
    text-align: left;
}

ul.list_mnth {
    text-align: left;
    color: black;
    font-size: 14px;
}


.founder_pg {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.name_fndr h5 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
}
.founder_pg .tab-content > .active {
    display: flex;
    background: linear-gradient(to right, #bafffb, #ffffff);
    border: 6px solid #015386;
    border-radius: 30px;
}

.img_sec {
    padding-right: 0;
}

    .img_sec .kode_welcome1 {
        float: inline-end;
    }

        .img_sec .kode_welcome1 img.img-responsive {
            border-bottom-right-radius: 22px;
        }