body, html {font-family: 'Oswald', sans-serif; margin:0px; background:#000; font-size:0px}
	h1, h2, h3, h4, h5 {display:inline-block; font-size:inherit; font-weight:inherit; margin:0px; padding:0px}
	a {color:inherit; text-decoration:inherit}
    sup {font-size:0.5em}
    .wpcf7-response-output {font-size:20px}
	input[type=text], input[type=email], input[type=password], textarea, select {outline:none; -webkit-appearance:none; -moz-appearance:none; border-radius:0px; font-family: 'Oswald', sans-serif;}
    select {border:none; width:100%}
	input[type=button], input[type=submit] {outline:none; -webkit-appearance: none; cursor:pointer; border-radius:0px; font-family: 'Oswald', sans-serif; }
    select {color: #737373}

	.bungee {font-family: 'Bungee Inline'}
	.light {font-weight:300}
	.motion-linear02 {-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s linear;}
	.motion-linear05 {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s linear;}
    .motion-linear5 {-webkit-transition: all 5s linear;-moz-transition: all 5s linear;-o-transition: all 5s linear;}
	.motion-ease02 {-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;}
	.motion-ease2 {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;}
	.motion-ease3 {-webkit-transition: all 3s ease;-moz-transition: all 3s ease;-o-transition: all 3s ease;}
    .rotate45 {-moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg);  transform:rotate(45deg);}
    .rotate315 {-moz-transform:rotate(315deg); -webkit-transform:rotate(315deg); -ms-transform:rotate(315deg); -o-transform:rotate(315deg);  transform:rotate(315deg);}
	.grayscale {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
    .wrapper {width:90%; max-width:1200px; margin:0px auto; text-align:center}
	.orange {color:#f8ac04}
	.white {color:#FFF}
	.black {color:#000}
	.big-title {font-size:50px; text-align:center; text-transform:uppercase; margin:10px}
    .split {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; vertical-align:top; padding:15px 0px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
    .bg-orange {background-position:center center; background-repeat:no-repeat; background-size:cover;background-position-y: 15px;}
    .rtl {direction:rtl}
    .ltr {direction:ltr}
	.form-reservation-libro {width:100%; border:none; height:520px}

.column-wrapper-5 {width:100%; font-size:0px}
.column-wrapper-5 .col {width:20%; display:inline-block; vertical-align:top; box-sizing:border-box; padding:5px; font-size:14px}
@media(max-width: 880px) {
 .column-wrapper-5 .col {width:100%; display:inline-block; box-sizing:border-box; padding:5px; font-size:14px}
}

	header {position:fixed; top:0px; width:100%; background-color:#FFF; z-index:1000; box-shadow:0px 0px 50px rgba(0,0,0,0.3)}
	header .header-wrapper {display:table; height:80px; font-size:14px; table-layout:fixed; width:100%}
	header .header-wrapper .cell-logo {display:table-cell; vertical-align:middle; width:13%; text-align:center}
	header .header-wrapper .cell-logo img {display:inline-block; width:130px}
	header .header-wrapper .cell-logo img.hover {position:absolute; opacity:1}
	header .header-wrapper .cell-logo img.rear {opacity:0}
	header .header-wrapper:hover .cell-logo .rear {opacity:1}
	header .header-wrapper:hover .cell-logo .hover {opacity:0}
	header .header-wrapper .cell-menu {display:table-cell; vertical-align:middle}
	header .header-wrapper .cell-menu ul {display:table; table-layout:fixed; border-collapse:separate; border-spacing:4px; width:100%; text-align:center; padding:0px}
	header .header-wrapper .cell-menu li {display:table-cell; border:1px solid #fff; line-height:40px; text-transform:uppercase; cursor:pointer; height:40px; border:0px}
	header .header-wrapper .cell-menu li:hover {border:0px solid #fff; font-size:13px; letter-spacing:2px; line-height:40px;}
	header .header-wrapper .cell-btn {display:table-cell; width:80px; vertical-align:middle; text-align:center}
	header .header-wrapper .cell-btn .lang-btn {display:inline-block; width:35px; line-height:30px; background:#000; color:#FFF; text-align:center; font-size:13px; letter-spacing:1px; cursor:pointer; border:1px solid #000; text-transform:uppercase}
    header .header-wrapper .cell-btn .lang-btn:hover {background:#FFF; color:#000}
    header .header-wrapper .cell-btn .bar1 {width:30px; height:3px; background:#000; margin:0px auto}
    header .header-wrapper .cell-btn .bar2 {width:30px; height:2px; background:#000; margin:6px auto 7px}
    header .header-wrapper .cell-btn .bar3 {width:30px; height:1px; background:#000; margin:0px auto}
	header .header-wrapper .cell-book {width:300px; background:url(../img/gradiant.png) 0px 0px no-repeat #000; background-size:100% 2px; display:table-cell; vertical-align:middle; text-align:center; color:#FFF; font-size:16px; letter-spacing:1px; cursor:pointer}
	header .header-wrapper .cell-book:hover {background:url(../img/gradiant.png) 0px 0px no-repeat #000; background-size:100% 100%}
	header .header-wrapper .cell-book img {display:inline-block; vertical-align:middle; padding-right:15px}
	header .header-wrapper .cell-book p {display:inline-block; vertical-align:middle}

    #mobile-menu {position:fixed; background:rgba(255,255,255,1); width:100%; top:50px; bottom:0px; z-index:5000; text-align:center; display:none; overflow:scroll}
	#mobile-menu .wrap {display:table; width:100%; height:100%; vertical-align:middle}
	#mobile-menu .box-wrapper {display:table-cell; text-align:left; vertical-align:middle; border:1px solid #FFF}
	#mobile-menu .box-wrapper .tabs {margin:0px auto; font-size:18px; border-bottom:2px solid #FFF; display:block; max-width:500px; width:90%; background-position:top left; background-repeat:no-repeat; background-size:cover; padding:5px; box-sizing:border-box; text-transform:uppercase; color:#000; cursor:pointer}
	#mobile-menu .box-wrapper .tabs .tab {text-align:center; list-style:none; margin:5px 0px; padding:10px 20px; border-left:0px solid rgba(0,0,0,0.2); border-bottom:0px solid rgba(0,0,0,0.2); background-color:rgba(255,255,255,0.30)}
	#mobile-menu .reserve-btn {margin:0px auto; display:block; width:90%; max-width:500px; padding:20px 0px; background:#000; color:#FFF; font-size:20px; border:2px solid #FFF; text-align:center}
	#mobile-menu .reserve-btn img {width:20px}
	#mobile-menu .reserve-btn p {display:inline-block; vertical-align:top; margin:0px 0px 0px 20px}

	#splash {position:fixed; top:0px; bottom:0px; left:0px; right:0px; background:#FFF; z-index:2000; height:100%}
	#splash .container {display:table; width:100%; height:100%; table-layout:fixed}
	#splash .cell-menu {display:table-cell; width:150px; background:#FFF; text-align:center; vertical-align:top}
	#splash .cell-menu .top {height:45px; background:url(../img/gradiant.png) 0px 0px no-repeat #000; background-size:100% 2px; cursor:pointer; text-align:left}
	#splash .cell-menu .top:hover {background:url(../img/gradiant.png) 0px 0px no-repeat #000; background-size:100% 100%;}
	#splash .cell-menu .lang {float:right; text-transform:uppercase}
    #splash .cell-menu .lang:hover {text-decoration:underline}
	#splash .cell-menu p{font-size:16px; color:#FFF; display:inline-block; vertical-align:middle; padding:10px; margin:0px}
	#splash .cell-menu p:hover {color:#000; cursor:pointer}
	#splash .cell-menu .rear {width:150px; margin:30px auto; opacity:0; text-align:center}
    #splash .cell-menu .rear img {width:65px}
	#splash .cell-menu .hover {width:150px; margin:30px auto; position:absolute; opacity:1; text-align:center}
    #splash .cell-menu .hover img {width:65px}
	#splash .cell-menu:hover .rear {opacity:1}
	#splash .cell-menu:hover .hover {opacity:0}
	#splash .cell-menu ul {margin:0px; padding:0px}
	#splash .cell-menu li {font-size:16px; color:#000; list-style:none; text-transform:uppercase; padding:12px 0px; cursor:pointer}
	#splash .cell-menu li:hover {letter-spacing:2px;}
	#splash .cell-menu .footer {position:absolute; height:auto; bottom:0px; width:150px; padding-bottom:40px}
	#splash .cell-menu .palm {display:inline-block; width:65px; margin-top:10%}
	#splash .cell-menu .footer .footer-wrapper {width:85%; display:inline-block; border-top:1px solid #000; border-bottom:1px solid #000}
	#splash .cell-menu .footer .footer-wrapper p{color:#000; text-transform:uppercase; font-size:14px; margin:0px 0px; line-height:16px}
	#splash .cell-menu .footer .social {padding:10px 10px; display:inline-block}
	#splash .surf {display:table-cell; background:url(../img/surf.png) center right no-repeat; background-size:cover; vertical-align:top; height:100%; text-align:center}
	#splash .turf {display:table-cell; background:url(../img/turf_v2.png) center center no-repeat; background-size:cover; vertical-align:top; height:100%; text-align:center}
	#splash .splash-container {margin:0px; width:100%; height:100%; min-height:100%; text-align:center; cursor:pointer}
	#splash .filter {margin:0px; background:rgba(0,0,0,0.5)}
    #splash .tag-wrapper {width:45%; text-align:center; position:absolute; top:40%}
	#splash .tag {max-width:350px; width:60%; text-align:center; display:inline-block}
    /*#splash .tag {max-width:350px; width:60%; text-align:center; top:40%; position:absolute; margin-left:12%}*/
	#splash .tag-roll-up {top:10%}
	#splash .tag .tag-edge {width:100%; table-layout:fixed}
	#splash .tag .tag-middle {border-left:2px solid #FFF; border-right:2px solid #FFF; text-align:center; font-size:90px; line-height:170px; color:#FFF; margin-top:-22px; margin-bottom:-35px}
    #splash .tag .tag-middle-en {border-left:2px solid #FFF; border-right:2px solid #FFF; text-align:center; font-size:90px; line-height:170px; color:#FFF; margin-top:-35px; margin-bottom:-22px}
	#splash .tag .tag-edge .line {display:table-cell; vertical-align:middle; width:50%}
	#splash .tag .tag-edge .line div {height:2px; background:#FFF; width:100%}
	#splash .tag .tag-edge .element {display:table-cell; vertical-align:middle; font-size:30px; color:#FFF}
	#splash .tag .tag-edge .element img {padding:0px 5px; height:60px}
	#splash .roll-up {height:65%;}
	#splash .slideshow {background:rgba(0,0,0,0.9); width:100%; font-size:0px; overflow:hidden}
	#splash .slideshow .slide-wrapper {display:table; height:100%; vertical-align:top}
	#splash .slideshow .slide-wrapper .slide {display:table-cell; height:100%; vertical-align:top}
	#splash .slideshow .slide-wrapper .slide .slide-content {display:table; width:100%; height:100%; text-align:left; table-layout:fixed}
	#splash .slideshow .slide-wrapper .slide .content {display:table-cell; width:100%; height:100%; vertical-align:middle; padding:20px 0px 20px 20px}
	#splash .slideshow .slide-wrapper .slide .content img {max-width:100%}
	#splash .slideshow .slide-wrapper .slide .custom-content {text-align:left; display:table-cell; width:50%; vertical-align:top; height:100%; font-size:20px; background-color:#FFF; background-size:cover; background-position:center center; padding:25px; box-sizing:border-box}
	#splash .slideshow .slide-wrapper .slide .custom-content .title {line-height:32px; font-size:28px; color:#000; border-bottom:1px solid #000; margin:0px 0px 10px 0px; padding-bottom:10px; text-transform:uppercase}
	#splash .slideshow .slide-wrapper .slide .custom-content .btn {margin:5px 0px; background:#000; border:1px solid #000; text-align:center; line-height:40px; padding:0px 30px; text-transform:uppercase; display:inline-block; color:#FFF; font-size:14px; cursor:pointer}
	#splash .slideshow .slide-wrapper .slide .custom-content .btn:hover {background:#FFF; color:#000}
	#splash .slideshow .slide-wrapper .slide .custom-content .subtitle {margin:0px 0px 10px 0px; text-transform:uppercase; font-size:16px}
	#splash .slideshow .slide-wrapper .slide .arrow {display:table-cell; vertical-align:middle; text-align:center; width:35px; cursor:pointer}
	#splash .slideshow .slide-wrapper .slide .arrow img {width:15px; padding:10px}

    #intro-video .container {position: relative; width: 100%; height: 0; padding-bottom: 56.25%; background:#FFF; opacity:1}
    #intro-video .video {position: absolute;top:0; left:0; width: 100%; height: 100%; opacity:1; z-index:100}
    #intro-video .view360 {position: absolute;top:0; left:0; width: 100%; height: 100%; opacity:1; z-index:100}
    .block {pointer-events:none;}
    #intro-video {width:100%; display:inline-block}
    #intro-video .title {font-size:65px; line-height:70px}

	#intro-level {margin-top:-10%; padding:40px 0px 20px 0px; width:100%; background:url(../img/grunge.png) #FFF; position:relative; z-index:200}
	#intro-level .topic {margin:10px; text-align:center; font-size:34px; text-transform:uppercase}
	#intro-level .text {display:inline-block; text-align:center; font-size:24px; max-width:700px}
    #intro-level .long-text {display:inline-block; text-align:left; font-size:18px; width:100%}
    #intro-level .title {display:inline-block; text-align:left; font-size:28px}
	#intro-level .notice {font-size:14px}
	#intro-level .btn {font-size:20px; background:#000; color:#FFF; line-height:50px; text-transform:uppercase; display:block; margin:0 auto; padding:0px 30px; border:1px solid #FFF; cursor:pointer; text-align:center; max-width: 450px;}

	#pre-footer {background:url(../img/grunge.png) #FFF; padding:100px 0px}
    #pre-footer .left {text-align:left}
	#pre-footer .title {font-size:20px; color:#000; text-transform:uppercase}
	#pre-footer .text {font-size:14px; color:#000; font-style:italic}
    #pre-footer .btn {font-size:20px; background:#000; color:#FFF; line-height:50px; text-transform:uppercase; display:inline-block; margin:0 auto; padding:0px 30px; border:1px solid #000; cursor:pointer}
    #pre-footer .btn:hover {background:#FFF; color:#000}

    #formulaires {background:url(../img/grunge.png) #FFF; padding:50px 0px}
    #formulaires .left {text-align:left}
	#formulaires .title {font-size:20px; color:#000; text-transform:uppercase}
    #formulaires .line {height:2px; background:#000; width:100%; margin:30px 0px}
	#formulaires .text {font-size:14px; color:#000; font-style:italic}
    #formulaires input[type=text],input[type=email],input[type=password] {box-sizing:border-box; padding-left:5px; margin:10px 0px; border:1px solid #000; background:#FFF; height:45px; width:100%; font-size:14px; background-size:30px auto}
    #formulaires select {box-sizing:border-box; padding-left:5px; margin:10px 0px; border:1px solid #000; background:url(../img/dropdown-icon.png) right center no-repeat #FFF; height:45px; width:100%; font-size:14px; background-size:30px auto}
    #formulaires textarea {box-sizing:border-box; padding:5px; margin:10px 0px; border:1px solid #000; background:#FFF; height:200px; width:100%; font-size:14px; resize:none}
    #formulaires input[type=button], #formulaires input[type=submit] {font-size:20px; background:#000; color:#FFF; line-height:50px; text-transform:uppercase; display:inline-block; margin:0 auto; padding:0px 30px; border:1px solid #000; cursor:pointer}
    #formulaires input[type=button]:hover, #formulaires input[type=submit]:hover {background:#FFF; color:#000}

    #reservation-process {background:url(../img/bg-reservation.jpg) center center no-repeat; background-size:cover; background-attachment:fixed; padding-top:200px; padding-bottom:100px; border-bottom:1px solid #FFF}
    #reservation-process .login-box {display:inline-block; width:45%; margin:0px 2.5%; text-align:left; vertical-align:top}
    #reservation-process .container {background:#FFF; padding:20px 20px 30px 20px; min-height:220px; text-align:left}
    #reservation-process .container .topic {font-size:30px; margin:10px 0px}
    #reservation-process .container .text {font-size:16px; margin:10px 0px}
    #reservation-process input[type=text],input[type=email], #reservation-process input[type=password] {box-sizing:border-box; padding-left:5px; margin:10px 0px; border:1px solid #000; background:#FFF; height:45px; width:100%; font-size:16px}
    #reservation-process select {box-sizing:border-box; padding-left:5px; margin:10px 0px; border:1px solid #000; background:url(../img/dropdown-icon.png) right center no-repeat #FFF; height:45px; width:100%; font-size:16px; background-size:30px auto}
    #reservation-process textarea {box-sizing:border-box; padding:5px; margin:10px 0px; border:1px solid #000; background:#FFF; height:200px; width:100%; font-size:16px; resize:none}
    #reservation-process input[type=button], #reservation-process input[type=submit] {font-size:20px; background:#000; color:#FFF; line-height:50px; text-transform:uppercase; display:inline-block; margin:0 auto; padding:0px 30px; border:1px solid #FFF; cursor:pointer}
    #reservation-process input[type=button]:hover, #reservation-process input[type=submit]:hover {background:#FFF; color:#000}
    #reservation-process .price {float:right; background:#FFF; line-height:38px; font-size:24px; text-align:center; padding:0px 30px; margin:10px 0px}
    #reservation-process select.forfait {max-width:475px}
    #reservation-process select.temps {max-width:200px}
	#reservation-process select.timePicker {max-width:150px}
    #reservation-process input.ami {max-width:475px}
    #reservation-process input.credit-name {max-width:400px; display:block}
    #reservation-process input.credit-num {max-width:400px; display:block}
    #reservation-process input.credit-cvs {max-width:150px; display:block}
    #reservation-process select.credit-exp {max-width:150px; margin-right:10px}
    #reservation-process a {font-size:14px; text-decoration:underline}
    #reservation-process a:hover {font-size:14px; text-decoration:underline; color:#333}
    #reservation-process .package-wrapper {background:#000; width:100%; padding:20px; box-sizing:border-box; margin:5px auto}
    #reservation-process .btn-transparent {font-size:20px; color:#FFF; line-height:50px; text-transform:uppercase; display:inline-block; margin:0 auto; padding:0px 30px; border:1px solid #FFF; cursor:pointer}
    #reservation-process .btn-transparent:hover {background:#FFF; color:#000}
    #reservation-process .btn {vertical-align:middle; font-size:20px; background:url(../img/gradiant.png) #FFF; background-size:100% 100%; color:#FFF; line-height:50px; text-transform:uppercase; display:inline-block; margin:0 auto; padding:0px 30px; border:1px solid #FFF; cursor:pointer}
    #reservation-process .btn:hover {background:#000; color:#FFF}
    #reservation-process .delete {float:right; margin:5px 5px 0px 5px; color:#FFF; font-size:13px; text-transform:uppercase; width:100%; text-align:right}
    #reservation-process .delete img {display:inline-block; vertical-align:middle; width:20px; padding:0px 0px 0px 10px; cursor:pointer}
    #reservation-process .delete:hover {text-decoration:underline}
    #reservation-process .date-wrapper {display:table; border-collapse:collapse; width:100%; color:#FFF; background:#000}
    #reservation-process .date-wrapper .cell {width:50%; display:table-cell; padding:20px; text-align:center; border:1px solid #000}
    #reservation-process .date-wrapper .cell p {text-transform:uppercase; display:inline-block; font-size:20px; margin:0px}
    #reservation-process .date-wrapper .cell .datepicker {width:150px; margin:0px 15px}
    #reservation-process .resultat {width:100%; border-bottom:1px solid #000; display:table; table-layout:fixed; text-transform:uppercase}
    #reservation-process .resultat .cell-check {display:table-cell; width:60px; text-align:center; vertical-align:middle}
    #reservation-process .resultat .cell-check .checkbox {display:inline-block; width:30px; height:30px; vertical-align:middle; border:1px solid #000}
    #reservation-process .resultat .cell-date {display:table-cell; text-align:left; padding:0px 20px; vertical-align:middle}
    #reservation-process .resultat .cell-date p {font-size:20px; color:#000}
    #reservation-process .resultat .cell-time {display:table-cell; text-align:center; padding:0px 0px; vertical-align:middle; width:75px}
    #reservation-process .resultat .cell-time p {font-size:20px; color:#000}
    #reservation-process .resultat .cell-place {display:table-cell; text-align:right; padding:0px 20px; vertical-align:middle}
    #reservation-process .resultat .cell-place p {font-size:20px; color:#000}
    #reservation-process .next {margin:10px 0px 0px 0px; text-align:right}
    #reservation-process .next .message {font-size:14px; display:inline-block; padding:30px}
    #reservation-process .bottom {background-color:rgba(0,0,0,0.80); text-align:center; padding:15px 0px}
    #reservation-process .bottom .steps {width:120px; margin:0px 5px; display:inline-block; vertical-align:middle; text-align:center}
    #reservation-process .bottom .steps img {width:50px; display:inline-block}
    #reservation-process .bottom .steps p {font-size:14px; color:#FFF; text-transform:uppercase}
    #reservation-process .bottom .remaining {opacity:0.5}
    #reservation-process .bottom .arrow {width:60px; display:inline-block; margin:0px 5px; vertical-align:middle}

    #topic {height:500px; width:100%}
    #topic .wrapper {text-align:left}
    #topic .title {font-size:34px; text-transform:uppercase; padding-top:170px}

    #duo .content-wrapper {display:table; width:100%; table-layout:fixed}
	#duo .content-wrapper .cell {display:table-cell; width:50%; padding:30px 0px; background-position:center center; background-repeat: no-repeat; background-size:cover; box-sizing:border-box; border-top:10px solid #000; border-bottom:10px solid #000; border-left:5px solid #000; border-right:5px solid #000}
	#duo .content-wrapper .cell .container {border:2px solid #FFF; padding:30px 0px; text-align:center; width:80%; margin:0 auto; background:rgba(0,0,0,0.5)}
	#duo .content-wrapper .cell .container .icon {font-size:30px; color:#FFF; margin:0px}
	#duo .content-wrapper .cell .container .title {font-size:30px; color:#FFF; margin:0px}
	#duo .content-wrapper .cell .container .details {font-style:italic; color:#FFF; font-size:18px; margin:20px auto; width:95%}
	#duo .content-wrapper .cell .container .btn {font-size:20px; background:#000; color:#FFF; line-height:50px; text-transform:uppercase; display:inline-block; margin:0 auto; padding:0px 30px; border:1px solid #FFF; cursor:pointer}
    #duo .content-wrapper .cell .container .btn:hover {background:#FFF; color:#000}

	#full-promo-pack {background-position:center center; background-repeat:no-repeat; background-size:cover; padding:100px 0px}
	#full-promo-pack .container {border:2px solid #FFF; padding:50px 0px; text-align:center; width:70%; margin:0 auto; background:rgba(0,0,0,0.5)}
	#full-promo-pack .container .title {font-size:30px; color:#FFF; margin:0px; text-transform:uppercase}
	#full-promo-pack .container .promo {font-size:50px; color:#FFF; margin:0px}
	#full-promo-pack .container .details {font-style:italic; color:#FFF; font-size:18px; margin:20px auto; max-width:570px; width:90%}
	#full-promo-pack .container .btn {font-size:20px; background:#000; color:#FFF; line-height:50px; text-transform:uppercase; display:inline-block; margin:0 auto; padding:0px 30px; border:1px solid #FFF; cursor:pointer}
    #full-promo-pack .container .btn:hover {background:#FFF; color:#000}

    #full-promo-pack-white {background:url(../img/grunge.png) #FFF; padding:100px 0px}
	#full-promo-pack-white .container {border:2px solid #000; padding:50px 0px; text-align:center; width:70%; margin:0 auto}
	#full-promo-pack-white .container .title {font-size:30px; color:#000; margin:0px; text-transform:uppercase}
	#full-promo-pack-white .container .promo {font-size:50px; color:#000; margin:0px}
	#full-promo-pack-white .container .promo sup{font-size:0.5em}
	#full-promo-pack-white .container .details {font-style:italic; color:#000; font-size:18px; margin:20px auto; max-width:570px; width:90%}
	#full-promo-pack-white .container .btn {font-size:20px; background:#000; color:#FFF; line-height:50px; text-transform:uppercase; display:inline-block; margin:0 auto; padding:0px 30px; border:1px solid #FFF; cursor:pointer}
    #full-promo-pack-white .container .btn:hover {background:#FFF; color:#000}

	#packages {background:url(../img/grunge.png) #FFF; padding:50px 0px; font-size:0px}
	#packages .package-wrapper {display:table; width:100%; text-align:center}
	#packages .package-wrapper .package-container {display:inline-block; padding:20px 0px 50px; box-sizing:border-box; width:33%; min-width:320px; vertical-align:middle}
	#packages .package-wrapper .package-container .frame {border: 1px solid #f8ac04; text-align:center; width:90%; display:inline-block}
	#packages .package-wrapper .package-container .bullets {width:55%; display:inline-block; padding-bottom:40px; vertical-align:middle; box-sizing:border-box; padding-left:15px; text-align:left; direction:ltr}
	#packages .package-wrapper .package-container .bullets ul {margin:0px 0px; padding-left:30px; padding-right:0px; color:#000; font-size:16px}
	#packages .package-wrapper .package-container .name {font-size:28px; color:#000; background:url(../img/grunge.png) #fff; display:inline-block; margin:-25px auto 10px auto; padding:10px}
	#packages .package-wrapper .package-container .price-wrapper {width:45%; font-size:12px; display:inline-block; padding-bottom:40px; vertical-align:middle; box-sizing:border-box; padding:0px 15px; direction:ltr}
    #packages .package-wrapper .package-container .bullets .details {margin:10px 0px 0px!important}
	#packages .package-wrapper .package-container .timer {background:#000; width:100%; max-width:145px; margin:0px auto; font-size:12px; color:#FFF}
	#packages .package-wrapper .package-container .timer img {width:16px; display:inline-block; vertical-align:-8px; padding:5px}
	#packages .package-wrapper .package-container .price {font-size:30px; margin:0px; line-height:40px; letter-spacing:-2px}
	#packages .package-wrapper .package-container .price sup {font-size:0.5em; letter-spacing:1px}
	#packages .package-wrapper .package-container .details {font-style:italic; color:#000; font-size:16px; margin:10px 40px 40px}
    #packages .package-wrapper .package-container .left {color:#000; font-size:18px; margin:5px 0px 5px; width:45%; max-width:145px; text-align:left; display:inline-block}
    #packages .package-wrapper .package-container .right {color:#000; font-size:18px; margin:5px 0px 5px; width:45%; max-width:145px; text-align:right; display:inline-block}
    #packages .package-wrapper .package-container .notice {font-style:italic; color:#000; font-size:14px; margin:10px 40px 40px}
	#packages .package-wrapper .package-container .btn {font-size:20px; background:#000; color:#FFF; line-height:50px; text-transform:uppercase; cursor:pointer}
    #packages .package-wrapper .package-container .btn:hover {letter-spacing:2px}
    #packages .package-wrapper .package-container .combo-btn {display:table; table-layout:fixed; width:100%}
    #packages .package-wrapper .package-container .combo-btn .buy-btn {display:table-cell; vertical-align:middle; background:#000; font-size:16px; color:#FFF; line-height:40px; width:30%; cursor:pointer}
    #packages .package-wrapper .package-container .combo-btn .else {display:table-cell; vertical-align:middle; background:#f8ac04; font-size:14px; color:#000; width:10%}
    #packages .package-wrapper .package-container .combo-btn .book-btn {display:table-cell; vertical-align:middle; background:#000; font-size:16px; color:#FFF; line-height:40px; width:60%; cursor:pointer}
    #packages .package-wrapper .package-container .combo-btn .hover-wrapper{position:absolute; margin-top:0px; padding-top:41px; cursor:pointer}
    #packages .package-wrapper .package-container .combo-btn .hover-wrapper:hover .select {opacity:1}
    #packages .package-wrapper .package-container .combo-btn .hover-wrapper .select {line-height:30px; padding:0px 15px; color:#000; font-size:14px; background:#ccc; opacity:0; box-sizing:border-box}
    #packages .package-wrapper .package-container .combo-btn .hover-wrapper .select:hover {background:#666}


	.limiter-surf-black {display:table; width:100%}
	.limiter-surf-black .line-wrapper {display:table-cell; vertical-align:middle}
	.limiter-surf-black .line-wrapper .line {width:100%; height:2px; background:#000}
	.limiter-surf-black .icon {display:table-cell; vertical-align:middle; width:40px; padding:30px 10px}
	.limiter-surf-black .icon img {width:100%}
	.limiter-palm-black {width:100%; text-align:center; border-bottom:2px solid #000; margin-bottom:20px}
	.limiter-palm-black img {width:80px; margin-bottom:-2px; display:inline-block}

	.banner {background:#000}
	.first {margin-top:80px}
	.banner .banner-wrapper {display:table; min-height:500px; width:100%}
	.banner .banner-wrapper .content {display:table-cell; padding:20px 40px; box-sizing:border-box; width:40%; text-align:center; vertical-align:middle; direction:ltr}
	.banner .banner-wrapper .content .frame {border:1px solid #f8ac04; text-align:center; margin:50px auto; width:90%; min-width:350px}
	.banner .banner-wrapper .content .title {font-size:30px; color:#FFF; background:#000; display:inline-block; margin:-25px auto 10px auto; padding:10px; line-height:30px}

	.banner .banner-wrapper .content .details-wrapper {padding:40px}
	.banner .banner-wrapper .content .text {font-style:italic; color:#FFF; font-size:18px; margin:10px 20px 80px}
	.banner .banner-wrapper .content .large {font-size:24px; text-transform:uppercase}
	.banner .banner-wrapper .content .medium {color:#FFF; font-size:18px; text-transform:uppercase}
	.banner .banner-wrapper .content .small {color:#FFF; font-size:16px}
	.banner .banner-wrapper .content .bottom-icon {margin:-100px auto 30px auto; display:inline-block; background:#000; padding:0px 4px; font-size:20px}
	.banner .banner-wrapper .content .frame .btn {font-size:20px; background:#000; color:#FFF; line-height:50px; text-transform:uppercase; display:inline-block; margin:0 auto; padding:0px 30px; border:1px solid #FFF; cursor:pointer; margin-bottom: 30px;}

	.banner .banner-wrapper .image {display:table-cell; min-height:300px; width:60%; vertical-align:middle; overflow:hidden}
	.banner .banner-wrapper .zoom {-webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out; background-size:cover; background-position:center center; width:100%; background-repeat:no-repeat}
	.banner .banner-wrapper:hover .zoom {-webkit-transform: scale(1); transform: scale(1.5); -webkit-transition: all 25s linear;-moz-transition: all 25s linear;-o-transition: all 25s linear;}

	footer #instagram .hashtag{margin:6% auto; font-size:75px; position:absolute; width:100%; text-align:center; color:#FFF}
	footer .left-side {width:50%; display:inline-block; vertical-align:top; text-align:center; border-right:1px solid #FFF; box-sizing:border-box;}
	footer .right-side {width:50%; display:inline-block; vertical-align:top; text-align:center; padding-bottom:20px}
	footer .title {font-size:28px; color:#fff; width:90%; display:inline-block}
	footer .social-wrapper {display:table; margin:0px auto}
	footer .social {display:table-cell; vertical-align:middle; padding:20px}
	footer .social .facebook {width:40px}
	footer .social .instagram {width:40px}
	footer .social .twitter {width:40px}
	footer .social .tripadvisor {width:60px}
	footer .social .youtube {width:65px}
	footer input[type=email] {width:80%; max-width:500px; height:40px; border:1px solid #FFF; background:none; padding-left:10px; font-size:14px; color:#FFF}
	footer input[type=submit] {text-transform:uppercase; display:block; outline:none; cursor:pointer; height:40px; background:#FFF; color:#000; font-size:16px; width:200px; margin:10px auto; border:1px solid #FFF}
	footer input[type=submit]:hover {background:#000; color:#FFF}

	.unavailable { opacity : 0.3; pointer-events: none;}
	.btnBack {float:right; background:#000; color:#FFF; text-transform:uppercase; padding:3px 15px;}


@media (max-width: 1200px) {
	header .header-wrapper .cell-menu {display:none}
	header .header-wrapper .cell-btn {width:5%}
	header .header-wrapper .cell-book {width:30%}
	header .header-wrapper .cell-logo {width:60%; text-align:left}
	.banner .banner-wrapper .content {width:50%}
    .banner .banner-wrapper .image {width:50%}

	#reservation-process .bottom .steps {width:100px; margin:0px 5px}
    #reservation-process .bottom .steps img {width:40px}
    #reservation-process .bottom .steps p {font-size:12px;}
    #reservation-process .bottom .arrow {width:40px; margin:0px 5px}
	#splash .tag .tag-middle, #splash .tag .tag-middle-en {font-size:50px}

	#packages .package-wrapper .package-container {width:50%}
}

@media (min-width: 1201px) {
	header .header-wrapper .mobile {display:none}
	#splash-menu-mobile {display:none}
}

@media (max-width: 990px) {
	header .header-wrapper .cell-book {display:none}
	header .header-wrapper .cell-btn {width:60px}
	header .header-wrapper .cell-logo {width:80%; text-align:left; padding-left:20px; box-sizing:border-box}
	header .header-wrapper {height:50px}
	header .header-wrapper .cell-logo img {display:inline-block; width:90px; padding-top:4px}

	#splash {padding-top:50px; box-sizing:border-box}
	#splash-menu-mobile {position:fixed; top:50px; width:100%; background-color:#FFF; z-index:20000; box-shadow:0px 0px 50px rgba(0,0,0,0.3); margin-top:-50px}
	#splash-menu-mobile .header-wrapper {display:table; height:50px; font-size:14px; table-layout:fixed; width:100%}
	#splash-menu-mobile .header-wrapper .cell-logo {display:table-cell; vertical-align:middle; width:80%; text-align:left; padding-left:20px; box-sizing:border-box}
	#splash-menu-mobile .header-wrapper .cell-logo img {display:inline-block; width:90px; padding-top:4px}
	#splash-menu-mobile .header-wrapper .cell-logo img.hover {position:absolute; opacity:1}
	#splash-menu-mobile .header-wrapper .cell-logo img.rear {opacity:0}
	#splash-menu-mobile .header-wrapper:hover .cell-logo .rear {opacity:1}
	#splash-menu-mobile .header-wrapper:hover .cell-logo .hover {opacity:0}
	#splash-menu-mobile .header-wrapper .cell-menu {display:table-cell; vertical-align:middle}
	#splash-menu-mobile .header-wrapper .cell-menu ul {display:table; table-layout:fixed; border-collapse:separate; border-spacing:4px; width:100%; text-align:center; padding:0px}
	#splash-menu-mobile .header-wrapper .cell-menu li {display:table-cell; border:1px solid #fff; line-height:40px; text-transform:uppercase; cursor:pointer; height:40px}
	#splash-menu-mobile .header-wrapper .cell-menu li:hover {font-weight:400; border:1px solid #fff; font-size:13px; letter-spacing:2px; line-height:40px;}
	#splash-menu-mobile .header-wrapper .cell-btn {display:table-cell; width:60px; vertical-align:middle; text-align:center; cursor:pointer}
	#splash-menu-mobile .header-wrapper .cell-btn .lang-btn {display:inline-block; width:35px; line-height:30px; background:#000; color:#FFF; text-align:center; font-size:13px; letter-spacing:1px; cursor:pointer; border:1px solid #000; text-transform:uppercase}
	#splash-menu-mobile .header-wrapper .cell-btn .lang-btn:hover {background:#FFF; color:#000;}
    #splash-menu-mobile .header-wrapper .cell-btn .bar1 {width:30px; height:3px; background:#000; margin:0px auto}
    #splash-menu-mobile .header-wrapper .cell-btn .bar2 {width:30px; height:2px; background:#000; margin:6px auto 7px}
    #splash-menu-mobile .header-wrapper .cell-btn .bar3 {width:30px; height:1px; background:#000; margin:0px auto}
	#splash-menu-mobile .header-wrapper .cell-book {display:none}


	#splash .slideshow {display:none}
	#splash .surf {display:block; background:url(../img/surf.png) center right no-repeat; background-size:cover; vertical-align:top; height:50%; text-align:center}
	#splash .turf {display:block; background:url(../img/turf_v2.png) center center no-repeat; background-size:cover; vertical-align:top; height:50%; text-align:center}
	#splash .cell-menu {display:none}
	#splash .tag-wrapper {width:100%; position:relative; top:0%;}
	#splash .tag-roll-up {top:0%}
	#splash .tag {max-width:350px; width:60%; margin-top:10%}
	#splash .tag .tag-middle {font-size:70px; line-height:140px; margin-top:-15px; margin-bottom:-27px}
	#splash .tag .tag-middle-en {font-size:70px; line-height:140px; margin-top:-27px; margin-bottom:-15px}
	#splash .tag .tag-edge .line {display:table-cell; vertical-align:middle; width:50%}
	#splash .tag .tag-edge .line div {height:2px; background:#FFF; width:100%}
	#splash .tag .tag-edge .element {font-size:20px;}
	#splash .tag .tag-edge .element img {padding:0px 5px; height:50px}

	#reservation-process .package-wrapper {padding:20px 20px 80px 20px}
	#reservation-process .bottom .arrow {display:none}

}

@media (max-height: 780px) {
    #splash .cell-menu li {padding:5px 0px;}
}
@media (max-width: 880px) {
	.split {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; vertical-align:top; padding:15px 0px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
	.banner .banner-wrapper .content {width:100%; display:block}
    .banner .banner-wrapper .image {width:100%; display:block; max-height:200px; height:200px; background-size:100% auto; background-repeat:no-repeat; background-position:center center}
	.banner .banner-wrapper .zoom {visibility:hidden}
	.banner .banner-wrapper .content .frame {margin:25px auto; width:100%; min-width:250px}
	footer #instagram .hashtag{margin:6%; font-size:35px; width:100%; margin-left:-10px}
	footer .left-side {width:100%; display:inline-block; vertical-align:top; text-align:center; border-right:none; border-bottom:1px solid #FFF}
	footer .right-side {width:100%; display:inline-block; vertical-align:top; text-align:center}
}

@media (max-width: 785px) {
	#duo .content-wrapper .cell {display:block; width:100%}
	#full-promo-pack-white .container {width:90%}
    #full-promo-pack .container {width:90%}
    #intro-video .title {font-size:45px; line-height:50px}

	#topic {height:160px; width:100%}
    #topic .wrapper {text-align:left}
    #topic .title {font-size:24px; text-transform:uppercase; padding-top:100px}

	#reservation-process .login-box {width:100%; margin:0px auto;}
	#reservation-process .container .topic {font-size:24px; margin:10px 0px}
    #reservation-process .container .text {font-size:14px; margin:10px 0px}

	footer #instagram .hashtag{margin:6%; font-size:35px; width:100%; margin-left:-10px}
	footer .social {padding:10px}
	footer .social .facebook {width:30px}
	footer .social .instagram {width:30px}
	footer .social .twitter {width:30px}
	footer .social .tripadvisor {width:50px}
	footer .social .youtube {width:55px}

	#packages .package-wrapper .package-container {width:70%}
}

@media(max-width:660px) {
.form-reservation-libro {height:580px}
}

@media (max-width: 640px) {
.big-title {font-size:35px}
#pre-footer {padding:50px 0px}
#full-promo-pack-white {padding:50px 0px}
#full-promo-pack {padding:50px 0px}

#intro-level .text {font-size:18px}
#intro-level .topic {font-size:26px; line-height:30px}

#packages .package-wrapper .package-container {width:100%}
#packages .package-wrapper .package-container .name {font-size:25px}
#packages .package-wrapper .package-container .price {font-size:30px; margin:0px; line-height:30px}
#packages .package-wrapper .package-container .details {font-size:14px}
#packages .package-wrapper .package-container .bullets ul {font-size:14px}

#reservation-process .wrapper {width:100%}
#reservation-process .container {padding:20px 10px 30px 10px}
#reservation-process .package-wrapper {padding:10px 10px 80px 10px}
#reservation-process .bottom .steps {width:20%; margin:0px 0px}
#reservation-process .bottom .steps img {width:50%;}
#reservation-process .bottom .steps p {display:none}

#reservation-process .resultat {width:100%; border-bottom:1px solid #000; display:table; table-layout:fixed; text-transform:uppercase}
#reservation-process .resultat .cell-check {display:table-cell; width:60px; text-align:center; vertical-align:middle}
#reservation-process .resultat .cell-check .checkbox {display:inline-block; width:30px; height:30px; vertical-align:middle; border:1px solid #000}
#reservation-process .resultat .cell-date {padding:0px 5px}
#reservation-process .resultat .cell-date p {font-size:11px; text-transform:lowercase}
#reservation-process .resultat .cell-time {padding:0px 0px; width:30px}
#reservation-process .resultat .cell-time p {font-size:11px}
#reservation-process .resultat .cell-place {padding:0px 5px}
#reservation-process .resultat .cell-place p {font-size:11px; text-transform:lowercase}
}

@media(max-width:425px) {
.form-reservation-libro {height:590px}
}

@media (max-width: 400px) {
#splash .tag .tag-middle, #splash .tag .tag-middle-en {font-size:50px}

#packages .package-wrapper .package-container .bullets {display:block; width:100%}
#packages .package-wrapper .package-container .price-wrapper {display:block; width:100%}
#packages .package-wrapper .package-container .price {font-size:50px; margin:0px; line-height:70px; letter-spacing:-2px}
}

.ui-datepicker {
	font-size:14px;
}

.ui-datepicker select {
	padding:2px 0px 2px 2px;
	border-radius:2px;
	background:url(../img/arrow-down-white.png) 45px center no-repeat #222222;
	background-size:20px 7px;
	color:#FFF;
	cursor:pointer
}

@media(orientation:landscape) and (max-height:580px) {
#splash .surf {display:table-cell}
#splash .turf {display:table-cell}
#splash .tag-wrapper {top: 50%; margin-top: -92px}
#splash .tag {margin-top:0px}
}