@font-face{font-family:'typicons';src:url('../fonts/typicons/typicons.eot');src:url('../fonts/typicons/typicons.eot?#iefix') format('embedded-opentype'),
url('../fonts/typicons/typicons.ttf') format('truetype'),
url('../fonts/typicons/typicons.woff') format('woff'),
url('../fonts/typicons/typicons.svg#typicons') format('svg');font-weight:normal;font-style:normal;}
html, body, .perspective{width:100%;height:100%;}
.perspective{position:relative;}
.container{min-height:100%;position:relative;outline:1px solid rgba(0,0,0,0);z-index:10;-webkit-transform:translateZ(0) translateX(0) rotateY(0deg);transform:translateZ(0) translateX(0) rotateY(0deg);}
.container::after{content:'';position:absolute;top:0;left:0;width:100%;height:0px;opacity:0;background-image:url(pics/fond.jpg);-webkit-transition:opacity 0.4s, height 0s 0.4s;transition:opacity 0.4s, height 0s 0.4s;}
.wrapper{position:relative;}
.component{margin:0 auto;width:60%;text-align:justify;font-size:1.5em;}
.perspective.modalview{position:fixed;-webkit-perspective:1500px;perspective:1500px;}
.modalview .container{position:absolute;overflow:hidden;width:100%;height:100%;cursor:pointer;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.modalview .wrapper{-webkit-transform:translateZ(-1px);}
.animate .container::after{opacity:1;height:101%;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;}
.outer-nav{position:absolute;height:auto;font-size:2em;}
.outer-nav.vertical{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;}
.outer-nav.horizontal{left:50%;width:75%;max-width:1000px;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.outer-nav.left{left:25%;}
.outer-nav.right{right:25%;}
.outer-nav.top{top:25%;}
.outer-nav.bottom{bottom:25%;}
.outer-nav a{display:inline-block;white-space:nowrap;font-weight:300;margin:0 0 30px 0;color:#fff;-webkit-transition:color 0.3s;transition:color 0.3s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;}
.outer-nav a:hover{color:#ffdccd;}
.outer-nav.vertical a{display:block;}
.outer-nav.horizontal a{margin:15px 20px;}
.outer-nav a::before{display:inline-block;font-family:'typicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;margin-right:10px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.icon-news::before{content:"\e600"}
.icon-home::before{content:"\e601"}
.icon-image::before{content:"\e602"}
.icon-upload::before{content:"\e603"}
.icon-star::before{content:"\e604"}
.icon-mail::before{content:"\e605"}
.icon-lock::before{content:"\e606"}
.icon-chart-pie::before{content:"\e607"}
.effect-airbnb{background:#b8b6b4;}
.effect-airbnb .container{-webkit-transition:-webkit-transform 0.4s;transition:transform 0.4s;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
.effect-airbnb.animate .container{-webkit-transform:translateZ(-1500px) translateX(100%) rotateY(-45deg);transform:translateZ(-1500px) translateX(100%) rotateY(-45deg);}
.no-csstransforms3d .effect-airbnb.animate .container{left:75%;}
.effect-airbnb .outer-nav a{opacity:0;-webkit-transform:translateX(-150px);transform:translateX(-150px);-webkit-transition:-webkit-transform 0.4s, opacity 0.4s;transition:transform 0.4s, opacity 0.4s;}
.effect-airbnb.animate .outer-nav a{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
.effect-airbnb.animate .outer-nav a:nth-child(2){-webkit-transition-delay:0.04s;transition-delay:0.04s;}
.effect-airbnb.animate .outer-nav a:nth-child(3){-webkit-transition-delay:0.08s;transition-delay:0.08s;}
.effect-airbnb.animate .outer-nav a:nth-child(4){-webkit-transition-delay:0.12s;transition-delay:0.12s;}
.effect-airbnb.animate .outer-nav a:nth-child(5){-webkit-transition-delay:0.16s;transition-delay:0.16s;}
.effect-airbnb.animate .outer-nav a:nth-child(6){-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.effect-airbnb.animate .outer-nav a:nth-child(7){-webkit-transition-delay:0.24s;transition-delay:0.24s;}
.effect-moveleft{background:#f4f3f1;}
.effect-moveleft .container{-webkit-transition:-webkit-transform 0.4s;transition:transform 0.4s;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
.effect-moveleft .container::after{background:rgba(255,255,255,0.6);}
.effect-moveleft.animate .container{-webkit-transform:translateX(-50%) rotateY(45deg) translateZ(-50px);transform:translateX(-50%) rotateY(45deg) translateZ(-50px);}
.no-csstransforms3d .effect-moveleft.animate .container{left:-75%;}
.effect-moveleft .outer-nav a{color:#e86a32;opacity:0;-webkit-transform:translateX(100px) translateZ(-1000px);transform:translateX(100px) translateZ(-1000px);-webkit-transition:-webkit-transform 0.4s, opacity 0.4s;transition:transform 0.4s, opacity 0.4s;}
.effect-moveleft .outer-nav a:hover{color:#333;}
.effect-moveleft.animate .outer-nav a{opacity:1;-webkit-transform:translateX(0) translateZ(0);transform:translateX(0) translateZ(0);}
.effect-moveleft.animate .outer-nav a:nth-child(2){-webkit-transition-delay:0.04s;transition-delay:0.04s;}
.effect-moveleft.animate .outer-nav a:nth-child(3){-webkit-transition-delay:0.08s;transition-delay:0.08s;}
.effect-moveleft.animate .outer-nav a:nth-child(4){-webkit-transition-delay:0.12s;transition-delay:0.12s;}
.effect-moveleft.animate .outer-nav a:nth-child(5){-webkit-transition-delay:0.16s;transition-delay:0.16s;}
.effect-moveleft.animate .outer-nav a:nth-child(6){-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.effect-moveleft.animate .outer-nav a:nth-child(7){-webkit-transition-delay:0.24s;transition-delay:0.24s;}
.effect-rotateleft{}
.effect-rotateleft .container{-webkit-transition:-webkit-transform 0.4s;transition:transform 0.4s;-webkit-transform-origin:0% 50%;transform-origin:0% 50%;}
.effect-rotateleft .container::after{background-image:url(pics/fond.jpg);}
.effect-rotateleft.animate .container{-webkit-transform:translateZ(-1800px) translateX(-50%) rotateY(45deg);transform:translateZ(-1800px) translateX(-50%) rotateY(45deg);}
.no-csstransforms3d .effect-rotateleft.animate .container{left:-75%;}
.effect-rotateleft .outer-nav a{opacity:0;-webkit-transform:translateX(350px) translateZ(-1000px);transform:translateX(350px) translateZ(-1000px);-webkit-transition:-webkit-transform 0.4s, opacity 0.4s;transition:transform 0.4s, opacity 0.4s;}
.effect-rotateleft.animate .outer-nav a{opacity:1;-webkit-transform:translateX(0) translateZ(0);transform:translateX(0) translateZ(0);}
.effect-rotateleft.animate .outer-nav a:nth-child(2){-webkit-transition-delay:0.04s;transition-delay:0.04s;}
.effect-rotateleft.animate .outer-nav a:nth-child(3){-webkit-transition-delay:0.08s;transition-delay:0.08s;}
.effect-rotateleft.animate .outer-nav a:nth-child(4){-webkit-transition-delay:0.08s;transition-delay:0.08s;}
.effect-rotateleft.animate .outer-nav a:nth-child(5){-webkit-transition-delay:0.16s;transition-delay:0.16s;}
.effect-rotateleft.animate .outer-nav a:nth-child(6){-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.effect-rotateleft.animate .outer-nav a:nth-child(7){-webkit-transition-delay:0.24s;transition-delay:0.24s;}
.effect-movedown{background:#34495e;}
.effect-movedown .container{-webkit-transition:-webkit-transform 0.4s;transition:transform 0.4s;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
.effect-movedown .container::after{background:rgba(52, 73, 94, 0.5);}
.effect-movedown.animate .container{-webkit-transform:translateY(100%) translateZ(-1500px);transform:translateY(100%) translateZ(-1500px);}
.no-csstransforms3d .effect-movedown.animate .container{top:75%;}
.effect-movedown .outer-nav a{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);-webkit-transition:-webkit-transform 0.4s, opacity 0.4s;transition:transform 0.4s, opacity 0.4s;}
.effect-movedown .outer-nav a:hover{color:#ed8151;}
.effect-movedown.animate .outer-nav a{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.effect-movedown.animate .outer-nav a:nth-child(2){-webkit-transition-delay:0.04s;transition-delay:0.04s;}
.effect-movedown.animate .outer-nav a:nth-child(3){-webkit-transition-delay:0.08s;transition-delay:0.08s;}
.effect-movedown.animate .outer-nav a:nth-child(4){-webkit-transition-delay:0.12s;transition-delay:0.12s;}
.effect-movedown.animate .outer-nav a:nth-child(5){-webkit-transition-delay:0.16s;transition-delay:0.16s;}
.effect-movedown.animate .outer-nav a:nth-child(6){-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.effect-movedown.animate .outer-nav a:nth-child(7){-webkit-transition-delay:0.24s;transition-delay:0.24s;}
.effect-rotatetop{background:#edcdbb;}
.effect-rotatetop .container{-webkit-transition:-webkit-transform 0.4s;transition:transform 0.4s;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
.effect-rotatetop .container::after{background:rgba(94,59,43,0.6);}
.effect-rotatetop.animate .container{-webkit-transform:translateZ(-1500px) translateY(-50%) rotateX(-45deg);transform:translateZ(-1500px) translateY(-50%) rotateX(-45deg);}
.no-csstransforms3d .effect-rotatetop.animate .container{top:-75%;}
.effect-rotatetop .outer-nav a{opacity:0;color:#ed8151;-webkit-transform:translateY(200px) translateZ(-1000px);transform:translateY(200px) translateZ(-1000px);-webkit-transition:-webkit-transform 0.4s, opacity 0.4s;transition:transform 0.4s, opacity 0.4s;}
.effect-rotatetop .outer-nav a:hover{color:#777;}
.effect-rotatetop.animate .outer-nav a{opacity:1;-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);}
.effect-rotatetop.animate .outer-nav a:nth-child(2){-webkit-transition-delay:0.04s;transition-delay:0.04s;}
.effect-rotatetop.animate .outer-nav a:nth-child(3){-webkit-transition-delay:0.08s;transition-delay:0.08s;}
.effect-rotatetop.animate .outer-nav a:nth-child(4){-webkit-transition-delay:0.12s;transition-delay:0.12s;}
.effect-rotatetop.animate .outer-nav a:nth-child(5){-webkit-transition-delay:0.16s;transition-delay:0.16s;}
.effect-rotatetop.animate .outer-nav a:nth-child(6){-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.effect-rotatetop.animate .outer-nav a:nth-child(7){-webkit-transition-delay:0.24s;transition-delay:0.24s;}
.effect-laydown{background:#b8b6b4;}
.effect-laydown .container{-webkit-transition:-webkit-transform 0.4s;transition:transform 0.4s;-webkit-transform-origin:50% 150%;transform-origin:50% 150%;}
.effect-laydown.animate .container{-webkit-transform:translateZ(-1500px) rotateX(80deg);transform:translateZ(-1500px) rotateX(80deg);}
.no-csstransforms3d .effect-laydown.animate .container{top:75%;}
.effect-laydown .outer-nav a{opacity:0;-webkit-transform:translateY(-200px) translateZ(-1000px);transform:translateY(-200px) translateZ(-1000px);-webkit-transition:-webkit-transform 0.4s, opacity 0.4s;transition:transform 0.4s, opacity 0.4s;}
.effect-laydown.animate .outer-nav a{opacity:1;-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);}
.effect-laydown.animate .outer-nav a:nth-child(7){-webkit-transition-delay:0.0s;transition-delay:0.0s;}
.effect-laydown.animate .outer-nav a:nth-child(6){-webkit-transition-delay:0.04s;transition-delay:0.04s;}
.effect-laydown.animate .outer-nav a:nth-child(5){-webkit-transition-delay:0.08s;transition-delay:0.08s;}
.effect-laydown.animate .outer-nav a:nth-child(4){-webkit-transition-delay:0.12s;transition-delay:0.12s;}
.effect-laydown.animate .outer-nav a:nth-child(3){-webkit-transition-delay:0.16s;transition-delay:0.16s;}
.effect-laydown.animate .outer-nav a:nth-child(2){-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.effect-laydown.animate .outer-nav a:first-child{-webkit-transition-delay:0.24s;transition-delay:0.24s;}
@media screen and (max-width:77em){.outer-nav.top{top:15%;}
.outer-nav.bottom{bottom:15%;}
}
@media screen and (max-width:36.625em), screen and (max-height:41.75em){.outer-nav.top{top:5%;}
.outer-nav.bottom{bottom:5%;}
.outer-nav.horizontal{font-size:1.7em;width:6.2em;}
.outer-nav.horizontal a{display:block;text-align:left;}
.effect-rotatetop .outer-nav.horizontal{width:95%;bottom:auto;top:50%;}
.effect-rotatetop .outer-nav.horizontal a{display:inline-block;}
}
@media screen and (max-width:31em), screen and (max-height:36.2em){.outer-nav.horizontal,
.outer-nav.vertical{font-size:1.2em;width:6.8em;}
.outer-nav.right{right:auto;left:50%;}
}
@media screen and (max-height:31.6em){.outer-nav a{margin-bottom:20px;}
}