@charset "UTF-8";
/* CSS Document */

/*GLOBAL*/
@font-face{
    font-family: Circe-Light;
    src:url("../fonts/Circe-Light.otf");
}
@font-face{
    font-family: Circe-Regular;
    src:url("../fonts/Circe-Regular.otf");
}
@font-face{
    font-family: Facto-Bold;
    src:url("../fonts/Facto-Bold.otf");
}
@font-face{
    font-family: Facto-Medium;
    src:url("../fonts/Facto-Medium.otf");
}
@font-face{
    font-family: Facto-Regular;
    src:url("../fonts/Facto-Regular.otf");
}
@media (min-width:1300px){
    .body-content{
        max-width: 1200px;
        margin: 0 auto;
        position: relative;
    }
}
.clear-left {
    clear: left;
}

body {
    background: #F1F1F2;
    min-width: 1200px;
    font-family: "Circe-Light";
    font-size: 13px;
}

p, li {
    letter-spacing: 0.5px;
    color: #c6c6c6;
    font-size: 13px;
}

a {
    cursor: pointer;
}

a:hover {
    color: #F1F1F2;
}

#home, #concept, #plan, #location, #registration, #developer {
    position: relative;
}

.content-sect1, .col-wrapper, .col-lf-2, .col-rt-2, .loc-sect1, .dev-wrapper {
    height: 93%;
}

#concept .content-info p{
    color: #757373;
}

#home h2 {
    font-size: 3em;
}

.pale-green {
    color: #008081;
}

.dk-green {
    color: #5E8548;
}

.pale-blue {
    color: #387AA0;
}
.sky-blue {
    color: #0073B1;
}

.pale-green {
    color: #008081;
}

.brown {
    color: #6D6554;
}

.grey {
    color: #4D687F;
}

.pale-blue {
    color: #387AA0;
}

.teal {
    color: #2C8F9A;
}

span.sm-text {
    /*font-family: 'Unit-Light';*/
    font-size:13px;
}

/*POPUP*/
.pop-up-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
}

.pop-up-box {
    text-align: center;
    background: url('../img/openforreg.jpg');
    width: 600px;
    height: 360px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.pop-up-box h1 {
    /*font-family: 'ArrusBT-Roman';*/
    margin-top: 274px;
    text-transform: uppercase;
    font-size: 24px;
    color: #fff;
}

.btn-close {
    position: absolute;
    right: -20px;
    top: -24px;
}

.pop-up-box h1:hover {
    color: #eee;
}
/*HOME*/

.home-img1 {
    background-position: top center !important;
}

.home-img2, .home-img3 {
    background-position: bottom center !important;
}

#home {
    width: 100%;
}

#home .flexslider{
    height: 100% !important;
}

#concept .flexslider{
    height: 100%;
}

#home .flexslider .slides,
#home .flexslider .slides > li
{
    height: 100%;
}

#concept .flexslider .slides,
#concept .flexslider .slides > li{
    height: 100%;
}
#home .flexslider .slides > li,
#concept .flexslider .slides > li{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#home .slides h2 {
    /*font-family: 'ArrusBT-Roman';*/
}

#concept,#home {
    z-index: 888;
}

#header {
    font-family: "Facto-Medium";
    position:fixed;
    z-index: 990;
    min-width: 1200px;
    width: 100%;
    height: 100px;
    background-color: #106980;
}

.lineboth{
    background-image: url(../img/header/lineboth.png);
    background-repeat: no-repeat;
    background-position: 0% 50%;
}
.line{
    background-image: url(../img/header/line.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
}
.line2{
    background-image: url(../img/header/line2.png);
    background-repeat: no-repeat;
    background-position: 0% 100%;
    background-size: 90%;
}
.home-img1-desc {
    font-family: "Circe-Light";
    position: absolute;
    bottom: 5%;
    left: 0%;
    background: #0000008c;
    FONT-SIZE: 23PX;
    padding: 10PX 40PX 10px 130px;
    letter-spacing: 5px;
}
.home-img1-desc span.THREE{
    padding-left: 1em;
    padding-bottom: 2px;
}
.home-img1-desc span.ONE {
    padding-left: 2.2em;
    FONT-SIZE: 36PX;
}
.home-img1-desc span.TWO {
    padding-left: 0em;
    FONT-SIZE: 36PX;
}
/*
.home-img2-desc {
        position: absolute;
        bottom: 45%;
        right: 15%;
        color: #6D6554;
}

.home-img2-desc span{
        padding-left: 2em;
}*/


/*NAV*/
#header ul{

}

#section-footer ul li a.active{
    color: red;
}

.mn-bar-bg {
    background: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index:1;
    opacity: 0.3;
}


.mn-bar-bg2 {
    background: #007B76;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index:1;
    top:0;
}

.logo {
    margin-top: 20px;
    margin-left: 65px;
}



.menu-desc {
    float: right;
    width: 90px;
    height: 70px;
    text-align: center;
    z-index: 3;
    position: relative;
}

.menu-desc > img {
    z-index: 10;
    position: relative;
    width: 40px;
    top: 14px;
}

.next-page {
    position: fixed;
    width: 40px;
    height: 40px;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
}

.menu-bar ul li{
    display: inline-block;
    list-style: none;
    margin-right: 35px;
    color: #fff;
}

.btnOpen > img {
    width: 27px;
    margin-top: 8px;
}

/*CONCEPT*/

#concept .col-lf-2,
#concept .backstretch{
    width: 100% !important;
}
#concept .backstretch{
    
}
#concept .col-rt-2 {
    width: 45%;
}

.col-lf-2 {
    width: 55%;
    float:left;
    position: relative;
}

.col-rt-2 {
    width: 45%;
    float:left;
    position: relative;
    box-sizing: border-box;
}

.col-rt-2 img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    height: 90%;
    padding: 15px;
    box-sizing: border-box;
}

.content-sect1 .col-rt-2 {    
    /*BACKGROUND-COLOR: #57B6B9;*/
    /* background: url(../img/nk_bg.jpg); */
    background-size: cover;
    background-position: bottom center;
}
.vistas .content-sect1 .col-rt-2 {    
    background-color: #00B881;
}
.exp .content-sect1 .col-rt-2{
    background-color: #57B7BA;
}
.relax,.activity,.strategy {    
    background-color: #106980;
}
.concept-section {
    position: relative;
    /*border-top: 5px solid #fff;*/
}

.concept-section .content-wrapper {
    width: 600px;
    font-size: 13px;
    padding: 15px 15px;
    color: #757373;
}
.concept-section.relax .content-wrapper{
    width:515px;
}
#concept .content-wrapper h2{
    /*font-family: 'ArrusBT-Roman';*/
    font-size: 24px;
    font-weight: 100;
    margin-bottom: 0;
    margin-top: 0;
}

#concept .content-wrapper h2 img {
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 0px;
    cursor: pointer;
}

#concept .content-wrapper ul {
    padding-left: 1.2em;
}

#concept .content-wrapper ul li{
    color: #1D1D1B;
}

.concept-section .content-sect2 {
    background: url('../img/concept/bg-1.jpg');
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: center;
}

.concept-section .content-sect2 .content-wrapper {
    bottom: 4%;
    left: 4%;
}

.concept-section .content-sect3 {
    background: url('../img/concept/bg-2.jpg');
    background-size: cover;
    width: 100%;
    height: 100%;	
}

.concept-section .content-sect3 .content-wrapper {
    bottom: 4%;
    right: 4%;
    padding: 15px 15px;
}

.concept-section .content-sect4 {
    background: url('../img/concept/bg-3.jpg');
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: center;
}

.concept-section .content-sect4 .content-wrapper {
    bottom: 4%;
    right: 4%;
    padding: 15px 15px;
}

.concept-section .content-sect5 {
    background: url('../img/concept/bg-4.jpg');
    background-size: cover;
    width: 100%;
    height: 100%;	
}

.concept-section .content-sect5 .content-wrapper {
    bottom: 4%;
    right: 4%;
    padding: 15px 15px;
}

.concept-section .content-sect6 {
    background: url('../img/concept/bg-5.jpg');
    background-size: cover;
    width: 100%;
    height: 100%;	
}

.concept-section .content-sect6 .content-wrapper {
    left: 4%;
    bottom: 4%;
    width: 595px;
    padding: 15px 15px;
}

.concept-section .content-sect7 {
    background: url('../img/concept/bg-6.jpg');
    background-size: cover;
    width: 100%;
    height: 100%;	
}

.concept-section .content-sect7 .content-wrapper {
    right: 4%;
    bottom: 4%;
    width: 560px;
    padding: 15px 15px;
}

.concept-section .content-sect8 {
    background: url('../img/concept/bg-7.jpg');
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: center;
}

.concept-section .content-sect8 .content-wrapper {
    left: 4%;
    bottom: 4%;
    padding: 15px 15px;
}

.concept-section .content-sect9 {
    background: url('../img/concept/bg-8.jpg');
    background-size: cover;
    width: 100%;
    height: 100%;	
}

.concept-section .content-sect9 .content-wrapper {
    bottom: 4%;
    left: 4%;
    width: 748px;
    padding: 15px 15px;
}

.concept-section .content-wrapper {
    position: absolute;
    top: 70px;
    left: 7%;
}

.concept-section .content-wrapper .content{
    position: relative;
    z-index: 10;
}

.concept-section .content-bg {
    background: #F1F1F2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    z-index: 1;
}

.bottom-none {
    margin-bottom: 0;
}

.concept-section .content-sect1 .col-wrapper .col-rt-2 .content-wrapper {
    width: 71%;
    /*height: 100%;*/
    position: absolute;
    top: 20%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.content-info {
    display: none;
}

/*FACILITIES*/

#facilities {
    background: #fff;
    background-size:cover;
    background-position: bottom center;
}

#facilities .lt-col-2{
    width: 35%;
    box-sizing:border-box;
    float:left;
}

#facilities .rt-col-2{
    width: 65%;
    box-sizing:border-box;
    float: right;
    overflow: hidden;
}

.facilities-plan-img {
    width: 90%;
    padding: 0 5%;
}

.facilities-wrapper {
    height: 100%;
}

#facilities .bg-separator2 p {
    /*font-family: 'ArrusBT-Roman';*/
    color: #2C8F9A;
    font-size: 24px;
    padding: 0 60px;
}

.lt-col-2-content {
    position: relative;
    margin-left: 85px;
    margin-top: 30px;
}

.facilities-sm-img-wrapper {
    position: relative;
    height: 368px;
    margin-bottom: 35px;
}

.facilities-nav-btns ul{
    padding-left: 0;
}

.facilities-sm-img-wrapper > img{
    position: absolute;
    width: 100px;
}

#facilities .lt-col-2-content p{
    font-family: 'ArrusBT-Roman';
    color: #2C8F9A;
    font-size: 24px;
}

.facilities-nav-btns ul li {
    display: inline-block; 
    font-size: 13px;
    color: #01736F;
}

.facilities-nav-btns ul li:nth-child(1) {
    padding-right: 5px;
}

.facilities-nav-btns ul li:nth-child(2) {
    padding: 0 10px;
    border-left: 2px solid #2695A8;
    border-right: 2px solid #2695A8;
}

.facilities-nav-btns ul li:nth-child(3) {
    border-right: 2px solid #2695A8;
    padding: 0 10px;
}
/***Loader***/

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

    z-index: 1001;
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #8DD7F7;

        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #9bc058;

        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    @-webkit-keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    @keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }

    #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        background: #106980;
        z-index: 1000;
        -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateX(0);  /* IE 9 */
        transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
    }

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }

    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

    /* Loaded */
    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(-100%);  /* IE 9 */
                transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }

    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(100%);  /* IE 9 */
                transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }
    
    .loaded #loader {
        opacity: 0;
        -webkit-transition: all 0.3s ease-out;  
                transition: all 0.3s ease-out;
    }
    .loaded #loader-wrapper {
        visibility: hidden;

        -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateY(-100%);  /* IE 9 */
                transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.3s 1s ease-out;  
                transition: all 0.3s 1s ease-out;
    }
    
/*PLAN*/

#plan .col-lf-2{
    background-size: cover;
    background-position: center center;
}

.plan-section .col-lf-2, .plan-section .col-rt-2 {
    width: 45%;
}

#plan .plan-section {
    position: relative;
    /*border-top: 5px solid #fff;*/
    padding: 130px 0;
}

.plan-section .col-wrapper{
    width: 100%;
}
#plan .plan-section .col-lf-2 .content-wrapper{
    width: 100%;
    height: 485px;
    /*position: absolute;*/
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    margin: auto;
}

#plan .plan-section .col-lf-2 .content-wrapper h2 {
    margin: 0;	
    /*    font-family: 'ArrusBT-Roman';*/
    color: #2C8F9A;
    font-size: 24px;
    text-align: left;
}

#plan .plan-section .col-lf-2 .content-wrapper p {
    margin: 0;	
    text-align: left;
}

#plan .plan-section .col-lf-2  img{
    padding-top: 45px;
    padding-bottom: 25px;
    width: 35%;
}

.btm-link ul {
    text-align: left;
    padding-top: 10px;
    padding-left: 15px;
}

.btm-link ul li {
    text-decoration: none;
}

.btm-link ul li a {
    text-decoration: none;
    color: #87ADAC;
}

.btm-link ul li a.active {
    color: #2695A8;
}

/*.btm-link ul li:nth-child(1) {
        padding-right: 20px;
}

.btm-link ul li:nth-child(2) {
        padding: 0 20px;
        border-left: 2px solid #2695A8;
        border-right: 2px solid #2695A8;
}

.btm-link ul li:nth-child(3) {
        padding: 0 20px;
        border-right: 2px solid #2695A8;
}

.btm-link ul li:nth-child(4) {
    padding: 0 20px;
}*/


/*GALLERY*/
#gallery {
    background: url('../img/nk_bg.jpg');
    background-size: cover;
    background-position: bottom center;
}

.gallery-content {
    width: 1024px;
    margin: 0 auto;
    height: 100%;
}


#gallery .col-lt-2 {
    width: 60%;
    float: left;
}

#gallery .option-btns ul li {
    display: inline-block;
    list-style: none;
}


#gallery .col-rt-2 {
    width: 32%;
    float: right;
    overflow: scroll;
}

#gallery .col-rt-2 .thumb-col-1{
    width: 50%;
    float: left;
}

#gallery .col-rt-2 .thumb-col-1 > div {
    margin-bottom: 15px;
    margin-right: 15px;
}

#gallery .col-rt-2 .thumb-col-2 > div {
    margin-bottom: 15px;
}

#gallery .col-rt-2 .thumb-col-2{
    width: 50%;
    float: left;
}


#gallery .slides {
    background-position: center center;
}

.gallery-content {
    position: relative;
}

#gallery .gallery-content .option-btns {
    margin-bottom: 40px;
}

#gallery #slider {
    height: 485px;
    width: 727px;
    box-sizing: border-box;
    float: left;
}

.flexslider .slides > li {
    height: 100%;
}


#gallery #slider .slides {
    height: 100%;
}

#gallery #slider .slides .flex-active-slide {
    height: 100%;
}

#gallery #carousel-custom {
    background: transparent;
    width: 275px;
    margin-left: 20px;
    float: left;
    height: 485px;
}

#gallery #carousel-custom .slides {
    margin-left: 0 !Important;
}

#gallery #carousel-custom li{
    margin-bottom: 13px;
}

#gallery #carousel-custom li:nth-child(odd) {
    margin-right: 13px;
}

#gallery #carousel-custom .slides img{
    width: 100%;
}

.flex-viewport {
    height: 100%;
}

.flex-viewport ul li{
    float: none;
}

/*.flexslider .slides img {
    height: 100% !important;
}*/

/*LOCATION*/

#location .col-rt-2 p{
    margin-bottom: 7px;
}

#location .col-rt-2 > div > div:nth-child(2) ul{
    margin-top: 0;
}

#location .col-rt-2 > div > div:nth-child(3) ul{
    margin-top: 0;
}

#location .col-rt-2 > div > div:nth-child(4) ul{
    margin-top: 0;
}


#location {
    overflow: hidden;
    width: 100%;
}

.location-map {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 10;
}

.location-map2 {
    height: 100%;
    position: absolute;
    width: 100%;
    background: #fff;
}

.amenities {
    height: 100%;
    position: absolute;
    width: 100%;
    background: #F1F1F2;
}

.amenities h5 {
    /*font-family: 'ArrusBT-Roman';*/
    color: #5CB1C2;
    font-weight: normal;
}

.location-map2 > img{
    width: 100%;
}

.loc-rt-col {
    padding: 2% 5%;
}

.loc-rt-col .content > div{
    margin-bottom: 35px;
}

.loc-rt-col .content > div h5{
    margin-bottom: 8px;
}

.loc-image-group1 {
    overflow: auto;	
}


.loc-image-group1 > div{
    float: left;
    margin-right: 5px;
}

.loc-image-group1 > div:nth-child(3){
    float: left;
}

.loc-image-group2 {
    overflow: auto;	
}


.loc-image-group2 > div{
    float: left;
    margin-right: 5px;
}

#location .col-rt-2 {
    padding: 20px 40px 15px 50px;
    background: url('../img/nk_bg.jpg');
    font-size: 13px;
    background-size: cover;
    background-position: center center;
}

#location .col-rt-2 {
    height: 607px;
    box-sizing: border-box;
}

#location .col-lf-2 {
    height: 607px;
    box-sizing: border-box;
}

#location .col-rt-2 ul {
    padding-left: 0;
    margin-left: 1em;
}

#location .col-rt-2 .option-btns ul {
    margin-left: 0;
}

#location .col-rt-2 .option-btns {
    margin-bottom: 40px;
}

#location .col-rt-2 .option-btns ul li {
    display: inline-block;
    list-style: none;
}

#location .col-rt-2 .option-btns ul li:nth-child(1) {
    padding-right: 20px;
}


#location .col-rt-2 .option-btns ul li:nth-child(2) {
    padding: 0 20px;
    border-left: 2px solid #2695A8;
    border-right: 2px solid #2695A8;
}

#location .col-rt-2 .option-btns ul li:nth-child(3) {
    padding-left: 20px;
}



#location .col-rt-2 .option-btns ul li a {
    text-decoration: none;
    color: #87ADAC;
    /*font-family: Arial, Helvetica, sans-serif;*/
}

#location .col-rt-2 .title-desc {
    /*font-family: 'ArrusBT-Roman';*/
    font-size: 15px;
    color: #2C8F9A;
}

/*gallery*/

#gallery .option-btns ul li:nth-child(1) {
    padding-right: 20px;
}


#gallery .option-btns ul li:nth-child(2) {
    padding: 0 20px;
    border-left: 2px solid #2695A8;
    border-right: 2px solid #2695A8;
}

#gallery .option-btns ul li:nth-child(3) {
    padding: 0 20px;
    border-right: 2px solid #2695A8;
}

#gallery .option-btns ul li:nth-child(4) {
    padding-left: 20px;
}


#gallery .option-btns ul li a {
    text-decoration: none;
    color: #87ADAC;
    /*font-family: Arial, Helvetica, sans-serif;*/
}


/*NICESCROLL*/
.nicescroll-cursors {
    width: 10px !important;
    height: 10px !important;
    background: #017A75 !important;
    left: 5px !important;
    opacity: 0.5;
}

/*DEVELOPER*/

#developer {
    position: relative;
}
#developer .upbg{
    background-color: #57B7BA;
    height: 250px;
    position: absolute; 
    /* display: inline-block; */
    width: 100%;
}

#developer .logo-wrapper {
    position: absolute;
    bottom: 15%;
    left: 5%;
}

#developer .logo-wrapper img{
    width: 100px;
}

#developer .logo-wrapper p {
    font-size: 13px;
    width: 300px;

}

.co-info, #developer .content {
    position: relative;
    z-index: 10;
    padding: 10%;
}

.co-info > div {
    display: inline-block;
}

.co-info .logo {
    width: 80px;
}

.co-info a {
    margin-left: 15px;
    text-decoration: none;
    color: #3D4289;
    cursor: pointer;
}

.co-info .logo > img {
    width: 100%;
}


.dev-col3-bg {
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:1;
    opacity: 0.9;
}

/*REGISTRATION*/

.btn_register{
    position: fixed;
    z-index: 1;
    left: 0;
    top: 40%;
    margin-left: -88px;	
}

#registration {
    background: #F1F1F2;
    padding-bottom: 70px;
    background: url('../img/nk_bg.jpg');
    background-size: cover;
    background-position: bottom center;
}

#registration form {
    font-size: 13px;
}

#registration h3 {
    width: 920px;
    margin: auto;
    padding: 45px 0 35px;
    /*font-family: 'ArrusBT-Roman';*/
    font-size: 24px;
}

/*ABOUT*/

#about {
    background: url('../img/nk_bg.jpg');
    background-size: cover;
    background-position: bottom center;
}

.about-lt-col {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 1% 5% 0%;
}

.about-lt-col img {
    width: 95%;
    float: right;
}

.about-lt-col div:nth-child(2) img {
    margin-top: 10px;
}

.about-rt-col {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 10px 110px 70px 25px;
}

#about h2 {
    /*font-family: 'ArrusBT-Roman';*/
    font-size: 24px;
}

.awards-group {
    margin-top: 25px;
    height: 190px;
}

.awards-group img:nth-child(1) {
    padding: 0  20px 0 0;
} 

.awards-group img {
    padding: 0  20px;
}

/*FOOTER*/

#section-footer {
    width: 100%;
    height: 45px;
    text-align: center;
    position: fixed;
    min-width: 1200px;
    bottom: 0;
    z-index: 100;
}

#section-footer ul{
    display: inline-block;
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 10;
    margin-bottom: 0;
    margin-top: 12px;
}

#section-footer ul li{
    display: inline-block;
    list-style: none;
    color: #706F6F;
    border-left: 1px solid #706F6F;
    padding: 0 20px;
    font-size: 12px;
    font-family: "Circe-Regular";
}

#section-footer ul li:nth-child(1) {
    border-left: none;
}

#section-footer ul li a {
    text-decoration: none;
    color: #706F6F !important;
}

.sect-footer-bg {
    background-color: #EDEBDD;
    width: 100%;
    height: 100%;
}

/*CONTACT*/

#contact {
    clear: both;
    /*padding-bottom: 100px;*/
    background-color: #106980;
    background-size: cover;
    background-position: bottom center;
}

.contact-wrapper {
    text-align: center;
    /*font-family: 'ArrusBT-Roman';*/
    padding-top: 20px;
}

.contact-wrapper a {
    letter-spacing: 0.5px;
    color: #c6c6c6;
    font-size: 13px;
}

#contact img {
    margin-bottom: 10px;
    position: relative;
}

.footer-pages .content-wrapper {
    width: 800px;
    margin: 0 auto;
}

.footer-pages .content-wrapper h2 {
    /*font-family: 'ArrusBT-Roman';*/
    color: #2C8F9A;
    font-size: 24px;
}

.footer-pages .content-wrapper p,  .footer-pages .content-wrapper li, .footer-pages .content-wrapper a{
    width: 90%;
}

.footer-pages .content-wrapper span.title-desc {
    font-size: 15px;
    font-weight: bold;
    color: #c6c6c6;
}


span.lg-text {
    font-size: 16px;
}

/*DISCLAIMER*/

#disclaimer {
    clear: both;
    background: url('../img/nk_bg.jpg');
    background-size: cover;
    background-position: bottom center;
}

/*PRIVACY*/

#privacy {
    clear: both;
    background: url('../img/nk_bg.jpg');
    background-size: cover;
    background-position: bottom center;
}

#privacy .content-body, #tnc .content-body {
    height: 400px;
    overflow: scroll;
}

#privacy .content-body ol, #privacy .content-body ul  {
    width: 710px;
    padding-left: 20px;
}

/*TNC*/

#tnc {
    clear: both;
    background: url('../img/nk_bg.jpg');
    background-size: cover;
    background-position: bottom center;
}

/*PAGE TOP GAP*/

#facilities, #gallery, #location, #registration,/* #developer,#privacy,  #tnc,#contact, #disclaimer*/ #about {
    border-top: 5px solid #fff;
}

/*BG SEPARATOR*/

.bg-separator {
    background-repeat:no-repeat;
    background-size: cover;
    position: relative;
}

.bg-separator img {
    width: 180px;
    margin-top: 18px;
    margin-left: 50px;
    position: absolute;
    left: 0;
}

.bg-separator2 {
    height: 139px;
    background-repeat:no-repeat;
    background-size: cover;
    position: relative;
}

.bg-separator2 img {
    width: 180px;
    margin-top: 18px;
    margin-left: 50px;
    position: absolute;
    left: 0;
}

@media (min-width: 1000px){

    .menu-wrapper {
        width: 100%;
        float: right;
    }

    #home .logo-wrapper {
        position: absolute;	
        z-index: 10;
        top: 0;
    }



    .menu-bar {
        width: 860px;
        height: 70px;
    }

    .menu-bar ul {
        position: absolute;
        margin-top: 26px;
        margin-bottom: 26px;
        margin-left: 5px;
    }
}
@media (max-width: 1000px){

    .menu-wrapper {
        width: 100%;
        float: right;
    }
    
    #home .logo-wrapper {
        position: absolute;	
        z-index: 10;
        top: 0;
    }

    .menu-bar {
        width: 860px;
        height: 70px;
    }

    .menu-bar ul {
        position: absolute;
        margin-top: 26px;
        margin-bottom: 26px;
        margin-left: 5px;
    }
    /*.menu-desc, .menu-btn{
              width: 100%;	
    }
    
    .menu-bar {
            width: 100%;
            
              height:auto;
    }
    
    .menu-bar ul {
            position: relative;
      z-index: 2;
      margin-left: initial;
      text-align: center;
      width: 100%;
      padding: 0;
    }
    
    .menu-bar ul li {
              display: block;	
              margin-right: initial;
    }
    
    .mn-bar-bg {
            top: 0;
    }*/

    #section-footer ul {
        padding: 0;	
    }

/*    #header {
        height: initial;
    }*/

}

ul li a.active {
    color: white !important;
    background-image: url(../img/header/line.png);
    background-repeat: no-repeat;
    background-position: 72% 111%;
    background-size: 600px;
}

ul li a {
    color: #86ADAC !important;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.menu-bar ul li a.active {
    color: #fff !important;
    font-weight: bolder;
}

.menu-bar ul li a {
    color: #fff !important;
    font-weight: 100;
}

#section-footer ul li a.active {
    color: #000 !important;
    font-weight: bolder;
    background-image: none;
}

#section-footer ul li a {
    /*color: #fff !important;*/
    font-weight: 100;
}

.slides li{
    cursor: pointer;
}

/*PRELOADER*/

.preloader {
    position: fixed;
    width: 100%;
    background:#000;
    z-index:999;
    opacity: 1;
}

.preloader-wrapper {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/*TEMP BACKGROUND*/

.temp-bg {
    position: absolute;
    width: 100%;
    height: 2000px;
    z-index: 995;
    background: #000;
}