.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{
    padding:0;
    margin:0;
    border:0;
    outline:none;
    vertical-align:top
}
.fancybox-wrap{
    position:absolute;
    top:0;
    left:0;
    z-index:8020
}
.fancybox-skin{
    position:relative;
    background:#f9f9f9;
    color:#444;
    text-shadow:none;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}
.fancybox-opened{
    z-index:8030
}
.fancybox-opened .fancybox-skin{
    -webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);
    -moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);
    box-shadow:0 10px 25px rgba(0,0,0,0.5)
}
.fancybox-outer,.fancybox-inner{
    position:relative
}
.fancybox-inner{
    overflow:hidden
}
.fancybox-type-iframe .fancybox-inner{
    -webkit-overflow-scrolling:touch
}
.fancybox-error{
    color:#444;
    font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin:0;
    padding:15px;
    white-space:nowrap
}
.fancybox-image,.fancybox-iframe{
    display:block;
    width:100%;
    height:100%
}
.fancybox-image{
    max-width:100%;
    max-height:100%
}
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{
    background-image:url(fancybox_sprite.html)
}
#fancybox-loading{
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-22px;
    margin-left:-22px;
    background-position:0 -108px;
    opacity:.8;
    cursor:pointer;
    z-index:8060
}
#fancybox-loading div{
    width:44px;
    height:44px;
    background:url(fancybox_loading.html) center center no-repeat
}
.fancybox-close{
    position:absolute;
    top:-18px;
    right:-18px;
    width:36px;
    height:36px;
    cursor:pointer;
    z-index:8040
}
.fancybox-nav{
    position:absolute;
    top:0;
    width:40%;
    height:100%;
    cursor:pointer;
    text-decoration:none;
    background:transparent url(blank.html);
    -webkit-tap-highlight-color:transparent;
    z-index:8040
}
.fancybox-prev{
    left:0
}
.fancybox-next{
    right:0
}
.fancybox-nav span{
    position:absolute;
    top:50%;
    width:36px;
    height:34px;
    margin-top:-18px;
    cursor:pointer;
    z-index:8040;
    visibility:hidden
}
.fancybox-prev span{
    left:10px;
    background-position:0 -36px
}
.fancybox-next span{
    right:10px;
    background-position:0 -72px
}
.fancybox-nav:hover span{
    visibility:visible
}
.fancybox-tmp{
    position:absolute;
    top:-99999px;
    left:-99999px;
    visibility:hidden;
    max-width:99999px;
    max-height:99999px;
    overflow:visible !important
}
.fancybox-lock{
    overflow:hidden !important;
    width:auto
}
.fancybox-lock body{
    overflow:hidden !important
}
.fancybox-lock-test{
    overflow-y:hidden !important
}
.fancybox-overlay{
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
    display:none;
    z-index:8010;
    background:url(fancybox_overlay.html)
}
.fancybox-overlay-fixed{
    position:fixed;
    bottom:0;
    right:0
}
.fancybox-lock .fancybox-overlay{
    overflow:auto;
    overflow-y:scroll
}
.fancybox-title{
    visibility:hidden;
    font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position:relative;
    text-shadow:none;
    z-index:8050
}
.fancybox-opened .fancybox-title{
    visibility:visible
}
.fancybox-title-float-wrap{
    position:absolute;
    bottom:0;
    right:50%;
    margin-bottom:-35px;
    z-index:8050;
    text-align:center
}
.fancybox-title-float-wrap .child{
    display:inline-block;
    margin-right:-100%;
    padding:2px 20px;
    background:transparent;
    background:rgba(0,0,0,0.8);
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    text-shadow:0 1px 2px #222;
    color:#FFF;
    font-weight:700;
    line-height:24px;
    white-space:nowrap
}
.fancybox-title-outside-wrap{
    position:relative;
    margin-top:10px;
    color:#fff
}
.fancybox-title-inside-wrap{
    padding-top:10px
}
.fancybox-title-over-wrap{
    position:absolute;
    bottom:0;
    left:0;
    color:#fff;
    padding:10px;
    background:#000;
    background:rgba(0,0,0,0.8)
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){
    #fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{
        background-image:url(fancybox_sprite%402x.html);
        background-size:44px 152px
    }
    #fancybox-loading div{
        background-image:url(fancybox_loading%402x.html);
        background-size:24px 24px
    }
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,../img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:before,blockquote:after{
    content:'';
    content:none
}
q:before,q:after{
    content:'';
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
@-webkit-keyframes appear{
    from{
        -webkit-filter:blur(100px);
        -moz-filter:blur(100px);
        -ms-filter:blur(100px);
        -o-filter:blur(100px);
        filter:blur(100px);
        opacity:0;
        filter:url(../img/blur.svg#blur)
    }
    to{
        -webkit-filter:blur(0);
        -moz-filter:blur(0);
        -ms-filter:blur(0);
        -o-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-moz-keyframes appear{
    from{
        -webkit-filter:blur(100px);
        -moz-filter:blur(100px);
        -ms-filter:blur(100px);
        -o-filter:blur(100px);
        filter:blur(100px);
        opacity:0;
        filter:url(../img/blur.svg#blur)
    }
    to{
        -webkit-filter:blur(0);
        -moz-filter:blur(0);
        -ms-filter:blur(0);
        -o-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-ms-keyframes appear{
    from{
        -webkit-filter:blur(100px);
        -moz-filter:blur(100px);
        -ms-filter:blur(100px);
        -o-filter:blur(100px);
        filter:blur(100px);
        opacity:0;
        filter:url(../img/blur.svg#blur)
    }
    to{
        -webkit-filter:blur(0);
        -moz-filter:blur(0);
        -ms-filter:blur(0);
        -o-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes appear{
    from{
        -webkit-filter:blur(100px);
        -moz-filter:blur(100px);
        -ms-filter:blur(100px);
        -o-filter:blur(100px);
        filter:blur(100px);
        opacity:0;
        filter:url(../img/blur.svg#blur)
    }
    to{
        -webkit-filter:blur(0);
        -moz-filter:blur(0);
        -ms-filter:blur(0);
        -o-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes disappear{
    from{
        -webkit-filter:blur(100px);
        -moz-filter:blur(100px);
        -ms-filter:blur(100px);
        -o-filter:blur(100px);
        filter:blur(100px);
        opacity:1
    }
    to{
        -webkit-filter:blur(0);
        -moz-filter:blur(0);
        -ms-filter:blur(0);
        -o-filter:blur(0);
        filter:blur(0);
        opacity:0;
        z-index:-1
    }
}
@-moz-keyframes disappear{
    from{
        -webkit-filter:blur(100px);
        -moz-filter:blur(100px);
        -ms-filter:blur(100px);
        -o-filter:blur(100px);
        filter:blur(100px);
        opacity:1
    }
    to{
        -webkit-filter:blur(0);
        -moz-filter:blur(0);
        -ms-filter:blur(0);
        -o-filter:blur(0);
        filter:blur(0);
        opacity:0;
        z-index:-1
    }
}
@-ms-keyframes disappear{
    from{
        -webkit-filter:blur(100px);
        -moz-filter:blur(100px);
        -ms-filter:blur(100px);
        -o-filter:blur(100px);
        filter:blur(100px);
        opacity:1
    }
    to{
        -webkit-filter:blur(0);
        -moz-filter:blur(0);
        -ms-filter:blur(0);
        -o-filter:blur(0);
        filter:blur(0);
        opacity:0;
        z-index:-1
    }
}
@keyframes disappear{
    from{
        -webkit-filter:blur(100px);
        -moz-filter:blur(100px);
        -ms-filter:blur(100px);
        -o-filter:blur(100px);
        filter:blur(100px);
        opacity:1
    }
    to{
        -webkit-filter:blur(0);
        -moz-filter:blur(0);
        -ms-filter:blur(0);
        -o-filter:blur(0);
        filter:blur(0);
        opacity:0;
        z-index:-1
    }
}
@-webkit-keyframes popup{
    0%{
        top:40px;
        opacity:0
    }
    100%{
        top:0;
        opacity:1
    }
}
@-moz-keyframes popup{
    0%{
        top:40px;
        opacity:0
    }
    100%{
        top:0;
        opacity:1
    }
}
@-ms-keyframes popup{
    0%{
        top:40px;
        opacity:0
    }
    100%{
        top:0;
        opacity:1
    }
}
@keyframes popup{
    0%{
        top:40px;
        opacity:0
    }
    100%{
        top:0;
        opacity:1
    }
}
@-webkit-keyframes popdown{
    0%{
        top:auto;
        bottom:40px;
        opacity:0
    }
    100%{
        bottom:0;
        opacity:1
    }
}
@-moz-keyframes popdown{
    0%{
        top:auto;
        bottom:40px;
        opacity:0
    }
    100%{
        bottom:0;
        opacity:1
    }
}
@-ms-keyframes popdown{
    0%{
        top:auto;
        bottom:40px;
        opacity:0
    }
    100%{
        bottom:0;
        opacity:1
    }
}
@keyframes popdown{
    0%{
        top:auto;
        bottom:40px;
        opacity:0
    }
    100%{
        bottom:0;
        opacity:1
    }
}
@-webkit-keyframes pop{
    50%{
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
    100%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}
@-moz-keyframes pop{
    50%{
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
    100%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}
@-ms-keyframes pop{
    50%{
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
    100%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes pop{
    50%{
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
    100%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}
html,body{
    height:100%
}
body{
    color:#fff;
    font-family:'Montserrat', serif;
    -webkit-font-smoothing:antialiased
}
body.stop{
    overflow:hidden
}
:focus{
    outline:none
}
::-moz-focus-inner{
    border:0
}
a{
    color:#e0b6b3;
    outline:none
}
a:hover,a:focus{
    text-decoration:none;
    color:inherit
}
a,a:visited,a:focus,a:active,a:hover{
    outline:0 none !important
}
textarea{
    resize:none
}
.row.no-pad{
    margin-right:0;
    margin-left:0
}
.row.no-pad [class*='col-']{
    padding-right:0;
    padding-left:0
}
.fixed{
    position:fixed !important
}
.loader{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#FFF;
    z-index:1031;
    display:none;
    
}
.loader ../img:nth-child(1){
    position:relative;
    top:-30px;
    left:50%;
    display:block;
    opacity:0;
    margin:25vh 0 0 -115px;
    animation:popup 2s .5s ease-out forwards
}
.loader ../img:nth-child(2){
    position:relative;
    bottom:0;
    left:50%;
    display:block;
    opacity:0;
    margin:30px 0 0 -600px;
    animation:popdown 2s .5s ease-out forwards
}
.loader.blurout{
    animation:disappear 1s ease-out forwards
}
#fp-nav{
    position:absolute;
    top:50%;
    left:1%;
    z-index:10
}
#fp-nav li{
    height:19px;
    text-align:center
}
#fp-nav li a{
    vertical-align:middle;
    display:inline-block;
    width:7px;
    height:7px;
    border-radius:7px;
    border:1px solid #6c6c69;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
    line-height:7px
}
#fp-nav li a.active{
    width:13px;
    height:13px;
    border-radius:13px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
    line-height:13px
}
.draw{
    position:relative;
    padding:15px 35px;
    display:inline-block;
    color:#fff
}
.draw a{
    position:relative;
    z-index:3;
    color:#FFF
}
.draw svg{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    opacity:0;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.draw.active svg{
    opacity:1;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.draw:hover svg{
    opacity:1;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
input,button,input:focus,button:focus{
    outline:0 none !important
}
.flex{
    display:-webkit-flex;
    -webkit-align-items:center;
    display:flex;
    align-items:center;
    display:-ms-flexbox;
    -ms-flex-align:center
}
.disclaimer{
    background-color:#FFF;
    color:#999;
    font-weight:700;
    padding:20px;
    z-index:1050;
    bottom:60px;
    right:20px;
    width:20%;
    position:absolute
}
.disclaimer p{
    float:left;
    width:90%;
    font-size:12px;
    line-height:20px
}
.menu{
    position:fixed;
    top:0;
    left:0;
    z-index:4;
    width:100%;
    height:calc(100% - 40px);
    opacity:0;
    visibility:hidden;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.menu.opened{
    visibility:visible;
    opacity:1;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.menu.opened li:nth-child(1){
    animation:popup .25s linear .35s forwards
}
.menu.opened li:nth-child(2){
    animation:popup .25s linear .45s forwards
}
.menu.opened li:nth-child(3){
    animation:popup .25s linear .55s forwards
}
.menu.opened li:nth-child(4){
    animation:popup .25s linear .65s forwards
}
.menu.opened li:nth-child(5){
    animation:popup .25s linear .75s forwards
}
.menu.opened li:nth-child(6){
    animation:popup .25s linear .85s forwards
}
.menu.opened li:nth-child(7){
    animation:popup .25s linear .95s forwards
}
.menu.opened li:nth-child(8){
    animation:popup .25s linear 1.05s forwards
}
.menu.opened li:nth-child(9){
    animation:popup .25s linear 1.15s forwards
}
.menu.opened li:nth-child(10){
    animation:popup .25s linear 1.25s forwards
}
.menu.opened li:nth-child(11){
    animation:popup .25s linear 1.35s forwards
}
.menu.opened li:nth-child(12){
    animation:popup .25s linear 1.45s forwards
}
.menu.opened li:nth-child(13){
    animation:popup .25s linear 1.55s forwards
}
.menu.opened li:nth-child(14){
    animation:popup .25s linear 1.65s forwards
}
.menu.opened li:nth-child(15){
    animation:popup .25s linear 1.75s forwards
}
.menu.opened li:nth-child(16){
    animation:popup .25s linear 1.85s forwards
}
.menu.opened li.misc{
    margin-top:30px
}
.menu.opened li.misc strong{
    font-size:10px;
    text-transform:uppercase;
    font-family:'Montserrat', serif;
    letter-spacing:2px;
    display:block;
    margin-bottom:15px
}
.menu.opened li.misc a{
    display:inline-block;
    margin:0 10px
}
.menu .h50{
    height:50%
}
.menu .w50{
    width:50%;
    height:100%;
    float:left
}
.menu .topleft,.menu .topright,.menu .bottom{
    position:relative;
    filter:grayscale(100%);
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
    text-align:center;
    padding:15vh 0 0 0
}
.menu .topleft:after,.menu .topright:after,.menu .bottom:after{
    content:"";
    opacity:0;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.menu .topleft:hover,.menu .topright:hover,.menu .bottom:hover{
    filter:grayscale(0%);
    -webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.menu .topleft:hover h3,.menu .topright:hover h3,.menu .bottom:hover h3{
    bottom:90px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.menu .topleft:hover h3:before,.menu .topright:hover h3:before,.menu .bottom:hover h3:before{
    width:60px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.menu .topleft:hover p,.menu .topright:hover p,.menu .bottom:hover p{
    opacity:1;
    bottom:40px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.menu .topleft:hover:after,.menu .topright:hover:after,.menu .bottom:hover:after{
    content:"";
    position:absolute;
    width:100%;
    height:145px;
    background-color:rgba(0,0,0,0.6);
    left:0;
    bottom:0;
    opacity:1;
    z-index:-1;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.menu .topleft h3,.menu .topright h3,.menu .bottom h3{
    font-size:16px;
    font-weight:700;
    font-family:'Montserrat', serif;
    position:absolute;
    bottom:50px;
    left:15px;
    text-transform:uppercase;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.menu .topleft h3:before,.menu .topright h3:before,.menu .bottom h3:before{
    content:"";
    position:absolute;
    width:30px;
    height:1px;
    background:#fff;
    top:-15px;
    left:5px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.menu .topleft p,.menu .topright p,.menu .bottom p{
    font-size:14px;
    font-weight:300;
    font-family:'Work Sans', sans-serif;
    position:absolute;
    bottom:0px;
    left:15px;
    opacity:0;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.menu .topleft p:before,.menu .topright p:before,.menu .bottom p:before{
    content:"";
    position:absolute;
    width:15px;
    height:1px;
    background:#fff;
    top:-15px;
    left:1px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.menu .topleft a,.menu .topright a,.menu .bottom a{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.menu .topleft{
    background:transparent url(../img/menu-topleft.jpg) center top no-repeat;
    background-size:cover
}
.menu .bottom{
    background:transparent url(../img/menu-bottom.jpg) center top no-repeat;
    background-size:cover;
    width:100%;
    height:100%
}
.menu .topright{
    background:transparent url(../img/menu-topright.jpg) center top no-repeat;
    background-size:cover
}
.menu .flex{
    height:100%
}
.menu .flex>div{
    width:100%
}
.menu nav{
    background:transparent url(../img/bg-menu.jpg) center top no-repeat;
    background-size:cover;
    height:100%
}
.menu ul{
    position:relative;
    z-index:4;
    width:100%
}
.menu ul li{
    text-align:center;
    position:relative;
    top:20px;
    opacity:0;
    margin:0
}
.menu ul li a{
    color:#fff;
    text-transform:uppercase;
    font-size:14px;
    font-family:'Montserrat', serif;
    font-weight:700;
    letter-spacing:1px
}
.menunav{
    position:absolute;
    right:35px;
    top:35px;
    z-index:1039
}
.menunav.opened button,.menunav.opened a{
    color:#fff;
    border-color:#fff;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.menunav.white button,.menunav.white a{
    color:#fff;
    border-color:#fff;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.menunav.white .menu-btn span{
    background-color:#fff
}
.menunav.white .menu-btn span:before,.menunav.white .menu-btn span:after{
    background-color:#fff
}
.menunav.white .menu-btn.active span{
    background-color:transparent
}
.menunav li{
    display:inline-block;
    margin:0 5px 0 0
}
.book-btn,.lng,.menu-btn{
    position:relative;
    display:inline-block;
    background-color:transparent;
    border:0 none;
    font-size:11px;
    text-transform:uppercase;
    border: 1px solid #fff;
    color: #fff;
    letter-spacing:2px;
    padding:10px 15px;
}
.book-btn:after,.lng:after,.menu-btn:after{
    content:"";
    position:absolute;
    z-index:-1;
    width:0;
    height:100%;
    background-color:#000;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
    left:0;
    top:0
}
.book-btn:hover,.lng:hover,.menu-btn:hover{
    color:#fff
}
.book-btn:hover:after,.lng:hover:after,.menu-btn:hover:after{
    width:100%
}
.menu-btn.active{
    color:#fff;
    border-color:#fff
}
.menu-btn.active span{
    background-color:transparent
}
.menu-btn.active span:before{
    top:-1px;
    background-color:#fff;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
.menu-btn.active span:after{
    top:-1px;
    background-color:#fff;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.menu-btn.active:hover span{
    background-color:transparent
}
.menu-btn:hover span{
    background-color:#fff
}
.menu-btn:hover span:before,.menu-btn:hover span:after{
    background-color:#fff
}
.menu-btn span{
    position:relative;
    display:inline-block;
    width:20px;
    height:1px;
    background-color: #fff;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
    vertical-align:middle;
    margin-right:10px;
}
.menu-btn span:before,.menu-btn span:after{
    content:"";
    position:absolute;
    display:inline-block;
    width:20px;
    height:1px;
    background-color: #fff;
    left:0;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
}
.menu-btn span:before{
    top:-5px
}
.menu-btn span:after{
    top:5px
}
.section{
    position:relative;
    width:100%;
    height:calc(100vh - 20px);
    border:0px solid #fff;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
    overflow:hidden
}
.section.on{
    animation:appear 1.5s .6s forwards
}
.section.off{
    animation:disappear .15s forwards
}
.logo{
    text-indent:-999px;
    overflow:hidden;
    display:inline-block;
    background:transparent url(../img/Abacus_logo_White.png) left top no-repeat;
    background-size:100%;
    position:absolute;
    z-index:1039;
       width: 180px;
    height: 100px;
    
    top:10px;
    left:50px;
    opacity:1
}
.logo.white{
    background:transparent url(../img/logo_narcisse_blanc.svg) left top no-repeat
}
.logo a{
    display:block;
    width:100%;
    height:100%
}
.logo-mobile{
    display:none;
    text-indent:-999px;
    overflow:hidden;
    width:100px;
    height:64px;
    background:transparent url(../img/logo_narcisse_blanc.svg) left top no-repeat;
    background-size:100%;
    position:relative;
    top:0px;
    left:15px;
    z-index:10
}
.logo-mobile a{
    display:block;
    width:100%;
    height:100%
}
.home .section1,.hotel .section1,.restaurant .section1,.reservation .section1,.spa .section1,.services .section1,.conciergerie .section1,.soucherie .section1,.contact .section1,.piscine .section1,.sauna .section1,.situation .section1{
    background:#fff url(../img/cinemagraph3.gif) center center no-repeat;
    background-size:cover;
    position:relative
}
.home .section1 h1,.hotel .section1 h1,.restaurant .section1 h1,.reservation .section1 h1,.spa .section1 h1,.services .section1 h1,.conciergerie .section1 h1,.soucherie .section1 h1,.contact .section1 h1,.piscine .section1 h1,.sauna .section1 h1,.situation .section1 h1{
    text-align:center;
    margin-bottom:20px;
    text-transform:uppercase;
    font-size:24px
}
.home .section1 .text,.hotel .section1 .text,.restaurant .section1 .text,.reservation .section1 .text,.spa .section1 .text,.services .section1 .text,.conciergerie .section1 .text,.soucherie .section1 .text,.contact .section1 .text,.piscine .section1 .text,.sauna .section1 .text,.situation .section1 .text{
    position:absolute;
    left:0;
    right:0;
    bottom:10px;
    height:572px;
    background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.85) 100%);
    background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.85) 100%);
    background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.85) 100%);
    padding:230px 0 0 0
}
.home .section1 .text p,.hotel .section1 .text p,.restaurant .section1 .text p,.reservation .section1 .text p,.spa .section1 .text p,.services .section1 .text p,.conciergerie .section1 .text p,.soucherie .section1 .text p,.contact .section1 .text p,.piscine .section1 .text p,.sauna .section1 .text p,.situation .section1 .text p{
    font-family:'Work Sans', sans-serif;
    font-size:18px;
    color:#FFF;
    font-weight:300;
    width:40%;
    margin:0 auto;
    text-align:center;
    line-height:27px
}
.home .section1 .text p:before,.hotel .section1 .text p:before,.restaurant .section1 .text p:before,.reservation .section1 .text p:before,.spa .section1 .text p:before,.services .section1 .text p:before,.conciergerie .section1 .text p:before,.soucherie .section1 .text p:before,.contact .section1 .text p:before,.piscine .section1 .text p:before,.sauna .section1 .text p:before,.situation .section1 .text p:before{
    content:"";
    width:175px;
    height:1px;
    background-color:#FFF;
    display:block;
    margin:0 auto 20px
}
.home .wrapper{
    height:98vh;
    overflow:hidden
}
.home .section1{
    background-color:transparent;
    background-image:none;
    position:absolute;
    top:0
}
.home video{
    position:relative;
    z-index:-1;
    top:0;
    width:100%;
    height:auto
}
@media (max-aspect-ratio: 16 / 9){
    .home video{
        width:auto;
        height:100%
    }
}
.restaurant .section1{
    background-image:url(../img/bg/le-narcisse-blanc_restauration.jpg)
}
.dej .section1{
    background-image:url(../img/bg/le-narcisse-blanc_restauration-dejeuner-diner.jpg)
}
.ptitdej .section1{
    background-image:url(../img/bg/le-narcisse-blanc_restauration-petit-dejeuner.jpg)
}
.privatisation .section1{
    background-image:url(../img/bg/le-narcisse-blanc_restauration-salle-privatisation.jpg)
}
.teatime .section1{
    background-image:url(../img/bg/le-narcisse-blanc_restauration-teatime.jpg);
    background-position:center bottom
}
.restaurant.ptitdej .restaurantptitdej{
    display:none
}
.restaurant.dej .restaurantdej{
    display:none
}
.restaurant.teatime .restaurantteatime{
    display:none
}
.restaurant.privatisation .restaurantprivatisation{
    display:none
}
.restaurant #details li a{
    width:140px !important
}
.home .secondnav li{
    width:210px
}
.popmessage{
    position:absolute;
    right:2%;
    bottom:10%;
    background-color:#fff;
    color:#999;
    font-size:12px;
    padding:15px;
    width:300px;
    height:100px;
    animation:pop .5s linear 1s forwards
}
.popmessage2{
    font-size:16px;
    height:60px
}
.contact #form_contact{
    display:none
}
.contact .fake-select{
    background:transparent url(../img/down-arrow.png) right center no-repeat;
    background-size:20px;
    padding-bottom:10px;
    border-bottom:1px solid #FFF;
    font-family:'Work Sans', sans-serif;
    font-size:18px;
    color:#FFF;
    font-weight:400;
    position:relative;
    cursor:pointer
}
.contact .fake-select .fake-select-choices{
    display:none;
    width:100%;
    position:absolute;
    top:29px;
    left:0;
    background-color:#FFF;
    color:#000;
    z-index:3
}
.contact .fake-select .fake-select-choices li{
    padding:10px;
    border-bottom:1px solid #CCC
}
.contact .section1{
    background:#fff url(../img/1280x720/Contact-Us.jpg) center center no-repeat;
    background-size:cover;
    padding:230px 0 0 0
}
.contact .section1 a{
    color:#FFF
}
/*.contact .section1 .row{
    display:flex
}*/
.contact .section1 .row .left{
    /*border-top:1px solid #FFF;
    border-bottom:1px solid #FFF;*/
    display:flex;
    align-items:center
}
.contact .section1 .row .left>div{
    width:100%
}
.contact .section1 .row .left>div a{
    margin:0 10px
}
.contact .section1 h3{
    position:relative;
    text-align:center;
    font-family:'Work Sans', sans-serif;
    font-size:14px;
    color:#FFF;
    font-weight:400;
    text-transform:uppercase;
    padding-bottom:25px;
    margin-bottom:25px
}
.contact .section1 h3 strong{
    font-size:24px;
    text-transform:none
}
.contact .section1 h3:after{
    content:"";
    width:30px;
    height:1px;
    background-color:#FFF;
    margin:0 auto;
    position:absolute;
    left:50%;
    bottom:0;
    margin-left:-15px
}
.contact .section1 p{
    font-size:18px;
    font-family:'Work Sans', sans-serif;
    color:#FFF;
    font-weight:300;
    margin:20px 0;
    text-align:center;
	line-height: 22px;
}
.contact input[type=text],.contact select,.contact textarea,.contact input[type=email]{
    -webkit-appearance:none;
    border:0 none;
    border-bottom:1px solid #fff;
    background:transparent none;
    border-radius:0;
    width:99%;
    font-family:'Work Sans', sans-serif;
    font-size:18px;
    color:#FFF;
    font-weight:400;
    padding:3px 0
}
.contact .btn{
    border:1px solid #fff;
    padding:5px 15px;
    cursor:pointer;
    margin-bottom:5px
}
.contact input[type=file]{
    opacity:0
}
.contact .col-sm-6 input[type=text],.contact .col-sm-6 input[type=email]{
    width:95%
}
.contact input:-webkit-autofill,.contact input:-webkit-autofill:hover,.contact input:-webkit-autofill:focus,.contact input:-webkit-autofill:active{
    -webkit-transition:"color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay:9999s
}
.contact select{
    font-weight:300
}
.contact textarea{
    margin-top:20px;
    min-height:150px;
    padding:5px;
    border:1px solid #FFF
}
.contact .form-group{
    position:relative;
    margin:0 0 30px
}
.contact .form-group textarea+label{
    top:-10px
}
.contact .form-group label{
    position:absolute;
    top:0;
    left:0;
    font-family:'Work Sans', sans-serif;
    font-size:18px;
    color:#FFF;
    font-weight:300;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.contact .form-group input[type=text]+label{
    position:absolute;
    top:0;
    left:0
}
.contact .form-group input[type=checkbox]{
    visibility:hidden
}
.contact .form-group input[type=checkbox]:checked+label:after{
    content:"X";
    display:inline-block;
    width:5px;
    position:absolute;
    font-weight:bold;
    left:-19px;
    top:1px
}
.contact .form-group input[type=checkbox]+label{
    position:relative
}
.contact .form-group input[type=checkbox]+label:before{
    content:"";
    position:absolute;
    left:-20px;
    top:2px;
    display:inline-block;
    width:15px;
    height:15px;
    border:1px solid #FFF
}
.contact input[type=text]:focus+label,.contact input[type=text]:valid+label,.contact input[type=email]:valid+label{
    top:-20px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.contact input[type=submit]{
    border:1px solid #FFF;
    font-size:14px;
    background-color:transparent;
    font-family:'Montserrat', serif;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    padding:12px 40px
}
.presse .section1{
    overflow:auto;
    background-attachment:fixed;
    padding-bottom:100px
}
.presse .section1 .left{
    position:fixed
}
.presse .section1 em{
    font-style:italic
}
.presse .section1 .form-group{
    min-height:32px
}
.presse .section1 .left{
    padding:30px 0
}
.presse .section1 .left h3 strong{
    text-transform:uppercase
}
.presse .section1 .left p{
    line-height:24px
}
.presse .section1 p strong{
    font-weight:bold
}
.presse .section1 h3{
    font-size:24px
}
.presse .section1 h3 strong{
    font-weight:bold
}
.presse .section1 .row{
    display:block
}
.presse .section1 li{
    position:relative;
    display:flex;
    align-items:center;
    margin:0;
    border-top:1px solid #fff;
    padding:15px 0
}
.presse .section1 li .moreinfos{
    position:absolute;
    width:35px;
    height:35px;
    display:inline-block;
    background:transparent url(../img/moreinfos.png) 95% center no-repeat;
    right:30px;
    top:50%;
    margin-top:-17.5px
}
.presse .section1 li h4,.presse .section1 li strong,.presse .section1 li p,.presse .section1 li em{
    margin-left:15px;
    text-align:left
}
.presse .section1 li:last-child{
    border-bottom:1px solid #fff
}
.conciergerie #moreinfos,.conciergerie #book{
    width:150px !important
}
.soucherie .section1 .text{
    height:700px
}
.services #details,.conciergerie #details,.spa #details,.soucherie #details,.situation #details,.restaurant #details{
    text-align:center;
    margin:20px 0
}
.services #details li,.conciergerie #details li,.spa #details li,.soucherie #details li,.situation #details li,.restaurant #details li{
    display:inline-block;
    margin:0 20px
}
.services #moreinfos,.services #gallery,.services #book,.conciergerie #moreinfos,.conciergerie #gallery,.conciergerie #book,.spa #moreinfos,.spa #gallery,.spa #book,.soucherie #moreinfos,.soucherie #gallery,.soucherie #book,.situation #moreinfos,.situation #gallery,.situation #book,.restaurant #moreinfos,.restaurant #gallery,.restaurant #book{
    display:inline-block;
    background-image:url(../img/moreinfos.png);
    background-position:center top;
    background-repeat:no-repeat;
    background-size:35px auto;
    padding-top:40px;
    text-align:center;
    width:75px;
    -webkit-transition:all 0.25s linear;
    -moz-transition:all 0.25s linear;
    -ms-transition:all 0.25s linear;
    -o-transition:all 0.25s linear;
    transition:all 0.25s linear
}
.services #moreinfos:hover,.services #gallery:hover,.services #book:hover,.conciergerie #moreinfos:hover,.conciergerie #gallery:hover,.conciergerie #book:hover,.spa #moreinfos:hover,.spa #gallery:hover,.spa #book:hover,.soucherie #moreinfos:hover,.soucherie #gallery:hover,.soucherie #book:hover,.situation #moreinfos:hover,.situation #gallery:hover,.situation #book:hover,.restaurant #moreinfos:hover,.restaurant #gallery:hover,.restaurant #book:hover{
    background-size:25px auto;
    -webkit-transition:all 0.25s linear;
    -moz-transition:all 0.25s linear;
    -ms-transition:all 0.25s linear;
    -o-transition:all 0.25s linear;
    transition:all 0.25s linear
}
.services #moreinfos:hover span,.services #gallery:hover span,.services #book:hover span,.conciergerie #moreinfos:hover span,.conciergerie #gallery:hover span,.conciergerie #book:hover span,.spa #moreinfos:hover span,.spa #gallery:hover span,.spa #book:hover span,.soucherie #moreinfos:hover span,.soucherie #gallery:hover span,.soucherie #book:hover span,.situation #moreinfos:hover span,.situation #gallery:hover span,.situation #book:hover span,.restaurant #moreinfos:hover span,.restaurant #gallery:hover span,.restaurant #book:hover span{
    opacity:1;
    top:-10px
}
.services #moreinfos span,.services #gallery span,.services #book span,.conciergerie #moreinfos span,.conciergerie #gallery span,.conciergerie #book span,.spa #moreinfos span,.spa #gallery span,.spa #book span,.soucherie #moreinfos span,.soucherie #gallery span,.soucherie #book span,.situation #moreinfos span,.situation #gallery span,.situation #book span,.restaurant #moreinfos span,.restaurant #gallery span,.restaurant #book span{
    font-size:9px;
    font-family:'Montserrat', serif;
    color:#FFF;
    text-transform:uppercase;
    position:relative;
    opacity:0;
    top:20px;
    -webkit-transition:all 0.25s linear;
    -moz-transition:all 0.25s linear;
    -ms-transition:all 0.25s linear;
    -o-transition:all 0.25s linear;
    transition:all 0.25s linear
}
.spa .section1{
    background-image:url(../img/bg/le-narcisse-blanc_spa.jpg);
    background-size:cover
}
.spa .section1 .text{
    height:640px
}
.spa #gallery{
    background-image:url(../img/galerie.png)
}
.piscine .section1{
    background-image:url(../../img/bg/le-narcisse-blanc_espace-piscine.jpg);
    background-size:cover;
    background-position:center bottom
}
.sauna .section1{
    background-image:url(../img/bg/le-narcisse-blanc_sauna.jpg);
    background-size:cover;
    background-position:center bottom
}
.massages .section1{
    background-image:url(../img/bg/le-narcisse-blanc_massages-soins.jpg);
    background-size:cover;
    background-position:center center
}
.fitness .section1{
    background-image:url(../img/bg/le-narcisse-blanc_fitness.jpg);
    background-size:cover;
    background-position:center center
}
.reservation .section1{
    background-image:url(../img/socialwall.jpg);
    padding-top:220px;
    height:auto
}
.mentions .section1{
    padding:20vh 0 0 0 !important
}
.mentions .text p{
    font-size:14px;
    font-family:'Work Sans', sans-serif;
    text-transform:uppercase;
    color:#000;
    letter-spacing:2px;
    text-align:center;
    margin:30px 0;
    line-height:18px
}
.mentions .text p strong{
    font-weight:700
}
.hotel .section1{
    background-image:url(../img/1280x720/Resort-Bird-Eye.jpg)
}
.hotel .section1 .text{
    padding:160px 0 0 0
}
.chambre.classic .section1{
    background-image:url(../img/bg/le-narcisse-blanc_chambre-classic.jpg)
}
.chambre.deluxe .section1{
    background-image:url(../img/bg/le-narcisse-blanc_chambre-deluxe.jpg)
}
.chambre.superieure .section1{
    background-image:url(../img/bg/le-narcisse-blanc_chambre-superieur.jpg)
}
.chambre.executive .section1{
    background-image:url(../img/bg/le-narcisse-blanc_chambre-executive.jpg)
}
.chambre.suiteaurore .section1{
    background-image:url(../img/bg/le-narcisse-blanc_suite-aurore.jpg)
}
.chambre.suiteclassic .section1{
    background-image:url(../img/bg/le-narcisse-blanc_suite-classic.jpg)
}
.chambre.suitecleo .section1{
    background-image:url(../img/bg/le-narcisse-blanc_suite-cleo.jpg)
}
.chambre.suitesur-les-toits-de-paris .section1{
    background-image:url(../img/bg/le-narcisse-blanc_suite-toits-paris.jpg)
}
.services .section1{
    background-image:url(../img/bg/le-narcisse-blanc_service.jpg)
}
.conciergerie .section1{
    background-image:url(../img/bg/le-narcisse-blanc_service-conciergerie.html)
}
.roomservice .section1{
    background-image:url(../img/bg/le-narcisse-blanc_service-room-service.jpg)
}
.reunion .section1{
    background-image:url(../img/bg/le-narcisse-blanc_service-salle-privatisation-reunion.jpg)
}
.soucherie .section1{
    background-image:url(../img/bg/le-narcisse-blanc_service-vignoble.jpg)
}
.situation .section1{
    background-image:url(../img/bg/le-narcisse-blanc_situation.jpg)
}
.galerie .section1,.mentions .section1{
    padding:60px 0;
    min-height:100vh;
    height:auto;
    background:#fff url(../img/socialwall.jpg) center center no-repeat;
    background-size:cover;
    background-attachment:fixed;
    animation:appear 1.5s forwards
}
.galerie .section1 h2,.mentions .section1 h2{
    font-size:30px;
    font-family:'Montserrat', serif;
    text-transform:uppercase;
    color:#000;
    letter-spacing:2px;
    text-align:center;
    position:relative
}
.galerie .section1 h2:before,.mentions .section1 h2:before{
    content:"";
    position:absolute;
    left:50%;
    bottom:-40px;
    width:120px;
    height:1px;
    margin-left:-60px;
    background:#000;
    margin-bottom:20px
}
.galerie .medias,.mentions .medias{
    margin:0 auto
}
.galerie .medias li,.mentions .medias li{
    margin:.5%;
    position:relative;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.galerie .medias li a ../img,.mentions .medias li a ../img{
    display:block
}
.galerie .medias li a .overlay,.mentions .medias li a .overlay{
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.7);
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
    text-align:center;
    border:8px solid #FFF
}
.galerie .medias li a .overlay span,.galerie .medias li a .overlay strong,.mentions .medias li a .overlay span,.mentions .medias li a .overlay strong{
    top:100%;
    position:relative;
    opacity:0;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
    color:#000;
    font-size:12px;
    display:inline-block;
    text-align:center;
    font-family:'Montserrat', serif;
    text-transform:uppercase
}
.galerie .medias li a .overlay span:before,.mentions .medias li a .overlay span:before{
    content:"";
    position:absolute;
    left:50%;
    top:-20px;
    width:50px;
    height:1px;
    margin-left:-25px;
    background:#000
}
.galerie .medias li a .overlay strong,.mentions .medias li a .overlay strong{
    font-weight:700;
    margin:10px 0 0 0
}
.galerie .medias li a:hover .overlay,.mentions .medias li a:hover .overlay{
    opacity:1;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.galerie .medias li a:hover .overlay span,.galerie .medias li a:hover .overlay strong,.mentions .medias li a:hover .overlay span,.mentions .medias li a:hover .overlay strong{
    top:45%;
    opacity:1;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.galerie .filters,.mentions .filters{
    margin:30px 0;
    text-align:center
}
.galerie .filters li,.mentions .filters li{
    display:inline-block
}
.galerie .filters li a,.mentions .filters li a{
    font-size:10px;
    color:#000;
    text-transform:uppercase;
    letter-spacing:2px;
    font-family:'Montserrat', serif
}
.galerie .filters li a.draw,.mentions .filters li a.draw{
    padding:10px 20px
}
.galerie .filters li a rect,.mentions .filters li a rect{
    stroke:#000 !important
}
.chambre .section1{
    min-height:calc(100vh - 20px);
    height:auto;
    animation:appear 1.5s forwards;
    background:transparent url(../img/rooms.jpg) center bottom no-repeat;
    background-size:cover
}
.chambre .section1 .text{
    padding-top:55vh;
    height:calc(100vh - 20px);
    background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(0,0,0,0.85) 100%);
    background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(0,0,0,0.85) 100%);
    background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(0,0,0,0.85) 100%)
}
.chambre .section1 h1{
    font-size:24px;
    font-family:'Montserrat', serif;
    color:#FFF;
    text-transform:uppercase;
    text-align:center;
    letter-spacing:3px;
    font-weight:700;
    margin-bottom:20px
}
.chambre .section1 p{
    font-size:18px;
    color:#FFF;
    font-family:'Work Sans', sans-serif;
    font-weight:300;
    width:30%;
    margin:15px auto;
    text-align:center;
    line-height:27px
}
.chambre .section1 p:before{
    content:"";
    width:175px;
    height:1px;
    background-color:#FFF;
    display:block;
    margin:0 auto 20px
}
.chambre .section1 #details{
    text-align:center;
    margin:20px 0
}
.chambre .section1 #details li{
    display:inline-block;
    margin:0 20px
}
.chambre .section1 #moreinfos,.chambre .section1 #gallery,.chambre .section1 #book{
    display:inline-block;
    background-image:url(../img/moreinfos.png);
    background-position:center top;
    background-repeat:no-repeat;
    background-size:35px auto;
    padding-top:40px;
    text-align:center;
    width:75px;
    -webkit-transition:all 0.25s linear;
    -moz-transition:all 0.25s linear;
    -ms-transition:all 0.25s linear;
    -o-transition:all 0.25s linear;
    transition:all 0.25s linear
}
.chambre .section1 #moreinfos:hover,.chambre .section1 #gallery:hover,.chambre .section1 #book:hover{
    background-size:25px auto;
    -webkit-transition:all 0.25s linear;
    -moz-transition:all 0.25s linear;
    -ms-transition:all 0.25s linear;
    -o-transition:all 0.25s linear;
    transition:all 0.25s linear
}
.chambre .section1 #moreinfos:hover span,.chambre .section1 #gallery:hover span,.chambre .section1 #book:hover span{
    opacity:1;
    top:-10px
}
.chambre .section1 #moreinfos span,.chambre .section1 #gallery span,.chambre .section1 #book span{
    font-size:9px;
    font-family:'Montserrat', serif;
    color:#FFF;
    text-transform:uppercase;
    position:relative;
    opacity:0;
    top:20px;
    -webkit-transition:all 0.25s linear;
    -moz-transition:all 0.25s linear;
    -ms-transition:all 0.25s linear;
    -o-transition:all 0.25s linear;
    transition:all 0.25s linear
}
.chambre .section1 #gallery{
    background-image:url(../img/galerie.png)
}
.chambre .section1 #book{
    background-image:url(../img/booking.png)
}
.chambre.classic .roomclassic{
    display:none
}
.chambre.deluxe .roomdeluxe{
    display:none
}
.chambre.superieure .roomsuperior{
    display:none
}
.chambre.executive .roomexecutive{
    display:none
}
.chambre.suiteaurore .suiteaurore{
    display:none
}
.chambre.suiteclassic .suiteclassic{
    display:none
}
.chambre.suitecleo .suitecleo{
    display:none
}
.chambre.suitesur-les-toits-de-paris .suitetoits{
    display:none
}
.situation .section1 #moreinfos,.situation .section1 #book{
    width:150px
}
.situation .section1 #moreinfos{
    background-image:url(../img/picto-autour.png)
}
.situation .section1 #book{
    background-image:url(../img/picto-acces.png)
}
.situation .situation-list{
    margin:20px 0 45px
}
.situation .situation-list li{
    font-size:14px !important;
    font-weight:300 !important;
    margin-bottom:10px !important;
    text-transform:none !important
}
.massages #moreinfos{
    background-image:url(../img/picto-carte-spa.png)
}
.massages #book{
    background-image:url(../img/booking.png)
}
.conciergerie #moreinfos,.soucherie #moreinfos{
    background-image:url(../img/picto-recommandations.png)
}
.conciergerie #book,.soucherie #book{
    background-image:url(../img/picto-contact-conciergerie.png)
}
.chambres .sep,.suites .sep{
    position:absolute;
    z-index:3;
    width:2px;
    height:100%;
    top:0;
    background-color:#FFF
}
.chambres .sep:nth-child(1),.suites .sep:nth-child(1){
    left:25%
}
.chambres .sep:nth-child(2),.suites .sep:nth-child(2){
    left:50%
}
.chambres .sep:nth-child(3),.suites .sep:nth-child(3){
    left:75%
}
.chambres .section1,.suites .section1{
    min-height:100vh;
    animation:appear 1.5s forwards
}
.chambres .rooms-overlay,.suites .rooms-overlay{
    width:100%;
    height:100%;
    position:absolute;
    z-index:1
}
.chambres .rooms-overlay .rooms1-overlay,.chambres .rooms-overlay .rooms2-overlay,.chambres .rooms-overlay .rooms3-overlay,.chambres .rooms-overlay .rooms4-overlay,.suites .rooms-overlay .rooms1-overlay,.suites .rooms-overlay .rooms2-overlay,.suites .rooms-overlay .rooms3-overlay,.suites .rooms-overlay .rooms4-overlay{
    position:absolute;
    width:100%;
    height:100%;
    background:transparent url(../img/bg/le-narcisse-blanc_chambre-classic.jpg) center center no-repeat;
    background-size:cover;
    opacity:0;
    -webkit-transition:all 0.25s;
    -moz-transition:all 0.25s;
    -ms-transition:all 0.25s;
    -o-transition:all 0.25s;
    transition:all 0.25s
}
.chambres .rooms-overlay .rooms1-overlay.fadeIn,.chambres .rooms-overlay .rooms2-overlay.fadeIn,.chambres .rooms-overlay .rooms3-overlay.fadeIn,.chambres .rooms-overlay .rooms4-overlay.fadeIn,.suites .rooms-overlay .rooms1-overlay.fadeIn,.suites .rooms-overlay .rooms2-overlay.fadeIn,.suites .rooms-overlay .rooms3-overlay.fadeIn,.suites .rooms-overlay .rooms4-overlay.fadeIn{
    opacity:1;
    -webkit-transition:all 0.25s;
    -moz-transition:all 0.25s;
    -ms-transition:all 0.25s;
    -o-transition:all 0.25s;
    transition:all 0.25s
}
.chambres .rooms,.suites .rooms{
    height:calc(100vh - 20px);
    -webkit-filter:grayscale(100%) brightness(1);
    filter:grayscale(100%) brightness(1);
    -ms-filter:grayscale(100%) brightness(1);
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
    float:left;
    width:25%;
    position:relative;
    z-index:2
}
.chambres .rooms .bg,.suites .rooms .bg{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
    opacity:1
}
.chambres .rooms .bg.fadeOut,.suites .rooms .bg.fadeOut{
    opacity:0;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.chambres .rooms a,.suites .rooms a{
    position:absolute;
    width:100%;
    height:100%;
    z-index:3
}
.chambres .rooms h3,.suites .rooms h3{
    font-size:14px;
    font-weight:700;
    font-family:'Montserrat', serif;
    position:absolute;
    bottom:80px;
    left:5%;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
    color:#e1d6c4;
    text-transform:uppercase
}
.chambres .rooms h3:before,.suites .rooms h3:before{
    content:"";
    position:absolute;
    width:30px;
    height:1px;
    background:#e1d6c4;
    top:-15px;
    left:0;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.chambres .rooms p,.suites .rooms p{
    font-size:14px;
    font-weight:300;
    font-family:'Work Sans', sans-serif;
    position:absolute;
    bottom:30px;
    left:5%;
    opacity:0;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.chambres .rooms p:before,.suites .rooms p:before{
    content:"";
    position:absolute;
    width:15px;
    height:1px;
    background:#fff;
    top:-15px;
    left:0;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.chambres .rooms:after,.suites .rooms:after{
    content:"";
    opacity:0;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.chambres .rooms:hover h3,.suites .rooms:hover h3{
    bottom:120px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
    color:#FFF
}
.chambres .rooms:hover h3:before,.suites .rooms:hover h3:before{
    background:#fff;
    width:60px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.chambres .rooms:hover p,.suites .rooms:hover p{
    opacity:1;
    bottom:70px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.chambres .rooms:hover:after,.suites .rooms:hover:after{
    content:"";
    position:absolute;
    width:100%;
    height:145px;
    background-color:rgba(0,0,0,0.6);
    left:0;
    bottom:30px;
    opacity:1;
    z-index:-1;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s
}
.chambres .rooms1 .bg,.suites .rooms1 .bg{
    background:transparent url(../img/chambre-classic.jpg) left top no-repeat;
    background-size:cover
}
.chambres .rooms2 .bg,.suites .rooms2 .bg{
    background:transparent url(../img/chambre-superieure.jpg) left top no-repeat;
    background-size:cover
}
.chambres .rooms3 .bg,.suites .rooms3 .bg{
    background:transparent url(../img/chambre-deluxe.jpg) left top no-repeat;
    background-size:cover
}
.chambres .rooms4 .bg,.suites .rooms4 .bg{
    background:transparent url(../img/chambre-executive.jpg) left top no-repeat;
    background-size:cover
}
.suites .rooms1 .bg{
    background:transparent url(../img/suite_classic.jpg) left top no-repeat;
    background-size:cover
}
.suites .rooms2 .bg{
    background:transparent url(../img/suite_aurore.jpg) left top no-repeat;
    background-size:cover
}
.suites .rooms3 .bg{
    background:transparent url(../img/suite_cleo.jpg) left top no-repeat;
    background-size:cover
}
.suites .rooms4 .bg{
    background:transparent url(../img/suite_toitdeparis.jpg) left top no-repeat;
    background-size:cover
}
.gutter-sizer{
    width:20px
}
.chambres .rooms-overlay .rooms2-overlay{
    background-image:url(../img/bg/le-narcisse-blanc_chambre-superieur.jpg)
}
.chambres .rooms-overlay .rooms3-overlay{
    background-image:url(../img/bg/le-narcisse-blanc_chambre-deluxe.jpg)
}
.chambres .rooms-overlay .rooms4-overlay{
    background-image:url(../img/bg/le-narcisse-blanc_chambre-executive.jpg)
}
.suites .rooms-overlay .rooms1-overlay{
    background-image:url(../img/bg/le-narcisse-blanc_suite-classic.jpg)
}
.suites .rooms-overlay .rooms2-overlay{
    background-image:url(../img/bg/le-narcisse-blanc_suite-aurore.jpg)
}
.suites .rooms-overlay .rooms3-overlay{
    background-image:url(../img/bg/le-narcisse-blanc_suite-cleo.jpg)
}
.suites .rooms-overlay .rooms4-overlay{
    background-image:url(../img/bg/le-narcisse-blanc_suite-toits-paris.jpg)
}
.aurore .section1{
    background-image:url(../img/test25.jpg);
    background-position:center center
}
.sur-les-toits-de-paris .section1{
    background-image:url(../img/test2.jpg);
    background-position:center center
}
.socialwall .section1{
    min-height:100vh;
    height:auto;
    background:#fff url(../img/1280x720/media-1.jpg) center center no-repeat;
    background-size:cover;
    background-attachment:fixed;
    animation:appear 1.5s forwards;
    padding:110px 0 0 0
}
.socialwall .section1 h2{
    font-size:30px;
    font-family:'Montserrat', serif;
    text-transform:uppercase;
    color:#000;
    letter-spacing:2px;
    text-align:center
}
.socialwall .section1 .text p{
    font-size:12px;
    font-family:'Montserrat', serif;
    text-transform:uppercase;
    color:#000;
    letter-spacing:2px;
    text-align:center;
    margin:30px 0
}
.socialwall .posts{
    width:960px;
    margin:50px auto;
    position:relative
}
.socialwall .posts:before{
    content:"";
    position:absolute;
    top:20px;
    left:50%;
    width:2px;
    height:100%;
    background-color:#FFF
}
.socialwall .posts li{
    width:45%;
    margin:40px 0;
    background-color:#FFF;
    padding:20px 30px;
    display:inline-block
}
.socialwall .posts li span{
    border:2px solid #FFF;
    display:inline-block;
    width:25px;
    height:25px;
    position:absolute;
    right:-61px;
    top:50px
}
.socialwall .posts li span:before{
    content:"";
    position:absolute;
    left:-38px;
    top:50%;
    width:36px;
    height:2px;
    background:#FFF
}
.socialwall .posts li.instagram span{
    background:transparent url(../img/social-instagram.png) center center no-repeat
}
.socialwall .posts li.facebook span{
    background:transparent url(../img/social-facebook.png) center center no-repeat
}
.socialwall .posts li.right span{
    right:auto;
    left:-54px;
    top:0
}
.socialwall .posts li.right span:before{
    width:30px;
    left:auto;
    right:-32px
}
.socialwall .posts li ../img{
    width:265px;
    margin:15px auto;
    display:block;
    max-width:100%
}
.socialwall .posts li p{
    font-size:14px;
    color:#000;
    font-family:'Work Sans', sans-serif
}
.socialwall .posts li p strong{
    font-size:14px;
    font-weight:600
}
.socialwall .posts li h3{
    font-family:'Montserrat', serif;
    font-size:12px;
    text-transform:uppercase;
    color:#000;
    letter-spacing:2px;
    margin-bottom:5px
}
.socialwall .posts li strong{
    font-size:12px;
    color:#000;
    font-family:'Work Sans', sans-serif
}
#swipebox-overlay{
    background:rgba(0,0,0,0.9)
}
footer{
    background-color:#fff;
    height:40px
}
footer ul{
    text-align:right;
    margin-right:2%
}
footer ul li{
    text-transform:uppercase;
    line-height:40px;
    color:#000;
    font-family:'Montserrat', serif;
    font-size:8px;
    font-weight:700;
    display:inline-block;
    letter-spacing:1px
}
footer ul li:not(:last-child):after{
    content:"|";
    margin:0 2px;
    display:inline-block
}
footer ul li a{
    color:#000;
    font-family:'Montserrat', serif;
    font-size:8px;
    font-weight:700
}
.secondnav{
    position:absolute;
    bottom:60px;
    z-index:3;
    text-align:center;
    width:100%
}
.secondnav li{
    position:relative;
    display:inline-block;
    padding:10px;
    margin:0 20px;
    width:215px
}
.secondnav li:before{
    content:"";
    position:absolute;
    left:50%;
    width:30px;
    height:1px;
    background:#fff;
    top:0;
    margin-left:-15px
}
.secondnav li a{
    font-size:14px;
    font-weight:700;
    font-family:'Montserrat', serif;
    color:#FFF;
    text-transform:uppercase;
    letter-spacing:2px
}
.secondnav li a:hover .st0{
    stroke-dashoffset:0
}
.secondnav li a:hover .st0:nth-child(1){
    -webkit-transition:all 3s ease-out;
    -moz-transition:all 3s ease-out;
    -ms-transition:all 3s ease-out;
    -o-transition:all 3s ease-out;
    transition:all 3s ease-out
}
.secondnav li a:hover .st0:nth-child(2){
    -webkit-transition:all 3s ease-out;
    -moz-transition:all 3s ease-out;
    -ms-transition:all 3s ease-out;
    -o-transition:all 3s ease-out;
    transition:all 3s ease-out
}
.secondnav li a:hover .st0:nth-child(3){
    -webkit-transition:all 3s 0.1s ease-out;
    -moz-transition:all 3s 0.1s ease-out;
    -ms-transition:all 3s 0.1s ease-out;
    -o-transition:all 3s 0.1s ease-out;
    transition:all 3s 0.1s ease-out
}
.secondnav li a:hover .st0:nth-child(4){
    -webkit-transition:all 3s 0.1s ease-out;
    -moz-transition:all 3s 0.1s ease-out;
    -ms-transition:all 3s 0.1s ease-out;
    -o-transition:all 3s 0.1s ease-out;
    transition:all 3s 0.1s ease-out
}
.secondnav li a:hover .st0:nth-child(5){
    -webkit-transition:all 3s 0.2s ease-out;
    -moz-transition:all 3s 0.2s ease-out;
    -ms-transition:all 3s 0.2s ease-out;
    -o-transition:all 3s 0.2s ease-out;
    transition:all 3s 0.2s ease-out
}
.secondnav li a:hover .st0:nth-child(6){
    -webkit-transition:all 3s 0.2s ease-out;
    -moz-transition:all 3s 0.2s ease-out;
    -ms-transition:all 3s 0.2s ease-out;
    -o-transition:all 3s 0.2s ease-out;
    transition:all 3s 0.2s ease-out
}
.secondnav li svg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.secondnav li svg .st0{
    width:100%;
    height:100%;
    display:block;
    stroke-dasharray:1000;
    stroke-dashoffset:1000
}
.secondnav li svg .st0:nth-child(6){
    -webkit-transition:all 1.5s ease-in;
    -moz-transition:all 1.5s ease-in;
    -ms-transition:all 1.5s ease-in;
    -o-transition:all 1.5s ease-in;
    transition:all 1.5s ease-in
}
.secondnav li svg .st0:nth-child(5){
    -webkit-transition:all 1.5s ease-in;
    -moz-transition:all 1.5s ease-in;
    -ms-transition:all 1.5s ease-in;
    -o-transition:all 1.5s ease-in;
    transition:all 1.5s ease-in
}
.secondnav li svg .st0:nth-child(4){
    -webkit-transition:all 1.5s 0.1s ease-out;
    -moz-transition:all 1.5s 0.1s ease-out;
    -ms-transition:all 1.5s 0.1s ease-out;
    -o-transition:all 1.5s 0.1s ease-out;
    transition:all 1.5s 0.1s ease-out
}
.secondnav li svg .st0:nth-child(3){
    -webkit-transition:all 1.5s 0.1s ease-out;
    -moz-transition:all 1.5s 0.1s ease-out;
    -ms-transition:all 1.5s 0.1s ease-out;
    -o-transition:all 1.5s 0.1s ease-out;
    transition:all 1.5s 0.1s ease-out
}
.secondnav li svg .st0:nth-child(2){
    -webkit-transition:all 1.5s 0.2s ease-in;
    -moz-transition:all 1.5s 0.2s ease-in;
    -ms-transition:all 1.5s 0.2s ease-in;
    -o-transition:all 1.5s 0.2s ease-in;
    transition:all 1.5s 0.2s ease-in
}
.secondnav li svg .st0:nth-child(1){
    -webkit-transition:all 1.5s 0.2s ease-in;
    -moz-transition:all 1.5s 0.2s ease-in;
    -ms-transition:all 1.5s 0.2s ease-in;
    -o-transition:all 1.5s 0.2s ease-in;
    transition:all 1.5s 0.2s ease-in
}
#video-player{
    display:none;
    position:absolute;
    z-index:2;
    top:10px;
    left:10px;
    width:calc(100vw - 20px);
    height:calc(100vh - 20px)
}
.bt-close{
    display:inline-block;
    width:70px;
    height:70px;
    background:transparent url(../img/bt-close.png) left top no-repeat
}
.row-eq-height{
    display:flex
}
.popin{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.9);
    padding:225px 0 0 0;
    opacity:0;
    z-index:-1;
    -webkit-transition:all 0.25s;
    -moz-transition:all 0.25s;
    -ms-transition:all 0.25s;
    -o-transition:all 0.25s;
    transition:all 0.25s
}
.popin .bt-close{
    position:absolute;
    right:50px;
    top:100px;
    z-index:1
}
.popin.opened{
    opacity:1;
    z-index:1038;
    -webkit-transition:all 0.25s;
    -moz-transition:all 0.25s;
    -ms-transition:all 0.25s;
    -o-transition:all 0.25s;
    transition:all 0.25s
}
#language{
    padding:0;
    display:-webkit-flex;
    -webkit-align-items:center;
    display:flex;
    align-items:center;
    display:-ms-flexbox;
    -ms-flex-align:center
}
#language .container-fluid{
    width:100%;
    text-align:center
}
#language li{
    font-size:28px;
    font-weight:200;
    font-family:'Work Sans', sans-serif;
    text-transform:uppercase;
    margin:0 0 20px 0;
    text-align:center
}
#language li.bordered:after{
    content:"";
    width:100px;
    height:1px;
    background-color:#fff;
    display:block;
    margin:25px auto
}
#language li a{
    color:#FFF
}
#moreinfos-popin h2,#acces-popin h2{
    font-size:30px;
    font-family:'Montserrat', serif;
    font-weight:700;
    color:#FFF;
    text-transform:uppercase;
    letter-spacing:4px;
    margin:0 0 5px 0;
    position:relative
}
#moreinfos-popin h2:before,#acces-popin h2:before{
    content:"";
    position:absolute;
    width:120px;
    height:1px;
    background:#e1d6c4;
    top:-20px;
    left:0
}
#moreinfos-popin h3,#acces-popin h3{
    font-weight:200;
    font-family:'Work Sans', sans-serif;
    font-size:24px;
    text-transform:uppercase;
    position:relative;
    margin:30px 0 0 0
}
#moreinfos-popin h3:before,#acces-popin h3:before{
    content:"";
    position:absolute;
    width:26px;
    height:1px;
    background:#e1d6c4;
    top:-15px;
    left:0
}
#moreinfos-popin p,#acces-popin p{
    font-weight:300;
    font-family:'Work Sans', sans-serif;
    font-size:16px;
    line-height:24px;
    margin:0 0 0 0
}
#moreinfos-popin .sep,#acces-popin .sep{
    width:1px;
    height:100%;
    margin:0 auto;
    background-color:#FFF
}
#moreinfos-popin li,#acces-popin li{
    font-size:32px;
    font-weight:200;
    font-family:'Work Sans', sans-serif;
    text-transform:uppercase;
    margin:0 0 40px 0
}
#moreinfos-popin li sup,#acces-popin li sup{
    font-size:22px
}
#moreinfos-popin .services-list li,#acces-popin .services-list li{
    font-size:24px;
    width:45%;
    display:inline-block;
    padding:0 2%;
    font-weight:300;
    vertical-align:middle
}
#moreinfos-popin .price,#acces-popin .price{
    display:block;
    font-size:30px;
    font-weight:200;
    font-family:'Work Sans', sans-serif;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    padding:15px 0
}
#moreinfos-popin .book-btn,#acces-popin .book-btn{
    font-size:17px;
    font-family:'Montserrat', serif;
    font-weight:700;
    color:#FFF;
    border-color:#fff;
    margin:40px 0 0 0
}
#moreinfos-popin .book-btn:hover,#acces-popin .book-btn:hover{
    color:#000
}
#moreinfos-popin .book-btn:after,#acces-popin .book-btn:after{
    background-color:#FFF
}
#swipebox-close,#bt-close{
    width:70px;
    height:70px;
    background-image:url(../img/bt-close.png);
    background-position:center center;
    top:5%;
    right:5%
}
.home .menu .topleft{
    background-image:url(../img/1280x720/Resort-Pool-Cam.jpg)
}
.home .menu .topright{
    background-image:url(../img/640x720/Push-640x720-restaurant.jpg)
}
.home .menu .bottom{
    background-image:url(../img/1280x720/nimai-hills.jpg)
}
.commercial{
background-image: url(../img/nimai-place/img-1.jpg)!important;
}
.hotel .menu .topleft{
    background-image:url(../img/1280x720/Resort-Pool-Cam.jpg)
}
.hotel .menu .topright{
    background-image:url(../img/640x720/Push-640x720-service.jpg)
}
.hotel .menu .bottom{
    background-image:url(../img/1280x720/nimai-hills.jpg)
}
.chambres .menu .topleft,.chambre .menu .topleft{
    background-image:url(../img/640x720/Push-640x720-spa.jpg)
}
.chambres .menu .topright,.chambre .menu .topright{
    background-image:url(../img/640x720/Push-640x720-service.jpg)
}
.chambres .menu .bottom,.chambre .menu .bottom{
    background-image:url(../img/1280x720/Push-1280x720-suite.jpg)
}
.suites .menu .topleft,.suite .menu .topleft{
    background-image:url(../img/640x720/Push-640x720-restaurant.jpg)
}
.suites .menu .topright,.suite .menu .topright{
    background-image:url(../img/640x720/Push-640x720-service.jpg)
}
.suites .menu .bottom,.suite .menu .bottom{
    background-image:url(../img/1280x720/Push-1280x720-spa.jpg)
}
.spa .menu .topleft,.piscine .menu .topleft,.sauna .menu .topleft{
    background-image:url(../img/640x720/Push-640x720-hotel.jpg)
}
.spa .menu .topright,.piscine .menu .topright,.sauna .menu .topright{
    background-image:url(../img/640x720/Push-640x720-situation.jpg)
}
.spa .menu .bottom,.piscine .menu .bottom,.sauna .menu .bottom{
    background-image:url(../img/1280x720/Push-1280x720-suite.jpg)
}
.restaurant .menu .topleft{
    background-image:url(../img/640x720/Push-640x720-hotel.jpg)
}
.restaurant .menu .topright{
    background-image:url(../img/640x720/Push-640x720-service.jpg)
}
.restaurant .menu .bottom{
    background-image:url(../img/1280x720/Push-1280x720-situation.jpg)
}
.services .menu .topleft,.soucherie .menu .topleft{
    background-image:url(../img/640x720/Push-640x720-chambre.jpg)
}
.services .menu .topright,.soucherie .menu .topright{
    background-image:url(../img/640x720/Push-640x720-suite.jpg)
}
.services .menu .bottom,.soucherie .menu .bottom{
    background-image:url(../img/1280x720/Push-1280x720-restaurant.jpg)
}
.galerie .menu .topleft{
    background-image:url(../img/640x720/Push-640x720-suite.jpg)
}
.galerie .menu .topright{
    background-image:url(../img/640x720/Push-640x720-chambre.jpg)
}
.galerie .menu .bottom{
    background-image:url(../img/1280x720/Push-1280x720-spa.jpg)
}
.situation .menu .topleft{
    background-image:url(../img/640x720/Push-640x720-restaurant.jpg)
}
.situation .menu .topright{
    background-image:url(../img/640x720/Push-640x720-spa.jpg)
}
.situation .menu .bottom{
    background-image:url(../img/1280x720/Push-1280x720-hotel.jpg)
}
.contact .menu .topleft{
    background-image:url(../img/1280x720/Resort-Pool-Cam.jpg)
}
.contact .menu .topright{
    background-image:url(../img/640x720/Push-640x720-restaurant.jpg)
}
.contact .menu .bottom{
    background-image:url(../img/1280x720/nimai-hills.jpg)
}
.socialwall .menu .topleft{
    background-image:url(../img/1280x720/FINAL--V-1.jpg)
}
.socialwall .menu .topright{
    background-image:url(../img/640x720/Push-640x720-service.jpg)
}
.socialwall .menu .bottom{
    background-image:url(../img/1280x720/nimai-hills.jpg)
}
.menu .topright{
    background-image:url(../img/1280x720/nimai-greens.jpg) !important
}
.menu .topleft strong,.menu .topright strong,.menu .bottom strong{
    font-family:'Montserrat', serif;
    font-size:22px;
    font-weight:600;
    color:#000;
    text-transform:uppercase;
    line-height:28px;
    letter-spacing:2px
}
.menu .topleft strong span,.menu .topright strong span,.menu .bottom strong span{
    font-family:'Work Sans', sans-serif;
    color:#000;
    font-size:22px;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:2px
}
.resa{
    background-color:#FFF;
    position:fixed;
    right:35px;
    top:90px;
    padding:10px;
    max-width:315px;
    z-index:2;
    color:#000
}
.resa .text-center{
    border:1px solid #000;
    padding:12px
}
.resa .text-center h3{
    color:#000;
    font-size:18px;
    text-transform:uppercase;
    font-family:'Montserrat', serif
}
.resa .text-center p{
    color:#000;
    width:auto !important;
    margin:15px auto 0 !important;
    line-height:21px !important;
    font-size:14px !important;
    font-family:"Work Sans", sans-serif !important;
    font-weight:300 !important
}
.resa .text-center p strong{
    text-transform:uppercase;
    font-weight:bold;
    font-size:14px;
    font-family:'Montserrat', serif
}
.resa .text-center span{
    display:inline-block;
    margin:20px 0 0 0;
    color:#000;
    font-size:12px !important;
    font-family:"Work Sans", sans-serif !important
}
.slh{
    max-width:85px;
    position:absolute;
    left:30px;
    bottom:0
}
@media screen and (max-height: 800px){
    .contact textarea{
        min-height:100px
    }
    .contact .section1{
        padding-top:130px
    }
    .conciergerie #moreinfos-popin{
        padding:115px 0 0 0
    }
    .conciergerie #moreinfos-popin h3{
        font-size:17px
    }
    .soucherie .section1 .text{
        height:720px !important
    }
    #moreinfos-popin .services-list li{
        font-size:21px;
        margin-bottom:20px
    }
    .chambres .section1,.suites .section1{
        height:auto
    }
    .chambre .section1 .text{
        padding-top:45vh;
        height:100%;
        min-height:calc(100vh - 20px)
    }
    .chambre .section1 p{
        width:50%;
        font-size:15px
    }
    .logo{
        /*width:113px;
        height:95px*/
    }
    .menu ul li a{
        font-size:12px
    }
    .draw{
        padding:13px 35px
    }
    #moreinfos-popin{
        padding:185px 0 0 0
    }
    #moreinfos-popin li{
        font-size:36px
    }
    #moreinfos-popin h3{
        font-size:27px
    }
    #moreinfos-popin p{
        font-size:14px;
        line-height:20px
    }
    .secondnav li{
        margin:0 20px;
        width:185px
    }
    .secondnav li a{
        font-size:12px
    }
    .services .secondnav li{
        width:225px
    }
    .home .section1 .text p,.hotel .section1 .text p,.restaurant .section1 .text p{
        font-size:15px;
        line-height:24px
    }
    .menu ul li:nth-child(12){
        margin-top:20px
    }
    .home .section1 .text,.hotel .section1 .text,.restaurant .section1 .text,.reservation .section1 .text,.spa .section1 .text,.soucherie .section1 .text,.contact .section1 .text,.piscine .section1 .text,.sauna .section1 .text,.situation .section1 .text{
        height:640px
    }
    .privatisation .section1 .text,.ptitdej .section1 .text,.dej .section1 .text,.teatime .section1 .text,.restaurant.ptitdej .section1 .text,.restaurant.dej .section1 .text,.restaurant.teatime .section1 .text,.restaurant.privatisation .section1 .text{
        height:520px
    }
    .piscine .section1 .text,.sauna .section1 .text,.fitness .section1 .text,.conciergerie .section1 .text,.roomservice .section1 .text,.hotel .section1 .text{
        height:540px
    }
    .massages .section1 .text,.restaurant .section1 .text{
        height:580px
    }
    .situation .section1 .text,.home .section1 .text{
        height:550px
    }
    .home .section1 .text p,.hotel .section1 .text p,.restaurant .section1 .text p,.reservation .section1 .text p,.spa .section1 .text p,.services .section1 .text p,.conciergerie .section1 .text p,.soucherie .section1 .text p,.contact .section1 .text p,.piscine .section1 .text p,.sauna .section1 .text p,.situation .section1 .text p{
        width:90%
    }
    .menu ul li{
        width:100%;
        vertical-align:middle;
        display:inline-block;
        padding:0 5px
    }
    .menu.opened li:nth-child(13),.menu.opened li:nth-child(14){
        width:100%
    }
    .menu.opened li.misc{
        margin-bottom:30px
    }
}
@media screen and (min-height: 801px){
    .hotel .section1 .text,.restaurant .section1 .text{
        padding:140px 0 0 0
    }
    #moreinfos-popin h2{
        margin:0 0 20px
    }
}
@media screen and (max-width: 1024px){
    .home .section1 .text p,.hotel .section1 .text p,.restaurant .section1 .text p,.reservation .section1 .text p,.spa .section1 .text p,.services .section1 .text p,.conciergerie .section1 .text p,.soucherie .section1 .text p,.contact .section1 .text p,.piscine .section1 .text p,.sauna .section1 .text p,.situation .section1 .text p{
        line-height:24px
    }
    .secondnav li{
        margin:0px 10px;
        width:160px
    }
    .home .secondnav li{
        width:160px
    }
    .presse .section1 .left{
        position:relative
    }
    .presse .section1 li .moreinfos{
        right:0
    }
    .presse .section1 li p{
        margin-right:45px
    }
}
@media screen and (max-width: 992px){
    .slh{
        display:block;
        position:relative;
        width:100px;
        margin:20px auto 0;
        left:0
    }
    .home video{
        display:none
    }
    .home .wrapper{
        height:auto;
        overflow:auto
    }
    .home .section1{
        background-image:url(../img/bg/le-narcisse-blanc_service-conciergerie.html);
        position:relative
    }
    .hotel .section1{
        height:auto; padding:50px 0;
    }
    .chambre{
        background-color:#000
    }
    .logo{
        display:none
    }
    .logo-mobile{
        display:block;
        float:left
    }
    .menu-btn span{
        margin:0;
        background-color:#fff
    }
    .menu-btn span:before{
        background-color:#fff
    }
    .menu-btn span:after{
        background-color:#fff
    }
    .section{
        border:0 none;
        height:auto
    }
    footer{
        position:relative !important;
        z-index:1 !important;
        height:auto
    }
    footer ul{
        text-align:center
    }
    footer ul li{
        letter-spacing:0;
        line-height:24px
    }
    footer ul li:nth-child(1),footer ul li:nth-child(2){
        display:none
    }
    footer ul li:not(:last-child):after{
        content:"";
        margin:0
    }
    .home .section1 .text,.hotel .section1 .text,.restaurant .section1 .text,.reservation .section1 .text,.spa .section1 .text,.services .section1 .text,.conciergerie .section1 .text,.soucherie .section1 .text,.contact .section1 .text,.piscine .section1 .text,.sauna .section1 .text,.situation .section1 .text,.soucherie .section1 .text{
        position:relative;
        height:auto;
        padding:160px 0 300px 0;
        bottom:0
    }
    .home .section1 .text p,.hotel .section1 .text p,.restaurant .section1 .text p,.reservation .section1 .text p,.spa .section1 .text p,.services .section1 .text p,.conciergerie .section1 .text p,.soucherie .section1 .text p,.contact .section1 .text p,.piscine .section1 .text p,.sauna .section1 .text p,.situation .section1 .text p,.soucherie .section1 .text p{
        width:80%
    }
    .wrapper{
        position:relative
    }
    header{
        position:fixed;
        top:0;
        left:0;
        z-index:5;
        width:100%;
        height:124px;
        background:-moz-linear-gradient(top, rgba(0,0,0,0.57) 0%, rgba(255,255,255,0) 100%);
        background:-webkit-linear-gradient(top, rgba(0,0,0,0.57) 0%, rgba(255,255,255,0) 100%);
        background:linear-gradient(to bottom, rgba(0,0,0,0.57) 0%, rgba(255,255,255,0) 100%)
    }
    header .book-btn,header .lng,header .menu-btn{
        padding:10px;
        border-color:#FFF;
        color:#FFF
    }
    header .book-btn strong,header .lng strong,header .menu-btn strong{
        display:none
    }
    header .book-btn{
        background-image:url(../img/booking2.png);
        width:40px;
        height:33px;
        background-size:20px;
        background-repeat:no-repeat;
        background-position:center center
    }
    header .menunav{
        position:relative;
        right:5px;
        float:right
    }
    header .menunav li{
        vertical-align:top
    }
    .chambres .rooms,.suites .rooms{
        width:100vw;
        height:calc(100vh - 20px);
        filter:none;
        -webkit-filter:none;
        background-position:bottom center
    }
    .chambres .rooms h3,.suites .rooms h3{
        color:#FFF;
        bottom:80px
    }
    .chambres .rooms p,.suites .rooms p{
        opacity:1;
        bottom:30px
    }
    .chambre .section1 #moreinfos span,.chambre .section1 #gallery span,.chambre .section1 #book span{
        top:0;
        opacity:1
    }
    .chambre .section1 p{
        width:80%
    }
    .row-eq-height{
        display:block
    }
    #moreinfos-popin{
        height:auto;
        position:absolute;
        padding:55% 0 50px 0
    }
    #moreinfos-popin ul{
        border-top:1px solid #FFF;
        margin:25px 0 0 0;
        padding:25px 0 0 0
    }
    #moreinfos-popin ul li{
        font-size:30px;
        margin:0 0 20px 0;
        text-transform:none
    }
    #moreinfos-popin h2{
        font-size:20px;
        text-align:center
    }
    #moreinfos-popin h2:before{
        left:50%;
        margin-left:-60px;
        height:2px;
        background-color:#FFF;
        top:-30px
    }
    #moreinfos-popin h3{
        font-size:18px
    }
    #moreinfos-popin .bt-close{
        width:35px;
        height:35px;
        background-size:cover;
        top:-13000%;
        right:40px;
        z-index:999
    }
    #swipebox-close{
        width:35px;
        height:35px;
        background-size:cover
    }
    .chambre .section1 #details li{
        margin:0 10px
    }
    .menu{
        height:100vh
    }
    .menu .w50:first-child{
        display:none
    }
    .menu .w50{
        width:100%
    }
    .menu ul li{
        width:48%;
        vertical-align:middle;
        display:inline-block;
        padding:0 5px
    }
    .menu ul li a{
        padding:15px 0
    }
    .menu ul li:nth-child(12){
        padding:0
    }
    .menu ul li:nth-child(12) a{
        padding:0
    }
    .menu nav{
        padding:20vh 0
    }
    .chambre .section1 #moreinfos:hover,.chambre .section1 #gallery:hover,.chambre .section1 #book:hover{
        background-size:35px auto
    }
    .chambre .section1 #moreinfos:hover span,.chambre .section1 #gallery:hover span,.chambre .section1 #book:hover span{
        opacity:1;
        top:0
    }
    .galerie{
        padding:20vh 0
    }
    .galerie .section1{
        background-size:cover
    }
    .galerie .medias{
        width:100%;
        margin:0
    }
    .galerie .medias li{
        width:49.999vw;
        float:left;
        margin:0
    }
    .galerie .medias li ../img{
        max-width:100%;
        width:100%
    }
    .socialwall .section1{
        padding:20vh 0 0 0
    }
    .socialwall .posts{
        width:100%
    }
    .socialwall .posts li{
        float:none;
        width:96%;
        margin:20px 2%;
        padding:20px 15px
    }
    .socialwall .posts li:before{
        content:"";
        position:absolute;
        left:50%;
        top:-10px;
        width:100px;
        height:1px;
        background:#000;
        margin:0 0 0 -50px
    }
    .socialwall .posts li:nth-child(even){
        float:none
    }
    .disclaimer{
        position:fixed;
        top:auto;
        bottom:0;
        width:100%;
        right:auto;
        left:0
    }
    .flex{
        display:block
    }
    .chambres .sep,.suites .sep{
        display:none
    }
    .chambre .secondnav{
        display:none
    }
	.secondnav{
        display:none
    }
	.menunav{
    position:absolute;
    right:35px;
    top:5px;
    z-index:1039
}
}
.ipad .chambre .section1 p{
    width:60%
}
.ipad .galerie .section1,.ipad .socialwall .section1{
    padding:200px 0 100px
}
.ipad .home video{
    display:none
}
.ipad .home .wrapper{
    height:auto;
    overflow:auto
}
.ipad .home .section1{
    background-image:url(../img/bg/le-narcisse-blanc_service-conciergerie.html);
    position:relative
}
.ipad .home .section1 .text p,.ipad .hotel .section1 .text p,.ipad .restaurant .section1 .text p,.ipad .reservation .section1 .text p,.ipad .spa .section1 .text p,.ipad .services .section1 .text p,.ipad .conciergerie .section1 .text p,.ipad .soucherie .section1 .text p,.ipad .contact .section1 .text p,.ipad .piscine .section1 .text p,.ipad .sauna .section1 .text p,.ipad .situation .section1 .text p{
    width:80%
}
.ipad .home .section1 .text,.ipad .restaurant .section1 .text{
    height:450px;
    padding:0
}
.ipad .privatisation .section1 .text,.ipad .dej .section1 .text,.ipad .ptitdej .section1 .text,.ipad .conciergerie .section1 .text{
    height:400px
}
.ipad .services .section1 .text{
    height:630px
}
.ipad .hotel .section1 .text{
    padding:0
}
.ipad .secondnav li{
    width:145px
}
.ipad .spa .section1 .text{
    height:750px
}
.ipad .services .secondnav li,.ipad .spa .secondnav li{
    width:135px
}
.ipad .socialwall .posts{
    width:100%
}
.ipad .socialwall .posts li{
    width:44%
}
.ipad .contact .section1{
    overflow:auto
}
.ipad .contact .section1 .row{
    display:block
}
.ipad .contact .section1 .row.no-pad{
    margin:0
}
.ipad .contact .section1 .col-md-6{
    margin:0 0 40px
}
.ipad .contact .section1 .left,.ipad .contact .section1 .right{
    padding:40px 0
}
.ipad #moreinfos-popin .services-list li{
    font-size:20px;
    margin:0 0 25px 0
}
.ipad .soucherie .section1 .text{
    height:800px
}
.ipad .menu .topleft h3,.ipad .menu .topright h3,.ipad .menu .bottom h3{
    left:20px
}
.ipad footer{
    height:50px
}
.ipad footer ul li{
    line-height:24px
}
.iphone .presse .section1 .right{
    padding:30px 0
}
.iphone #moreinfos-popin{
    display:none
}
.iphone #moreinfos-popin.opened{
    display:block
}
.iphone #moreinfos-popin.opened .bt-close{
    top:50px
}
.iphone .contact .section1{
    overflow:auto
}
.iphone .contact .section1 .row{
    display:block
}
.iphone .contact .section1 .row.no-pad{
    margin:0
}
.iphone .contact .section1 .col-md-6{
    margin:0 0 40px
}
.iphone .contact .section1 .left,.iphone .contact .section1 .right{
    padding:40px 0
}
.en .conciergerie #moreinfos{
    display:none
}
.bb10 .menu ul li{
    opacity:1
}
 
 .hotel .section12 {
    background-image: url(../img/1280x720/amila-finishing-lounge.jpg);
}
.socialwall .posts li img {
    width: 265px;
    margin: 15px auto;
    display: block;
    max-width: 100%;
}
.social-wall p:before{
	content: "";
    width: 175px;
    height: 1px;
    background-color: #FFF;
    display: block;
    margin: 0 auto 20px;
}
}

@media screen and (max-width: 480px){}