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

.c1{ background-color:rgba(81, 94, 101, 1);}
.c2{ background-color:rgba(183, 148, 96, 1);}
.c3{ background-color:rgba(255,255,255,1);}

/*
rgba(240,126,59,1);
rgba(229,153,82,1);
rgba(215,176,105,1);
rgba(198,194,128,1);
rgba(172,205,133,1);
*/

.tc1{ color:rgba(81, 94, 101, 1);}
.tc2{ color:rgba(183, 148, 96, 1);}
.tc3{ color:rgba(255,255,255,1) !important;}

.mo{display:none !important;} /* mobile only */
.do{display:inline-block !important;} /* pc only */

.p0   {padding:0px !important;}
.p15  {padding:15px;}
.p30  {padding:30px;}
.p60  {padding:60px;}
.p90  {padding:90px;}
.p120 {padding:120px;}

.pt15  {padding-top:15px;}
.pt30  {padding-top:30px;}
.pt45  {padding-top:30px;}
.pt60  {padding-top:60px;}
.pt90  {padding-top:90px;}
.pt120 {padding-top:120px;}

.pb0   {padding-bottom:0px;}
.pb15  {padding-bottom:15px;}
.pb30  {padding-bottom:30px;}
.pb60  {padding-bottom:60px;}
.pb90  {padding-bottom:90px;}
.pb120 {padding-bottom:120px;}

.mb15  {margin-bottom:15px;}
.mb30  {margin-bottom:30px;}
.mb60  {margin-bottom:60px;}
.mb120 {margin-bottom:120px;}

.mt15  {margin-top:15px;}
.mt30  {margin-top:30px;}
.mt20  {margin-top:20px;}
.mt60  {margin-top:60px;}
.mt120 {margin-top:120px;}

.bdt{border-top:15px solid rgba( 55,  48,  45, 1);}
.bdr{border-right:15px solid rgba( 55,  48,  45, 1);}
.bdb{border-bottom:15px solid rgba( 55,  48,  45, 1);}
.bdl{border-left:15px solid rgba( 55,  48,  45, 1);}

.fr {float:right;}
.fl {float:left;}

.rfx {position:relative;left:5px;}
.lfx {position:relative;right:5px;}

.ni {text-indent: 0px;}

.fw100{font-weight:100;}
.fw200{font-weight:200;}
.fw300{font-weight:300;}
.fw400{font-weight:400 !important;}
.fw500{font-weight:500;}
.fw600{font-weight:600;}
.fw700{font-weight:700;}
.fw800{font-weight:800;}
.fw900{font-weight:900;}

.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}

.bIcon
{
    transition: all ease-in-out 0.4s;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 14px;
    font-size: 1.8rem;
    line-height: 1;
    border-radius: 50%; 
    width: 70px;
    height: 70px;
    position: fixed;
}

.nav-icon {
    
    color: rgba(240,126,59, 1);
    background-color: rgba(255,255,255,1);
    top: 20px;
    right: 20px;
    z-index: 1150;
}

.top-icon
{
    color: rgba(240,126,59, 1) !important;
    background-color: rgba(255,255,255,1);
    bottom: 40px;
    left: 40px;
    z-index: 99;
    display:none;
    padding:20px;
}

.close-icon
{
    color: rgba(240,126,59, 1) !important;
    background-color: rgba(255,255,255,1);
    position: absolute;
    bottom: 40px;
    right: 20px;
    z-index: 999;
}

.close-icon:hover, .top-icon:hover, .nav-icon:hover
{
    background-color: rgba(240,126,59, 1) !important;
    color: rgba(255,255,255,1) !important;
}

.top-icon a, .close-icon a
{
    color:unset;
}

.top-icon a:hover, .close-icon a:hover
{
    text-decoration: none;
}

#menu2 .nav
{
    display:none;
    text-align: right;
    font-size:2rem;
    background-color: rgba(255,255,255,1);
    padding-top:100px;
    padding-bottom:30px;
    position:fixed;
    top:0px;
    right:0px;
    z-index:999;
    width:100vw;
    height:100vh;
}

#menu2
{
    z-index:1150;
}

.nav-link
{
    display: block;
    padding: 10px 45px;
    font-family: 'cpb';
    color: rgba(240,126,59, 1);
}

.nav-link:hover
{
    color:rgba(0,0,0,1);
    letter-spacing: 2px;
}

.stat
{
    display:none;
}

.child
{
    display:none;
}

.child img
{
    width:100%;
}

@font-face {
    font-family: 'petit';
    src: url('../fonts/petit.woff?epq4b8') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }

  @font-face {
	font-family: 'cpm';
	src: url(../fonts/cpm.otf);
  }

  @font-face {
	font-family: 'cpb';
	src: url(../fonts/cpb.otf);
  }

  @font-face {
	font-family: 'cpl';
	src: url(../fonts/cpl.otf);
  }

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

body{
    overflow-x:hidden;
    font-family: 'cpl', sans-serif;
    background:#fff !important;
    font-size:1.2rem;
}

body, nav, .col{
    margin:0px !important;
    padding:0 !important;
}

.navbar
{
    position:relative;
    min-height:50px;
    font-family: 'Josefin Sans', sans-serif;
}

.nv-logo
{
    height:auto;
    position:fixed;
    top:40px;
    left:40px;
    z-index:99;
}

.nav-logo-bio
{
    position:absolute;
}

.foot-logo
{
    height: auto;
    position: relative;
    z-index: 9;
    float: left;
    left: 50%;
    transform: translateX(-50%);
    top: -60px;
}

.slide
{
    height:100vh;
    width:100vw;
    overflow:hidden;
}

.room{
    transition: all ease-in-out 0.4s;
    width: 300px;
    height: 300px;
    background-size: cover;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:30px;
    box-shadow:0px 0px 0px 200px inset rgba(183, 148, 96, 0.7);
    color: rgba(255,255,255,1);
}

.room:hover{
    cursor:pointer;
    color: rgba(255,255,255,0);
    box-shadow:0px 0px 0px 0px inset rgba(183, 148, 96, 0.7);
}

.rmNum
{
    font-size:15vh;
    font-weight: 900;
    font-family: 'Josefin Sans',sans-serif;
}





a{
    transition: all ease-in-out 0.4s;
    text-decoration: none;
}

section a:hover{
    transition: all ease-in-out 0.4s;
    letter-spacing: 2px;
    color:#7ea69b;
    text-decoration: none;
}

section{
    /*height: 100vh;*/
    /* width: 100%; */
    background: #fff;
    position: relative;
}

.big
{
    padding-top:100px;
    height:100vh;
    width:100%;
    background-image: url(../img/big.jpg);
    background-size: cover;
    background-position:center;
}

.type
{
    width:80vw;
    display:none;
}

.cal
{
    padding-top:100px;
    font-family: 'petit';
    font-size:42px;
    line-height: 52px;
}

.cal p{
    text-indent: 0px;
    text-align: center;
}
.rt
{
    transform: rotate(180deg);
    margin-left:-150px !important;
}

.trip
{
    min-height:50vh;
}

.pb150
{
    padding-bottom:150px;
}

.inv
{
    text-align: center !important;
    font-size:26px;
    line-height:50px;
}

.flex-center
{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap;
}

.nh
{
    height:auto !important;
    min-height:auto !important;
}

.h50
{
    min-height:50vh !important;
}

.serv-holder
{
    width: 300px;
    text-align: center;
    margin:30px 50px;
}

.hotel-info
{
    
    font-size:18px;
    margin:50px;
    width: 50vw;
    margin-top: 150px;
}

#map
{
    width:100vw;
    height:120vh;
}

.button
{
    letter-spacing: none;
    background:rgba(183, 148, 96, 1);
    color:#fff;
    padding:15px 20px;
    border-radius:15px;
    margin:20px;
    cursor:pointer;
    font-family: 'Josefin Sans',sans-serif;
}

.button span{
    font-weight:100;
}

.button:hover
{
    letter-spacing:1px;
    background:rgba(81, 94, 101, 1);
    color:#fff;
}

.location .button
{
    flex-grow: 1;;
}

.who
{
    width:20%;
    text-align: left !important;
    margin-top: -150px;
    float:left;
    position: relative;
    top:-40px;
    left:50px;
    color: rgba(255,255,255,1);  
    text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    margin-bottom:100px;
}

.row
{
    padding:20px;
}

h1
{
    font-family:'cpb', sans-serif;
    font-size:4rem;
}

.who h1
{ 
    font-size:2.5rem;
    color:rgba(255,255,255,1);
}

h2 
{
    font-family: 'cpl',sans-serif;
    font-size:2rem;
    color:rgba(172,205,133,1);
    margin-bottom:60px;
}

.who h2
{
    font-family:'cpm', sans-serif;
    font-size:1.3rem;
    color:rgba(255,255,255,1);
}

h3
{
    font-family:'cpb', sans-serif;
    font-size: 1.7rem;
    font-weight:900;
}



.langs {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: rgba(255,255,255,1);
    padding: 4px 9px 14px 8px;
    border-radius: 50%;
    z-index:1100;
}

.lim {
    transition: all ease-in-out 0.2s;
    cursor: pointer;
    width: 36px;
    height: 36px;
    /* box-shadow: inset 0px 0px 0px 30px rgba(201, 136, 14,0.8); */
    /* border-radius: 50%; */
    top: 5px;
    /* left: 1px; */
    /* margin-top: -58px; */
    position: relative;
}

.lgr
{
    display:none;
}

.lim:hover, .limc {
    transition: all ease-in-out 0.2s;
    box-shadow: inset 0px 0px 0px 0px rgba(201, 136, 14,1) !important;
}

.gr{
    display:none;
}

.linf {
    font-size: 8px;
    color: #999;
    letter-spacing: 1px;
    text-align: center;
}

.icon-menu
{
    position: relative;
    top: 2px;
}


h1 .gr{
    font-family:'Roboto', 'Ubuntu', sans-serif;
}

.book-info span, .book-info strong{
    display:block;
}

.book-info{
    display:flex;
    align-items: center;
    justify-content: center;
}

.book-info .w-90
{
    width:90%;
    padding:30px;
}

.book-info .icon
{
    margin-top:30px;
    font-size:1.5rem;
    margin-bottom:15px;
}

.modal
{
    display:flex;
    align-items: center;
    justify-content: center;
    position:fixed;
    width:100vw;
    height:100vh;
    background:rgba(255,255,255,0.8);
}

.modalCon a{
    text-decoration: none;
}

.modalCon .button span
{

    font-weight: 400;
}

.icon-close
{
    transition:all ease-in-out 0.4s;
    border-radius: 50%;
    display: flex;
    width: 100px;
    height: 100px;
    font-size: 3rem;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,1);
    color:rgba(81, 94, 101, 1);
}

.sectionInner1
{
    padding:120px;
    width:50%
}

#blog .sectionInner1 {width:100%}

.sectionInner2 h3 { color:rgba(240,126,59, 1); }

.sectionInner2 p
{
    margin:30px 0px;
}

.stat p, .child p
{
    margin:0px;padding-bottom:30px;
}



#philosophy
{
    background-image: url(../img/im1.jpg);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    
}

#services
{
    background-image: url(../img/im2.jpg);
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top:200px;
    padding-bottom:500px;
}

#remote
{
    background-image: url(../img/im3.jpg);
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    color:rgba(0,0,0,1);
}

#bmi
{
    background-image: url(../img/im7.jpg);
    background-color: rgba(238,180,37,1);
    background-position: top right;
    background-size: 100%;
    background-repeat: no-repeat;
    color: rgba(0,0,0,1);
}

#blog
{
    background-image: url(../img/im4.jpg);
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
    padding-bottom:200px;
}

#test
{
    background-image: url(../img/im5.jpg);
    background-position: center top;
    background-color: rgba(196,219,191,1);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 0px 0px;
    padding-bottom:200px;
    color:rgba(0,0,0,1);
}

#niki
{
    background-image: url(../img/im6.jpg);
    background-position: right bottom;
    background-size: contain;
    background-repeat: no-repeat;
    padding:200px 0px;
    padding-top:0px;
}

#clients
{
    background-color: rgba(238,180,38,1);
    padding:100px 0px 300px 0px;
    text-align: center;
}

footer
{
    background-color: rgba(238,180,38,1);
    padding:50px 0px;
    text-align: center;
    font-size:0.7rem !important;
    color:rgba(255,255,255,1);
}

#location
{
    padding:0px;

}

#bmi .sectionInner1 {width:100%}

#remote h1, #remote h2, #bmi h1, #bmi h2 {color:rgba(255,255,255,1)}
#test h2, #clients h2 {color:rgba(255,255,255,1)}
#blog h1, #blog h2, #blog {text-align:center;}

.col-l
{
    text-align: left;
}

.col-serv
{
    padding:30px 60px !important;
    
}

.row-serv
{
    padding:100px 200px;
}

b
{
    font-family:'cpb',sans-serif;
}

.tick
{
    font-weight: 900;
    color:rgba(255,255,255,1);
    display: inline-block;
    margin-right:10px;
}

.list
{
    line-height:3rem;
}

.sep
{
    width:100%;
    height:221px;
    margin-bottom:-1px;
}

.flipV
{
    -moz-transform: scale(1, -1);
    -webkit-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
    margin-top:-1px;
}

.flipH
{
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
    margin-top:-1px;
}

.flipVH
{
    -moz-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -ms-transform: scale(-1, -1);
    transform: scale(-1, -1);
    margin-top:-1px;
}

.sp3{margin-top:-220px;position:relative;z-index: 9;}
.sp2{margin-bottom:-220px;position:relative;z-index: 9;}

#sep1 { background-image:url(../img/sep1.png)}
#sep2 { background-image:url(../img/sep2.png)}
#sep3 { background-image:url(../img/sep3.png)}
#sep4 { background-image:url(../img/sep4.png)}

.latestPosts
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.field
{
    /*display:inline-block;*/
    margin-bottom:10px;
}

select, input
{
    padding:5px 10px;
    border-radius:50px;
    background:none;
    border:2px solid rgba(255,255,255, 1);
    width:80px;
    font-family:'cpm',sans-serif;
    color:rgba(255,255,255, 1);
}

#sex2 {width:120px;}

option{color:rgba( 55,  48,  45, 1)}

button
{
    transition:all ease-in-out 0.4s;
    background:rgba(255,255,255, 1);
    padding:7px 20px;
    border-radius:50px;
    font-family:'cpb',sans-serif;
    border:2px solid rgba(255,255,255,1);
    cursor:pointer;
    font-size:1.2rem;
}

h2 button{position:relative;top:-3px;}

button icon {position:relative;top:2px;}

.bG{
    background:rgba(172,205,133,1);
    color:rgba( 255,255,255,1);
    border:2px solid rgba(172,205,133,1);
}

.bbG{
    background:rgba(238,180,37,1);
    color:rgba( 255,255,255,1);
    border:2px solid rgba(238,180,37,1);
    font-size:2rem;
    margin-top:100px;
}

button:hover
{
    transition:all ease-in-out 0.4s;
    background:rgba( 55,  48,  45, 1);
    border:2px solid rgba( 55,  48,  45, 1);
    color:rgba(255,255,255,1);
    letter-spacing: 3px;
}

#test i
{
    display:block;
    font-size:0.8rem;
    line-height:1.2rem;
    margin-top:40px;
}

#carouselId2
{
    width:100%;
    height:500px;
}

.cl-row
{
    padding:0px 300px !important;
}

.bull
{
    display: inline-block;
    margin:0px 20px;
}

footer a{
    color:rgba(255,255,255,1);
    font-family: 'cpb',sans-serif;
    font-weight:bold;
}

footer a:hover
{
    text-decoration: none;
    color:rgba(0,0,0,1);
}

#location .sectionInner1 {padding:0px 120px;}

.slidePost
{
    height:40vh;
}

.postImage
{
    float: right;
    position: relative;
    z-index: 9;
    border-radius: 50%;
    height: 40vw;
    width: 40vw;
    right: 150px;
    top: -300px;
    border: 10px solid rgba(255,255,255,1);
    background-size: cover;
    background-position: center;
}

#post
{
    padding-bottom:300px;
}

.preFooter
{
    width: 60vw;
    margin-bottom: 60px;
    font-size: 1rem;
}

.preFooter icon
{
    display:block;
    font-size:1.8rem;
    margin-bottom:20px
}

.postTHimage
{
    width: 300px;
    height: 300px;
    border-radius: 50%;
    border: 10px solid rgba(240,126,59, 1);
    box-shadow: inset 0px 0px 0px 20px rgba(255,255,255,1);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom:30px;
}

.post center
{
    padding:60px;
}

.post h3{
    color:rgba(240,126,59, 1);
}

#result, #result2
{
    display: none;
    margin-top: 20px;
    /* font-weight: bold; */
    /* margin-left: 20px; */
    color: rgba(0,0,0,1);
    font-family: 'cpl';
    border-radius: 25px;
    border: 2px solid rgba(255,255,255,1);
    padding: 20px;
    width: 35vw;
    background:rgba(255,255,255,1);
}

#result b, #result2 b {font-family: 'cpb', sans-serif;}

.r1{color:rgba(32,197,197,1)}
.r2{color:rgba(74,181,74,1)}
.r3{color:rgba(255,238,0,1)}
.r4{color:rgba(231,146,20,1)}
.r5{color:rgba(255,102,1,1)}
.r6{color:rgba(255,0,0,1)}

.blogHolder
{
    /*padding:120px 120px 0px 120px;*/
}


@media (max-width: 1185px) {       
    .slide, .carousel-inner, .carousel-item {
        height:80vh;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .carousel-item img{
        width:auto !important;
        height:100% !important;
    }

}

@media (min-width: 1201px) {       
    .t1{
        display: block !important; 
    }       
}

@media (max-width: 1200px) {       
    .t2{
        display: block !important; 
    }       
}



@media (max-width: 1015px) {           
    #menu{display:none !important;} 
    #menu-im{display:block;}
    /*.nav-icon{display:block;}*/
}

@media (min-width: 1015px) {           
    #menu-im{display:none;} 
    /*.nav-icon{display:none;}*/
}


@media (max-width: 620px) {       
    .t2{
        display: none !important; 
    }             
    .t3{
        display: block !important; 
    }     
    .hotel-info
    {
        margin:20px;
        width: 90vw;
    }  
}

@media all and (orientation:portrait)
{
    body, .col, .row {overflow-x:hidden;}

    .row {margin-left:0px; margin-right:0px;}
    

    .sectionInner1
    {
        padding:30px;
        width:100%;
    }

    .who
    {
        width:80vw;
    }

    .sep
    {
        margin-bottom:-2px;
    }

    #philosophy {background-image:none;}
    #services   {background-size:cover; padding-bottom:0px}
    #remote     {background-image:none; padding:100px 0px;      background-color:rgba(238,180,37, 1);}
    #blog       {background-image:none; padding-bottom:300px}
    #test       {background-image:none; padding-top:150px;      background-color:rgba(196,219,191,1); }
    #bmi        {background-image:none; padding:150px 0px;}
    #niki       {background-size:auto 350px;padding-bottom:400px}
    #clients    {padding: 100px 0px 100px 0px;text-align: center;}

    #philosophy .sectionInner1  {background-color: rgba(255,255,255,0.9)}
    #location .sectionInner1    {padding:0px 30px;}
    #services   center          {background-color: rgba(255,255,255,0.9)}

    #services center {padding:30px;}
    .row {display:block;}
    .col-serv, .row-serv, .cl-row {padding:0px;}
    .latestPosts {display:block}
    .post center {padding:30px;}
    .bbG {font-size:1.5rem;}

    #result, #result2 {width:unset;}
    h2 button {display:block;top:20px}

    .tick { display: block; margin-top:20px;}
    .list {line-height:unset;}
    .remoteDots {text-align:center;}

    .cl-row{padding:0px !important;}

    .cl-row img { margin-bottom: 50px; }

    .fSep {display:none;}

    h1 {font-size:3rem;float:left}

    .preFooter icon {margin-top:30px; margin-bottom:10px}

    .foot-logo {top:0px;}

    .top-icon{left: 50vw; transform: translateX(-50%);}
    .nv-logo{left: 50vw; transform: translateX(-50%);}
    

    footer {padding-bottom:160px;}

    video {height:100vh;transform:translateX(-20%)}

    .bull  {display:block;}

    #menu2 .nav {right:51px;font-size:1.4rem;}

    .postBody #menu2 .nav {right:0px;}

    .postBody .slidePost {height:45vh !important}
    .postBody .nav-icon  {right:20px }

    .postBody .postImage {
        float:none;
        position: relative;
        z-index: 99;
        border-radius: 50%;
        height: 256px;
        width: 256px;
        top: 0px;
        left:50vw;
        border: none;
        background-size: cover;
        background-position: center;
        transform: translateX(-50%);
        margin-bottom: 50px;
    }
}