@charset "utf-8";  header, main, header { display:block; }  @font-face { font-family: 'Open Sans Light'; src: url('/assets/fonts/OpenSans-Light.eot'); src: url('/assets/fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/OpenSans-Light.woff') format('woff'), url('/assets/fonts/OpenSans-Light.ttf') format('truetype'); font-weight: normal; font-style: normal;] } @font-face { font-family: 'Open Sans Regular'; src: url('/assets/fonts/OpenSans-Regular.eot'); src: url('/assets/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/OpenSans-Regular.woff') format('woff'), url('/assets/fonts/OpenSans-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans Semibold'; src: url('/assets/fonts/OpenSans-SemiBold.eot'); src: url('/assets/fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/OpenSans-SemiBold.woff') format('woff'), url('/assets/fonts/OpenSans-SemiBold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans Bold'; src: url('/assets/fonts/OpenSans-Bold.eot'); src: url('/assets/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/OpenSans-Bold.woff') format('woff'), url('/assets/fonts/OpenSans-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; } html { } * { font-family: 'Open Sans', sans-serif; font-size:14px; margin:0; padding:0; } a { color: #008aff; } a.visited { color:#444; } a.link { border-bottom:1px solid #816f68; } .d { border:1px solid red; } a[href^="tel:"] { white-space:nowrap; } .clear { clear:both; } .right { float:right; } img { border:0; } .visible { display:block} .hidden { display:none } .mobile { display:none; } .gray {color:#aaa } .nopoint { cursor:default !important;} hr { border: 0; border-top: 1px dashed #c7e5f2; margin-bottom: 20px; margin-top: 20px; padding: 0; } h1,h2,h3,h4,h5 { font-weight:lighter; color:#1b1b1b; margin-bottom:25px;  } h1 { font-size:34px; } h1 span { font-size: 26px; color: #999;   } h4 { font-size:24px; margin-top:30px; } .index h1 { text-transform:uppercase; font-size:26px; } h4:before { clear: both; display: block; content: ''; } h2 { font-size:24px; } h3, h3 a { font-size:22px; } h5 { font-size:26px; } p { margin-top:0; } body { background-color: #00b3d4; margin:0; padding:0; background-image:url(/assets/images/header-bg.png); background-repeat:repeat-x; } .main { width:1298px; margin:0 auto; box-shadow: 0 5px 5px rgba(0,0,0,0.2); } .red { color:#aa0000; }  div.imenu { display:none; } header.main { z-index:10; background-repeat:no-repeat; background-color: #00bbda; background-image:url(/assets/images/header.png);  padding:32px 80px 0px 80px;  width:1138px; height:200px; } .index header.main {  height:auto; padding-bottom:15px; } div.header-left { display:inline-table; width:255px; } div.header-right { display:inline-table; width:auto; width: 877px; } header div.logo p { font-size:12px; color:#fff; font-weight:100; line-height:14px; margin-top:20px; } ul.social { display:block; margin-bottom:33px; } ul.social li { display:inline-block; margin-right:25px; } ul.lang { display:block; margin-bottom:33px; } ul.lang li { display:inline-block; margin-right:12px; } ul.lang li { color:#56b3df; } ul.lang li a { color:#fff; font-size:14px; text-decoration:none } ul.lang li.webcam { padding-left: 20px; } ul.lang li.webcam img { position:absolute; margin-top: -2px; } ul.lang li.webcam a { padding-left: 24px; color: #f8ff91; } div.call { float:right; margin-top:-15px;} div.call p { padding-left:30px; color:#fff; font-size:11px; background-image:url(/assets/images/call.png); background-repeat:no-repeat; background-position:0 12px } div.call a { color:#0d557c; font-size:28px; font-weight:bold; text-decoration:none;} div.call div { position: absolute; margin-top: 90px; text-align: right; width: 257px; } div.call div a { font-size: 12px; color: #fff; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; background-color: #be0000aa; padding: 7px 15px 7px 15px;  border-radius: 10px; font-weight: normal; opacity:0.9;  } div.call div.whatsup {  } div.call div.whatsup a { background-color: #0fbc1c; } div.call div.online { display:none; } div.call div a.online { padding-right: 9px; background-image: none; } header nav ul { display:table; width:100%; background-color:#15a5d4; padding:15px 0; border-radius:4px; z-index:1; } header nav ul li { color:#56b3df; text-transform:uppercase; display:table-cell; padding-right:30px; padding-right:16px; } header nav ul li:first-child { display:none; } header nav ul li:nth-child(2) { padding-left:30px; } header nav ul li:last-child { padding-left:0px;} header nav ul li a { color:#fff; text-decoration:none; font-size:16px; font-weight:bold; padding-bottom: 20px; } header nav ul li ul { margin-top:10px; position:absolute; display:block;width:auto; margin-left:-30px; padding-bottom:10px; visibility:hidden; box-shadow: 0 5px 5px rgba(0,0,0,0.2); padding-top:10px; padding-left:0px; } span.hit { display: inline-block; background-color: #f54c4c; font-size: 8px; padding: 2px 3px; color: #fff; border-radius: 10px; vertical-align: super; } .imenu span.hit { position: absolute; margin-left: -10px; } .items.hit { background-color: #c7e5f2; } header nav ul li:hover ul { visibility:visible; } header nav ul li ul li { display:block; width:auto; padding-right:0; } header nav ul li ul li:first-child { display:block; } header nav ul li ul li:nth-child(2) { padding-left:0px;} header nav ul li ul li:last-child {} header nav ul li ul li a {font-weight:normal; display:block; font-size:15px; padding-left:30px; padding-right:30px;padding-top:10px; padding-bottom:10px; } header nav ul li ul li:hover { background-color:#ffffffaa;} header nav ul li ul li:hover a { color:#000; } div.comfort { margin-top:27px; margin-left:30px; margin-bottom: 30px; } div.comfort div { display:inline-block; width:150px; font-size:12px; color:#005a88; font-weight:normal; line-height:14px; } div.comfort div:nth-child(even) { width:100px; font-size:36px; color:#ffffff; font-weight:lighter;padding-right:40px;} div.comfort div:nth-child(even) sup { font-size:20px; } span#tAir { font-size:36px; } div.slider { width:860px; height:360px; overflow:hidden; margin-bottom: 20px; } div.slider div img { outline: 8px solid #ffffff77; outline-offset: -8px; } div.navi { float: right; width: 218px; padding-right: 10px; } div.navi-more { padding-top: 30px; } div.navi ul { margin-bottom:20px; } div.navi ul li { list-style:none; display:block; padding:7px 10px 7px 20px; border-bottom:1px solid #ffffff44; } div.navi ul li:last-child { border-bottom:none;} div.navi ul li a { display:block; color:#fff; text-transform:uppercase; text-decoration:none; font-size:15px; font-weight:lighter bold; } .order { width: 180px; padding: 20px; border-radius: 5px; background-color: #1580ab; z-index: 10; opacity:.9 } .index .order { position: absolute; } .order div {width:46%; display:inline-block; margin-bottom:15px;} .order p { font-size:16px; color:#0dd4f9; font-weight:lighter bold; text-transform:uppercase;} .order span { color:#fff; font-size:14px; padding:4px 0; display: inline-block; } .order input.date {width:150px; padding:4px; border-radius:4px; border:none; font-size:12px;} .order input.date:invalid+span:after { content: '✖'; padding-left: 5px; color:#ff9c9c; } .order input.date:valid+span:after { content: '✓'; padding-left: 5px; color:#00ff00; } .order input.submit { width:90%; padding:4px; border-radius:4px; text-transform:uppercase; } .order select { font-size: 12px; width: 90%;  padding: 4px; text-align: center; border-radius: 4px; } aside .order { margin-bottom: 35px; } .seasons { padding-bottom:15px; } .seasons p { font-size:22px; font-weight:100; color:#fff; text-transform:uppercase; } .seasons p a { font-size:22px; font-weight:100; color:#fff; text-decoration:none; border-bottom:1px solid #ffffff99; }  figure {  min-height: 127px; } div.svg { background-image:url(/assets/images/map.jpg); height:126px; background-repeat:no-repeat; }  .svglink:hover { cursor:pointer; } div#toggle { height:50px; } div.openmap { margin:0 auto; width:275px; background-color:#fff; text-align:center; padding:8px 10px; margin-top:-50px; text-transform:uppercase; font-size:14px; font-weight:bold; -webkit-box-shadow: 0px 8px 10px 5px rgba(0,0,0,0.35); -moz-box-shadow: 0px 8px 10px 5px rgba(0,0,0,0.35); box-shadow: 0px 8px 10px 5px rgba(0,0,0,0.35); position:relative; } div.openmapimg { margin:0 auto; width:50px; margin-top:-10px; position:relative; } div.openmapimg img { z-index:100; } .rotate {transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } div#toggle div:hover {cursor:pointer; } div#obj_place { position: absolute; padding: 4px 10px; background-color: #fff; border-radius: 7px; font-size: 12px; opacity: .9; display:none; } svg {  background-image: url(/assets/svg/wide.jpg); background-size: contain;  background-repeat: no-repeat; background-position: bottom;  box-shadow: 0 5px 5px rgba(0,0,0,0.2); } .index svg { display: none; } svg:not(:root) { overflow: hidden; } svg path { transition: all .3s linear; } svg path:hover { transition: all .3s linear; fill: rgba(255,255,255,.5); } #tooltip { position: absolute; visibility: hidden; background: #002; padding: 20px; color: #FFF; } #toolsa { position: absolute; top: 20%; left: 20%; font-size: 30px; }  main.main { z-index:8; margin-top:-5px; background-color:#fff; min-height:400px; width: 1142px; padding: 25px 78px; } .index main.main { padding: 25px 0px 50px 80px; width:1218px; padding-top:70px } section { display: inline-block; vertical-align:top; width: 844px; padding-bottom:40px; } .index section { width: 862px; padding-bottom:0px; } .wide section { width:100%; } section p { color:#272727; font-size:15px; margin-bottom:15px;  line-height:24px; } section p strong, section p b, section p em, section p span, section p a { font-size:15px; } .index section p { font-weight:lighter; } p.special { margin-bottom:30px;font-size:34px; font-weight:lighter; text-transform:uppercase; color:#4e4e4e; line-height:normal; text-align:inherit; } p.special-title { display: block; width: 246px; margin-top: -50px;   height: 20px; line-height: 17px; z-index: 0; position: relative; padding: 6px 14px 20px 14px; border-radius: 0 0 10px 0; text-align: left; } div.special { margin-bottom: 65px;} div.special div a { border-bottom:0 !important} div.special div a.link { border-bottom:1px solid #6298ca !important} section ul,section ol { margin-left:40px; margin-bottom: 20px; } section ul li, section ol li { padding-left: 4px; padding-bottom: 10px; line-height: 22px; } p.special-title a { display:block; font-size:14px; font-weight:bold; color:#fff; text-transform:uppercase; text-decoration:none; border-bottom:0 !important } div.cols3 div img { box-shadow: 0 5px 5px rgba(0,0,0,0.2); opacity:0.8; border-radius: 10px 0; width: 274px;  } div.cols3 div img:hover { opacity:1 } div.color3 div:nth-child(1n+1) p { background-color:#ff4e00aa; } div.color3 div:nth-child(2n+2) p { background-color:#b25a5aaa; } div.color3 div:nth-child(3n+3) p { background-color:#1580abaa; } div.cols3 div { width: 32%; padding-right: 2%; float:left; margin-bottom:10px; } div.cols3 div:nth-child(1n+1) { } div.cols3 div:nth-child(2n+2) {} div.cols3 div:nth-child(3n+3) { padding-right: 0%; } div.cols3:after { content:''; clear:both; display:table } ul.B_crumbBox { margin: 0; margin-bottom: 20px; padding: 0; margin-top:-36px; } .B_crumbBox li { list-style: none; padding: 0; display: inline-block; color: #cdcdcd; } .B_crumbBox li a { color: #00bbda; text-transform: lowercase; font-size: 12px; text-decoration: none; border-bottom: 1px solid #00bbda; } .B_crumbBox li span { font-size: 12px; color: #00bbda; } aside nav ul { margin-bottom:35px; } aside nav ul li { list-style: none; display: block; padding: 7px 10px 7px 0px; border-bottom: 1px solid #cee5f0; } aside ul li a { display: block; color:#2a98ca; text-transform: uppercase; text-decoration: none; font-size: 15px; font-weight: bold; } aside nav li.active a { color: #00bbda; } aside nav ul li:last-child { border-bottom:0; } aside nav.asider ul li a { color: #7bbede; } aside { display:inline-block; vertical-align:top; min-height:400px; width:214px; padding-right:70px; vertical-align:top; padding-top:7px; padding-bottom:40px;} .index aside {width:356px; padding-right:0 } aside div.aside { padding-left:45px; padding-right:0px;} .asider ul { background-color: #7abddd; border-radius: 5px; padding: 5px 10px; width: 200px; } .asider ul li { padding: 5px 10px; border-bottom: 1px solid #aecedc; } aside nav.asider ul li a { color: #fff; font-weight: lighter; } div.news { background-color: #daf1f5; padding: 25px 90px 25px 20px; min-height: 380px; background-image:url(/assets/images/news-bg.png); background-repeat:repeat-y; background-position: top right; } div.news p.news-date { color:#2f2f2f; font-size:14px; font-weight:lighter;margin-bottom:12px; } div.news p.news-date span { color:#717171; font-size:14px; } div.news p.news-title:before { clear:both; content:''; } div.news p.news-title { line-height:20px; clear:both; margin-bottom:30px; } div.news p.news-title a { color:#155ab0; font-size:14px; font-weight:bold; text-transform:uppercase;} div.news p.news-img { margin-bottom:16px; } div.news p.news-img img { float: left; margin-bottom:16px; width:200px; } div.news p.news-img img:first-child {margin-right: 8px; } div.rest { background-image:url(/assets/images/rest-wave2.png); background-repeat:repeat-x; min-height:20px; background-color:#00bbda; padding: 0 60px; width: 1178px;} div.activities { padding-top:35px; } .index div.activities { padding-top:55px; padding-bottom:50px; display:inline-block; width:862px; vertical-align:top;} div.activities h3 { text-align:center; color:#fff; font-size:26px; } div.activities ul { padding:0; margin:0; } .index div.activities ul { padding:10px 0; margin:0; } div.activities ul li { display:inline-block; list-style:none; width:33%; color:#777; font-weight:bold; font-size:14px; text-transform:uppercase; line-height:20px; padding:0; padding-bottom:40px; vertical-align: top; text-align:center; } div.activities ul li a { text-decoration:underline; border-bottom:none; } .index div.activities ul li { text-align:center; color:#ffffff; } .index div.activities ul li a { color:#ffffff; } div.activities ul li img { box-shadow: 0 5px 5px rgba(0,0,0,0.2); border-radius: 110px; } div.activities.photo ul li { text-align:left; } div.activities.photo ul li img { box-shadow: 0 5px 5px rgba(0,0,0,0.2); border-radius: 0px; width:97%; } div.activities ul li img { margin-bottom:20px } div.activities ul li img.modal {cursor:pointer; } div.activities p { text-align: center; color: #fff; font-size: 20px; text-transform:uppercase;font-weight:lighter; } div.activities p a { color: #fff; font-size: 20px; text-decoration:none; border-bottom:1px solid #fff } div.infos { display:inline-block; width:254px; vertical-align:top; padding-top:100px; padding-left: 60px; } div.infos div { background-color:#0accec; padding:20px 20px 1px 20px; margin-bottom:20px; } div.infos div p { margin-bottom:25px; } div.infos div p strong { text-transform:uppercase; } div.infos div img { position: absolute; margin-left: -48px; }  section h2 { clear:both; } section table { border-left:1px solid #eee; border-bottom:1px solid #eee; border-collapse: collapse; margin-bottom: 30px;} section table tr td, section table tr th { padding:10px; border-top:1px solid #eee; border-right:1px solid #eee; vertical-align: top; } section table tr th { text-align:left; text-transform:uppercase; color:#777; font-size:16px; vertical-align: top; } section table.table-2-2 tr td:nth-child(2) { white-space:nowrap; } section table.table-2-2 tr td:nth-child(3) { white-space:nowrap; } section a { text-decoration:none; border-bottom: 1px solid #73bbda; text-decoration: none; color: #2a98ca;} section a.nolink { border-bottom:0} section ul.sitemap li a { font-size:24px; color:#2a98ca; font-weight:lighter; text-decoration:none; border-bottom:1px solid #00bbda; } section ul.sitemap li { margin-bottom:20px; padding-bottom:0; } section ul.sitemap ul { margin-bottom:30px; margin-bottom:0; } section ul.sitemap ul li a { font-size:20px; } section ul.sitemap ul li { margin-top:20px; } section ul.sitemap ul li ul { margin-bottom:20px; } section ul.sitemap ul li ul li a { font-size:16px; color: #00bbda;} .ul2 { background-color: #f0f0f0; border-radius: 16px; padding: 30px 0 0 0;  width: 100%;  display: table; } .ul2 ul {  -moz-column-count: 2;  -webkit-column-count: 2;  column-count: 2; } .items { background-color: #f2f3f4; border-radius: 10px; padding: 30px 0px 20px 40px; margin-bottom: 40px; margin-top: 20px; box-shadow: 7px 10px 15px -7px #c3c3c3; min-height: 315px; } .items:hover { background-color: #eef8ff; box-shadow: 0px 0px 15px 4px #ddd; } .items:hover .img-wrapper img {opacity:1 } .items .img-wrapper { float: right; width: 50%; overflow: hidden; margin-top: -30px; max-height:365px; } .items .img-wrapper img { width: 640px; clip-path: circle(50%); margin-left: 30px; margin-top: -33px;  opacity:0.8; } .items h6 { font-size: 24px; color: #7c899b; margin-bottom: 14px; line-height: 28px; } .special .items h6 { text-transform: uppercase; } .items p,.items ul { padding-right:40px; text-align:left; line-height: initial;} .photoalbRight { float: right; margin-left: 30px;margin-bottom: 30px;} .photoalbRight:after { display:table; content:""; clear:both; } .photoNavi { margin-top:-40px;} .photoNavi a {display:block; text-transform:uppercase; width: 100px; border-bottom:0 } .photoNavi a:first-child {float:right;text-align: left; } .photoNavi a:last-child {display:block;text-align: right; } .photoNavi a.disabled { color:#eee; } .chocolat-images.photoalb { width: 400px; border-radius: 200px; border: 4px solid #c8e6f2; margin-bottom: 30px; max-height: 400px; text-align: center; overflow: hidden; opacity:0.8; margin-top: 10px; } .chocolat-images:hover { cursor:zoom-in; border: 4px solid #7abdde;opacity:1;} .chocolat-images:hover a { cursor:zoom-in;} .video iframe { margin: 0; padding: 0; border: 0; border: 10px solid #d3ebf5; border-radius: 8px; width: 400px; height: 225px; } .video { float: left; margin-right: 30px; margin-bottom: 20px; width: 424px;  } div.booking div.booking-item { float:left; width:47%; margin-left:3%; margin-right:0%;background-color:#f7f7f7; margin-bottom:40px; } div.booking div.booking-item:nth-child(odd) { margin-right:3%; margin-left:0%; clear:both;} div.booking:after { clear:both; content:''; display:table; } div.booking .booking-img { width:100%; } div.booking div.booking-item h6 { text-transform:uppercase; border-bottom:1px solid #ededed; padding-bottom:20px; padding-right: 150px; margin-bottom: 20px; font-size: 17px; } div.booking div.booking-item h6 span { white-space: nowrap; font-size: 17px; } div.booking div.booking-item h6.people {padding-right: 20px; } div.booking p.intro { color:#707070; } .booking-info { padding: 30px; color: #707070; } .booking.video-tiles .booking-info { padding: 20px; } div.booking.video-tiles div.booking-item h6 { border-bottom: 0; padding-bottom: 0; padding-right: 0; margin-bottom: 5px; font-size: 16px; } div.booking sup { font-size: 20px; color: #acc1c5; text-align: center; display: inline-block; padding-right: 3px; padding-left: 3px; } div.booking div.people { float: right; margin-top: -66px; } div.booking div.people img { padding-right: 3px; } div.booking-item { border:0; } .booking { clear:both; } .booking-info p { line-height: 20px; margin-bottom: 6px; font-size: 14px; font-weight: lighter; } .booking .ul2 { margin-top:20px; } .booking .ul2 ul { margin-left:40px; } .booking .ul2 ul li { padding-bottom: 8px; line-height: 18px; padding-right:20px; } .reservation { text-align: center; padding: 8px; background-color: #eb2546 ; } .reservation span { color: #fea; } .roomsMore { display: none; } div.roomsClose { margin-top: -26px; padding-left: 24px; color: #ccc; } div.roomsClose a { border-bottom:1px solid #d7d7d7; color: #999; } .reservation a { border:0; display:block; color: #fff; text-transform: uppercase; font-weight: bold;} .reservationCall {  padding: 0px 30px 30px 30px; text-transform: uppercase; line-height: 22px;   } .roomTitle { background-color: #c7e5f2; padding: 10px 10px; text-align: center; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; border-radius: 10px; } .booking-info.booking-page .reservation { margin-top: 30px; border-radius: 2px 10px 2px 10px; } .booking-info.booking-page { padding: 0; margin-top: 30px; } .booking-info.booking-page div.ul2 { padding:0; } .booking-info.booking-page .reservationCall { background-color: #e9f8ff; padding: 10px; margin-top: 30px; text-align: center; border-radius: 2px 10px 2px 10px; } p.more a { border-bottom: 1px solid #73bbda; text-decoration: none; color: #2a98ca; } ul.newsList { margin: 0; padding: 0; } ul.newsList li { display: block; margin: 0; padding: 0; border-bottom: 1px dotted #c7e5f2; padding-top: 20px; padding-bottom: 20px; line-height: 25px; color: #954756; clear:both; min-height: 110px; } ul.newsList li span { color:#707070; } ul.newsList li a { text-transform: uppercase; font-size: 16px; } ul.newsList li:last-child { border-bottom:none; } .newsList li img { border: 5px solid #c7e5f2; border-radius: 10px 0; margin-top: 0px; float:right; margin-left:30px; max-width: 200px; } .newsList li p { color:#707070; margin-bottom:0; margin-top:5px; } section ul.files li { list-style-image: url(/assets/images/pdf.png); font-size: 15px; line-height: 30px; } section ul.files li a { font-size: 17px; } ul.pagination { display:block; list-style:none; margin:0px; padding:0px; margin-bottom:20px;  } ul.pagination li { display:inline-block; margin-right:5px;} ul.pagination li a { border:2px solid #c7e5f2; border-radius:4px; padding:4px 8px 4px 8px; text-decoration:none; } ul.pagination li a:hover { background-color:#c7e5f2; color:#fff;} ul.pagination li.control a { border:none; } ul.pagination li.control a span { border-bottom: 1px solid #c7c7c7; } ul.pagination li.info { text-align:right; float:right; font-size:12px; color:#aaa; } ul.pagination li.info span { color:#777; font-weight:bold; padding:0px 2px } ul.pagination li.active a { color: #F0F0F0; border: 2px solid #f0f0f0; } ul.pagination li.active:hover a { background-color:#fff} .photo3 div { width: 33%; float: left; margin-bottom:20px; } .photo3 div img { width: 250px; border: 5px solid #c7e5f2; border-radius: 10px 0; } .photo3:hover { border: 0; opacity: 1; } section .photo3 div a { border:0; } div.tabs a { display: inline-block; padding: 10px 30px 10px 55px; text-transform: uppercase; background-color: #f0f0f0; font-weight: bold; border-bottom: 0; font-size: 15px; } div.tabs { text-align: center; margin:30px 0 20px 0; } div.tabs a:first-child { border-radius: 20px 0 0 20px; } div.tabs a:last-child { border-radius: 0 20px 20px 0; } div.tabs a.active { background-color:#eb2551; color: #fff; } div.tabs a:hover { background-color:#eb2551; color: #fff; cursor:pointer } div.tabs a#car { background-image: url(/assets/images/icon-car.png); background-repeat: no-repeat; background-position: 17px 9px; } div.tabs a#aero { background-image: url(/assets/images/icon-aero.png); background-repeat: no-repeat; background-position: 17px 9px; } div.tabs a#car2 { background-image: url(/assets/images/icon-car2.png); background-repeat: no-repeat; background-position: 17px 9px; } div#map-container { height: 400px; min-height: 400px; margin-top: 15px; margin-bottom: 20px; background-color:#f7f7f7 } p.strong { text-transform:uppercase; font-weight:bold; } .videoRow iframe { width: 100%; height: 250px; border:0; border-bottom: 10px solid #c9e6f2; }  footer.main { z-index:7; margin-top:-5px; background-color: #00bbda; } .footer { width: 1140px; margin: 0 auto; }  footer div p { padding:10px 0; line-height:20px;font-size:14px; } footer div.copy { padding:10px 0px; width:400px; padding-top:15px; height: 150px;} .index footer div.copy {padding-top:90px; height:auto} footer div.data { float:right; width:228px; margin-right:0px; padding-top:15px } .index footer div.data {padding-top:90px} footer div.data p { color:#fff; } footer div a { color:#fff; text-decoration:none; border-bottom:1px solid #fff } footer div p.red { color: #f0f0f0; padding: 0px 0; line-height: 17px; } div.wave { background-image:url(/assets/images/wavebg.png); background-position:top center; background-repeat:repeat-x; height:63px; margin-top:-20px } .waves.main { margin-top: -22px; } footer .copy iframe { float: left; margin-right: 20px; } div.waves div { height:50px; margin-top: -25px; } .index div.waves div { -webkit-animation: wave 3s .1s infinite linear; animation: wave 3s .1s infinite linear; position: fixed; height: 50px; width: 100%; left:-5%; width:110%; margin-top:0px; } div.waves div.wave-1 { background-image:url(/assets/images/wave-1.png); background-position:55px 0px; bottom: 20px; } div.waves div.wave-2 { background-image:url(/assets/images/wave-2.png); } .index div.waves div.wave-2 { animation: wave 2s .1s infinite linear; bottom: 5px; } div.waves div.wave-3 { background-image:url(/assets/images/wave-3.png); background-position:75px 0px; bottom: -5px; margin-top: -32px; } .index div.waves div.wave-3 { margin-top:0; background-position:20px 0px; } @-webkit-keyframes wave { 0% { -webkit-transform: rotateZ(0deg) translate3d(0,8%,0) rotateZ(0deg); transform: rotateZ(0deg) translate3d(0,8%,0) rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg) translate3d(0,8%,0) rotateZ(-360deg); transform: rotateZ(360deg) translate3d(0,8%,0) rotateZ(-360deg); } } footer .waves { margin-top:12px; } span#timerId { color: #ffffffad; } .h4text { padding-inline: 80px; } .h4text ul { margin-left: 40px; margin-bottom: 20px; } .footer:has(+.waves) { padding-bottom: 80px; } #readMore { color: #fff; font-size: 14px; text-decoration: none; border-bottom: 1px solid #fff; }



 @media only screen and (min-width:1600px) { .main { width:1330px; max-width:inherit; } header.main { padding:32px 96px 0px 96px; } main.main { width:1234px; padding-right:0px; padding-left:96px; } .index main.main { width:1250px} .index aside { width:388px; } .wide section { width: 1130px;; } div.rest { width: 1210px; } footer div.copy {  } } @media only screen and (max-width:1320px) { .main { width:100%; box-shadow:none; } body { background-image:url(/assets/images/header.png); background-position: top right; } header.main {padding: 32px 0px 0px 0px; background:none; } main.main { width: auto; padding-left:0px; padding-right:0px;} .index main.main { width: auto; padding-left:0px; padding-right:0px; } div.section { width:1140px; margin: 0 auto; } .index div.section { width:1140px; margin: 0 auto; } .index section { width: 73%; } .index aside { width: 27%; padding-left:0; } div.rest { padding:0; width:100%; } div.news { padding-right:15px; background-image:none; } .index div.activities { width: 70%;} div.navi { width: 240px; } footer div.data { margin-right: 50px;} footer div.copy { padding-left: 10px; } } @media only screen and (max-width:1170px) { body {  } .main { width:100%; } header.main { width: 95%; margin: 0 auto; padding-top:16px; } header nav { position: fixed; top: 0; right: 0; width: 100%; z-index:20; width: calc(100% - 200px); opacity: 0.9; } div.call p { text-align:right; } div.header-left { width:240px;  } div.header-right { position: absolute; top: 80px; right: 10px; width: calc(100% - 280px); margin: 0; padding: 0; right: 20px; } header nav ul { border-radius: 0 0 0px 8px; box-shadow: 0 0px 5px rgba(0,0,0,0.2); } header nav ul li { padding-right: 10px; } header nav ul li a { font-size:14px; } .index header.main { height: auto; } ul.B_crumbBox { margin-top:0; } main.main { width:100%; padding-top:0; } aside .order { } aside .asider { display:none; } aside { height:auto;min-height:auto; width:100%; padding-right:0; padding-bottom:0; } aside { display:none; } .index div.section { width:auto; } div.section { width: auto; padding-left: 20px; padding-right: 20px; } .index section { width:100%; } section { width: 100%; } div.special { margin-bottom: 50px; } div.call div { margin-top:20px; } div.comfort { margin-top: 0px; margin-left: 0px; margin-bottom: 0px; padding-right:0; width: calc(100% - 165px); } div.comfort div { min-width: 100px; max-width: 140px; } div.comfort div:nth-child(even) { min-width: 80px; width: auto; padding-right:0; } div.slider { margin-top: 24px; } .index aside { display: block; width: 100%; min-height:auto; margin-top: 20px; } .index aside div.aside { padding-left:0; } div.navi { width: 100%; margin-bottom: 15px; padding-top: 20px; } div.navi ul { padding-left: 10px; margin-bottom: 5px; } div.navi ul li { display: inline-block; padding: 0px 0px; margin-right: 15px; } div.navi ul li:last-child { border-bottom: 1px solid #ffffff44; } .index .order { position: absolute; margin-top: 55px; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); right: 0px; opacity: 1; border-radius: 5px 0px 0px 5px; z-index: 100; } .slick-next {  } aside nav { display: inline-block; width: calc(100% - 250px); vertical-align: top; padding-right: 30px; } aside div.order { display: inline-block; } .index div.news { width: auto; height: auto; min-height:auto; } .index .news-item { width: 50%; display: inline-block; vertical-align: top; } .index .news-item:nth-child(odd) { } .index div.activities { width:100%; } div.infos { width: auto; padding: 0 20px 0 40px; } .footer { width: auto; } .index footer div.data { margin-right: 20px; padding-top: 50px; height: auto; padding-bottom: 40px; } .index footer div.copy { padding-left: 20px; width: 300px; padding-top: 50px; } footer div.copy { padding-left: 20px; } figure.main { width:100%; } figure.main .main { width:100%; } footer .waves { margin-top: 0px; margin-top: 22px; } .index div.waves div { height:50px; -webkit-animation:none; animation:none; position:initial; width:auto; left:auto; width:100%; margin-top:-30px;} .index div.waves div.wave-2 { animation:none; bottom: 20px; } .index div.waves div.wave-3 { margin-top:0; background-position:75px 0px; bottom: -5px; margin-top: -32px; } } @media only screen and (max-width:920px) { ul.lang { position: absolute; top: 23px; margin-left: 45px; } div.imenu { display:block; margin-bottom: 15px;} div.slider { width: 100%; } header.main { height:280px } .index header.main { height:auto; } header nav { opacity: 1; width:100%; } header nav { display:none; opacity: 1; width: calc(100% + 280px); left: 0 !important; right: 0 !important; margin-left: -260px; margin-top: -80px; position: absolute; margin-top:5px; width:100%; margin-left:0; margin-top:110px; } header nav ul { padding:0; border-radius:0;box-shadow: 0 0px 5px rgba(0,0,0,0.2); } header nav ul li:first-child { display:block; } header nav ul li { display: block; padding-right: 0; } header nav ul li:nth-child(2) { padding-left: 0px; } header nav ul li a { padding: 15px; display: block; border-bottom: 1px solid #50b4ca; } header nav ul li ul { width: 100%; margin: 0; visibility: visible; position: static; box-shadow: none; padding:0; } div.header-left { width: auto; position: initial; } div.header-right { width: 100%; position: initial; } div.call { float: none; margin-top: 0px; top:10px; position:absolute; right:20px; } div.call div { margin-top: 15px; } div.call p { color: #0d557c; } div.call div a { background-color: #037cbd; border-radius:4px; } div.call div { display: none; } div.call div.online { display:block; } div.call div a.online { background-color: #be0000aa; } div.call div.whatsup { margin-top: 55px; display:block; } div.call div.whatsup a { background-color: #0fbc1c; text-transform: initial; } div.comfort div.tsky { display:none; } div.comfort { width: auto; float: right; margin-top: -102px; } #modal_form input[type="text"] { float:none !important } div#modal_form { width: 90%; left: 5%; right: 0; margin-right: 0; margin-left: 0; padding:0; height: auto; border:none; } .modal_w { padding: 20px; border: 4px solid #81cdf1; border-radius: 10px; } #modal_form .button { margin-top:10px !important; } div.cols3 div { width: 50%; padding-right: 0%; } div.cols3 div img { width: 100%; } p.special-title { width: auto;} div.activities ul li { width:50%; } div.comfort { margin-top: -80px; } div.comfort div { display:block; color: #fff; margin-bottom: 7px; text-align: right; text-transform: lowercase; } header div.logo p { font-size: 24px; line-height: 28px; } .photo3 div { width: 50%; } div.slider { margin-top: 10px; } div.slider div img { width:100%; } div.slider { height:auto; } .slick-next { display: block !important; }  div.slider div img { display:none } div.slider div:first-child img { display:block } div.rest { } div.navi { display:none; } } @media only screen and (max-width:639px) { .mobile { display:block; } .chocolat-images.photoalb { opacity: 1; } div.imenu { display: block; margin-bottom: 24px; } div.navi { display: none; } div.activities ul li { width:100%; } div.cols3 div { width: 100%; } .index .news-item { width:100%; border-bottom:1px solid #bbdfe4 } div.call div { margin-top: 20px; width: auto; right: 0px; } .index div.news { padding-top: 10px;} p.more { margin-top: 15px;} div.news p.news-title { margin-bottom: 20px;} div.news p.news-date { margin-top: 12px; } div.call a { font-size:25px; } .photo3 div { width: 100%; } .photo3 div img { width: 100%; } div.cols3 div img { width:100% } div.call { right:15px; } .photoalbRight { width: 100%; margin: 0 auto; text-align: center; display: block; float: none; } .chocolat-images.photoalb { margin: 0 auto; } .video { float: none; margin: 0; margin-bottom: 20px; width: 100%; } .video iframe { width: 96%; } div.booking-item { width:100% !important; margin-left:0 !important;margin-right:0 !important; } footer div.data { margin-right: 20px; } div.tabs a { border-radius: 20px !important; margin-bottom: 20px; width: 50%; } footer div p { } footer .copy iframe { float: none; margin-right: 0; margin-top:10px } } @media only screen and (max-width:450px) { header.main { padding-top:10px; height: 190px; } .index header.main { padding-bottom:0; } header nav { margin-top: 110px; } main.main { min-height: auto; } ul.social { margin-bottom: 25px; } .chocolat-images.photoalb { margin: 0 auto; width: auto; max-height: 250px; } div#modal_form { width: 100%; left: 0%; } .photoNavi { margin-top: 12px; } a.chocolat-image img { width: 98%; } div.logo p { display:none; } div.call { right:10px; } div.call div { margin-top: 15px; } div.call div a { font-size: 15px; } div.call { top:10px; } div.call a { font-size: 24px; } div.call p { background-position: 55px 4px; background-image:none; } div.comfort { margin-top: -73px; margin-top: -65px; padding-right: 5px; } ul.social li:last-child { margin-right:0; } .seasons { padding-bottom:0; } .seasons p { font-size: 14px; } .seasons p a { font-size: 14px; } .index section p { margin-bottom: 12px; } .index main.main { padding-top: 45px; } .slick-dotted.slick-slider { margin-bottom: 15px !important; } div.activities p { padding:0 10px; } .booking-info p { font-weight:normal;} footer div.data { float: none; margin-right: 0; width: auto; padding: 10px; padding-top: 20px; text-align:center; } footer div.copy { width: auto; width: auto; padding: 10px; height: auto; padding: 0 10px; text-align:center; } .index footer div.copy { width: auto; padding: 0 10px; text-align:center; } footer div.data p:first-child { padding-bottom:10px; } footer div.data p { line-height: 20px; padding: 0; padding-bottom: 0px; } .index footer div.data { padding: 50px 10px 0px 10px } .logo img { width: 75%; height: 75%; } header.main { height:200px; } section { padding-bottom:10px; } .index h1 { font-size: 21px; font-weight: normal; } .index section p {font-weight: normal; } .index section p.special { font-size:18px; margin-bottom: 20px; } div.comfort { margin-top: -20px; } h1 { font-size: 24px; line-height: 28px; } h5 { font-size: 20px; margin-bottom: 15px; text-transform: uppercase; } ul.lang { top: 16px; } .ul2 ul { -moz-column-count: 1; column-count: 1; } .items { padding: 20px; min-height: auto; } .items h6 { font-size: 18px; line-height: 24px; } .items .img-wrapper img { display: none; } .items p, .items ul { padding-right:0; } .newsList li img { width: 97%; margin: 0; padding: 0; float: none; max-width: none; } div.news p.news-img { height: 120px !important; display: block; overflow: hidden; } div.news p.news-img img { width:100%; } div.booking div.booking-item h6 { padding-right:0; border-bottom:0; padding-bottom: 32px; } div.booking div.people { margin-top: -42px; margin-bottom: 15px; padding-bottom: 15px; margin-top: -10%; float:none; border-bottom: 1px solid #ededed; } ul.newsList li:first-child { padding-top:0; } ul.social li { margin-right: 20px; } div.special { margin-bottom: 40px; } div.cols3 div img { width: 100%; margin-top: -20%; } div.cols3 div { width: 100%; margin-bottom: 10px; } div.cols3 div img { width: 100%; margin: 0; height: 130px; object-fit: cover; box-shadow: none; border-radius: 10px 0 10px 0; } div.cols3 div:last-child { margin-bottom: 0; } p.special-title { margin-top:-36px; height: 16px; padding-bottom: 10px; } div.special p.more { margin-top: 0; } p.more { padding: 0; } section table tr td, section table tr th { padding:5px; font-size:12px; } section table tr td strong, section table tr th strong { font-size:12px; } svg {  } footer .waves { margin-top:0; } footer p.best { line-height:14px; } footer p.best, footer p.best a, footer p.best span { font-size: 13px; } .index footer div.copy p { font-size: 13px; line-height: 17px; padding-bottom: 5px; color:#fff; } ul.lang li.webcam { position: absolute; top: 158px; margin-left: -72px; padding-left: 0; } ul.lang li.webcam a { color: #ffffff; } }



 #modal_form { width: 450px; padding: 12px 20px 0 20px; border: 5px solid #00b3d4; border-radius: 10px; background-color: #FFF; height: 330px; background: #fff; position: fixed; top: 45%; left: 50%; margin-top: -165px; margin-left: -225px; display: none; opacity: 0; z-index: 25; } #overlay{z-index:20;position:fixed;background-color:#000;opacity:0.7;-moz-opacity:0.8;filter:alpha(opacity=80);width:100%;height:100%;top:0;left:0;cursor:pointer;display:none;} #modal_form input[type="text"]{background-color:#fff;border:1px solid #DFDFDF;border-radius:6px;color:#555;display:block;font-size:1em;height:35px;padding:5px;margin-bottom:17px;width:95%;float:left;} #modal_form input[type="text"].error{border:1px solid red;} #modal_form h3{text-align:center;font-size:2em;text-transform:uppercase;color:#000; margin: 0;} #modal_form .comment{color:#272727;padding-bottom:15px;font-size:14px;text-align:center;padding-top:10px;} .exit {  display: block !important;  right: 4px; top: 4px; color: #eee; position: absolute; opacity: 1; WIDTH: 40PX; HEIGHT: 40px; text-align:center; line-height: 30px; padding: 5px; font-size: 36px;  -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; } .exit:after{display:block;font-size:23px;content:"x";padding-left:9px;line-height:24px;cursor:pointer;text-decoration:none;font-weight:bold;color:#000000;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;} .exit:hover{text-decoration:none;} #modal_form .button{display:block;background-color:#ffd400;border:1px solid #ccc;border-radius:3px;color:#000;cursor:pointer;font-size:17px;font-weight:bold;height:40px;margin:10px 0;padding:2px 16px;width:210px;margin:0 auto;-webkit-transition:all 0.12s ease-in;-o-transition:all 0.12s ease-in;-moz-transition:all 0.12s ease-in;transition:all 0.12s ease-in;} #modal_form .button:hover{background-color:#44C8F5;border:1px solid #44C8F5;color:#fff;} #modal_form .error{border:1px solid red;}



.chocolat-zoomable.chocolat-zoomed .chocolat-img{ cursor : zoom-out; } .chocolat-open{ overflow: hidden; } .chocolat-overlay{ height:100%; width:100%; position:fixed; left:0; top:0; z-index:1010; background-color:#333;  display:none; opacity: 0.9; } .chocolat-wrapper{ height:100%; width:100%; position:fixed; left:0; top:0; z-index:16; color: #fff; } .chocolat-img:hover {  } .chocolat-zoomable .chocolat-img{ cursor : zoom-in; } .chocolat-loader{ height:32px; width:32px; position:absolute; left:50%; top:50% ; margin-left:-16px; margin-top:-16px; z-index:1011; background:url(/assets/chocolat/images/loader.gif); display:none; } .chocolat-content{ position:fixed; width:0px; height:0px; left:50%; top:50%; z-index:1014; text-align: left; } .chocolat-content .chocolat-img{ position:absolute; width:100%; height:100%; } .chocolat-wrapper .chocolat-left{ position:absolute; left:0; width:50px; height:100px; top: 50%; margin-top: -50px; cursor:pointer; background:url(/assets/chocolat/images/left.png) 50% 50% no-repeat; z-index: 1017; display: none; } .chocolat-wrapper .chocolat-right{ position:absolute; right:0; width:50px; height:100px; top: 50%; margin-top: -50px; cursor:pointer; background:url(/assets/chocolat/images/right.png) 50% 50% no-repeat; z-index: 1017; display: none; } .chocolat-wrapper .chocolat-right.active{ display: block; } .chocolat-wrapper .chocolat-left.active{ display: block; } .chocolat-wrapper .chocolat-top{ position:absolute; top:0px; right: 0; left: 0; line-height:50px; height:50px; overflow: hidden; z-index: 1017; margin-bottom: 10px; } .chocolat-wrapper .chocolat-close{ width:50px; height:50px; cursor:pointer; position: absolute; top: 0; right: 0; background:url(/assets/chocolat/images/close-n.png) 50% 50% no-repeat; z-index:1000 } .chocolat-wrapper .chocolat-bottom{ position:absolute; bottom:0; left: 0; right: 0; line-height:40px; height:40px; font-size:12px; z-index: 1017; padding-left: 15px; padding-right: 15px; background: rgba(0, 0, 0, 0.2); text-align: right; margin-top: 10px; } .chocolat-wrapper .chocolat-set-title{ display: inline-block; padding-right: 15px; line-height: 1; border-right: 1px solid rgba(255, 255, 255, 0.3); } .chocolat-wrapper .chocolat-pagination{ float: right; display: inline-block; padding-left: 15px; padding-right: 15px; margin-right: 15px;  } .chocolat-wrapper .chocolat-fullscreen{ width: 16px; height: 40px; background: url(/assets/chocolat/images/fullscreen.png) 50% 50% no-repeat; display: block; margin:auto; cursor: pointer; float: right; } .chocolat-wrapper .chocolat-description{ display: inline-block; float: left; }  body.chocolat-open>.chocolat-overlay{ z-index:1015; } body.chocolat-open>.chocolat-loader{ z-index:1015; } body.chocolat-open>.chocolat-content{ z-index:1017; }  .chocolat-in-container .chocolat-wrapper, .chocolat-in-container .chocolat-content, .chocolat-in-container .chocolat-overlay{ position: absolute; } .chocolat-in-container{ position: relative; }