@charset 'UTF-8'; html, sub, sup { position:relative } /* New groups page */ .banner_uc_purple{ width: 100%; display: block; margin: 0 auto; text-align: center; background-color: #ad7dd1; float: left; } .banner_uc_purple.green{ background-color: #768D37; } .banner_uc_purple a{ color: #fff; padding: 5px 10px; border: solid #fff 2px; display: inline-block; text-decoration: none; margin: 30px 0; } .banner_uc_purple a.big{ font-size: 1.5em; font-weight: bold; padding: 20px 30px; background-color: #653889; } .banner_uc_purple h2{ margin: 30px 0 0 0; } /* New groups page */ .hero-image-gruppenreisen { width: 100%; display: block; min-height: 300px; text-align: center; padding: 180px 0 150px 0; background-image: url(images/gruppenreisen-header-2020.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; border-bottom: solid 10px #a6c15c; } .hero-image-gruppenreisen h1 { color: #fff; margin-bottom: 10px; } .hero-image-gruppenreisen h2 { color: #ccc; margin: 5px 0 25px 0; font-weight: 400; } .hero-image-gruppenreisen a { color: #fff; padding: 10px 15px 10px 60px; border: solid 2px #fff; text-decoration: none; display: inline-block; background-color: #ad7dd1; font-weight: 600; background-image: url(images/mail-icon.png); background-repeat: no-repeat; background-size: 40px auto; background-position: 10px; border-radius: 4px; } .hero-image-gruppenreisen a:hover { background-color: #333; } .gruppen-wrapper { text-align: center; margin: 0 auto; display: block; width: 100%; padding: 20px 0; border-bottom: solid 10px #ebebeb; } .gruppen-wrapper p { width: 94%; margin: 0 auto; display: block; } img.accredit { max-width: 130px; height: auto; margin: 0 auto 5px auto; display: block; } .gruppen-wrapper span { color: #666; padding-bottom: 2px; border-bottom: solid 1px #666; } .gruppen-sections { margin: 0 auto 60px auto; display: block; width: 100%; border-bottom: solid 10px #ebebeb; } .gruppen-section { width: 100%; display: flex; overflow-x: hidden; } .gruppen-photo-box { width: 50%; background-repeat: no-repeat; background-size: cover; background-position: right; } .gruppen-photo-box.box1 { background-image: url("images/gruppenreisen-featured-02.jpg"); } .gruppen-photo-box.box2 { background-image: url("images/gruppenreisen-featured-01.jpg"); } .gruppen-info-box { width: 50%; padding: 40px; } .gruppen-info-box h1 { color: #768D37; font-size: 1.8em; } .gruppen-info-box h2, .gruppen-info-box h3 { color: #ad7dd1; font-size: 1.2em; } .groups-content-box.fancybox-content { width: 90%; margin: 3% 5%; max-width: 600px; } .groups-content-box a { text-decoration: none; color: #ad7dd1; outline: none; border-bottom: solid 1px #ad7dd1; padding-bottom: 2px; } .groups-content-box h2, .groups-content-box h3, .groups-content-box h4 { color: #ad7dd1; font-size: 1.4em; } .groups-content-button { text-decoration: none; color: #ad7dd1; outline: none; border: solid 1px #ad7dd1; padding: 10px 15px; margin: 20px auto 0 auto; display: inline-block; } .groups-content-button.white { color: #fff; border: solid 1px #fff; } .gruppen-section-terms { width: 100%; display: block; text-align: center; margin: 0 auto; border-top: solid 10px #ebebeb; padding: 20px 0 40px 0; background-color: #ad7dd1; box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.4); } .gruppen-section-terms h1 { color: #fff; font-size: 2.2em; width: 96%; margin: 20px auto; } .gruppen-section-terms h2 { color: #fff; font-size: 1.1em; width: 96%; margin: 0 auto; } .Mehr{ color: #ebebeb; text-decoration: none; font-size: 14px; position: absolute; bottom: 10px; right: 10px; } .Mehr:hover { color: #999; } @media screen and (max-width: 800px) { .gruppen-section { display: block; } .gruppen-photo-box, .gruppen-info-box { width: 100%; min-height: 400px; border-bottom: solid 10px #ebebeb; } .gruppen-sections { border-bottom: none; } .link-box { height: auto; } } /* FAQ's section, October 2019 */ .faqs-accordion-wrapper{ max-width: 900px; margin: 40px auto 80px auto; display: block; width: 94%; } .faqs-accordion-wrapper h1{ color: #ad7dd1; font-size: 25px; } .faqs-accordion-wrapper a{ color: #ad7dd1; } .faqs-accordion-toggle{ cursor: pointer; border-bottom: solid 4px #ebebeb; } .faqs-accordion-toggle h2{ vertical-align:middle; display:inline-block; font-size: 1.1em; padding-left: 10px; color: #768D37; font-weight: 600; } .faqs-accordion-toggle img{ max-width:35px; height:auto; vertical-align:text-top; border-bottom: none; position: absolute; right: 15px; top: 15px; opacity: 0.3; } .faqs-accordion-body { display: none; width: 100%; margin: 0 auto; padding: 10px 30px; } .faqs-accordion-body.default { display: block; } .faqs-accordion-body img{ margin-bottom: 30px; } .faqs-hero{ width: 100%; display: block; margin: 56px auto 0 auto; background-image: url("images/cornwall-faqs.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; } .faqs-hero h1{ display: block; padding: 150px 0; color: #fff; text-align: center; width: 100%; text-shadow:0 0 10px rgba(0,0,0,.5); font-size: 3em; } /* Gurnsey banner */ .gurnsey-banner{ width: 100%; display: block; text-align: center; padding: 100px 10px; background-color: #ebebeb; margin: 60px auto -25px auto; border-bottom: solid 8px #768D37; background-image: url("urlaub-cornwall-img/Reisen-auf-die-Kanalinseln.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } .gurnsey-banner h1, .gurnsey-banner h2{ color: #fff; line-height: 140%; width: 86%; margin: 0 auto 5px auto; display: block; text-shadow: 0 0 10px rgba(0,0,0,.6); } .gurnsey-banner a{ margin-top: 25px; background-color: #fff; border: 4px solid #768D37; color: #768D37; display: inline-block; padding: 10px 20px; border-radius: 4px; transition: all .2s ease-out; text-decoration: none; } .gurnsey-banner a:hover{ background: #ad7dd1; color:#fff } p.img-disclaimer{ width:100%; padding: 10px 15px 0 15px; display: flex; align-items: center; justify-content: center; margin-top: -25px; color: #999; font-size: 14px; } p.img-disclaimer svg{ margin-right: 10px; } /* Mike's mobile hack, Feb 2018 - sorry for the importants!! */ .urlaub-logo-mobile{ display: none; } @media only screen and (max-width:850px) { .rentivo-extra-info{ display:none!important; } } @media only screen and (max-width:650px) { .urlaub-logo-mobile{ display: block; margin: 0 auto; } .urlaub-logo-mobile img{ border: none; width:80%; height:auto; margin: 0 10%; } #social a{ margin: 0 3px!important; } button.slick-next{ display:none!important; } button.slick-prev{ display:none!important; } .slide { height: 250px!important; } .large .slide img { min-height: 310px!important; } .slide-content h2 { margin-top: 70px!important; } .slide img{ min-width: 1500px!important; left: 100%!important; } .stacked .box { width:90%!important; margin-left:5%!important; margin-bottom:10px!important; margin-right:5%!important; } } img, legend { border:0 } legend, td, th { padding:0 } .slick-dots li button:before, body { -moz-osx-font-smoothing:grayscale } .slick-loading .slick-slide, .slick-loading .slick-track { visibility:hidden } #page-footer ul, #tabs ul, .slick-dots, .ui-helper-reset, ul.big-list, ul.box-links { list-style:none } html { font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; min-height:100% } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display:block } audio, canvas, progress, video { display:inline-block; vertical-align:baseline } audio:not([controls]) { display:none; height:0 } [hidden], template { display:none } a { background-color:transparent } a:active, a:hover { outline:0 } abbr[title] { border-bottom:1px dotted } b, optgroup, strong { font-weight:700 } dfn { font-style:italic } h1 { font-size:2em; margin:.67em 0 } mark { background:#ff0; color:#000 } small { font-size:80% } sub, sup { font-size:75%; line-height:0; vertical-align:baseline } sup { top:-.5em } #page-header, .slick-track { top:0; left:0 } sub { bottom:-.25em } svg:not(:root) { overflow:hidden } figure { margin:1em 40px } hr { -moz-box-sizing:content-box; box-sizing:content-box; height:0 } pre, textarea { overflow:auto } code, kbd, pre, samp { font-family:monospace, monospace; font-size:1em } button, input, optgroup, select, textarea { color:inherit; font:inherit; margin:0 } #header-promo p, .slick-dots li button:before, body { -webkit-font-smoothing:antialiased } button { overflow:visible } #social a, .activity-box, .box, .slick-list, .slide, .tall-box { overflow:hidden } button, select { text-transform:none } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance:button; cursor:pointer } button[disabled], html input[disabled] { cursor:default } button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0 } input { line-height:normal } input[type=checkbox], input[type=radio] { box-sizing:border-box; padding:0 } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height:auto } input[type=search] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance:none } fieldset { border:1px solid silver; margin:0 2px; padding:.35em .625em .75em } table { border-collapse:collapse; border-spacing:0 } body { margin:0; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; font-size:100%; line-height:1.5em; height:100%; text-rendering:optimizeLegibility } body * { -ms-box-sizing:inherit; -webkit-box-sizing:inherit; -moz-box-sizing:inherit; -o-box-sizing:inherit; box-sizing:inherit } p.center { text-align:center!important } a.big.purple { background:#ad7dd1; border:2px solid #ad7dd1; color:#fff; display:inline-block; padding:10px 20px; border-radius:1px; -ms-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; text-decoration:none } a.big.purple:hover { background:#fff; color:#ad7dd1 } #page-header { position:fixed; right:0; width:100%; z-index:100 } .slick-list, .slick-slider, .slick-track { position:relative; display:block } .slick-slider { -moz-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent } .slick-list { margin:0; padding:0 } .slick-list:focus { outline:0 } .slick-list.dragging { cursor:pointer; cursor:hand } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } .slick-track:after, .slick-track:before { display:table; content:'' } .slick-track:after { clear:both } .slick-slide { display:none; float:left; height:100%; min-height:1px } [dir=rtl] .slick-slide { float:right } .slick-slide img { display:block } .slick-slide.slick-loading img { display:none } .slick-slide.dragging img { pointer-events:none } .slick-initialized .slick-slide { display:block } .slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent } .slick-next, .slick-prev { font-size:0; line-height:0; position:absolute; top:50%; display:block; width:50px; height:50px; margin-top:-25px; padding:0; cursor:pointer; color:transparent; border:none; outline:0; background:rgba(0,0,0,.5); -ms-transition:background .2s ease-out; -webkit-transition:background .2s ease-out; -moz-transition:background .2s ease-out; -o-transition:background .2s ease-out; transition:background .2s ease-out } .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { color:transparent; outline:0; background:rgba(0,0,0,.7) } .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before { opacity:1 } .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity:.25 } .slick-next:before, .slick-prev:before { font-family:slick; font-size:20px; line-height:1; opacity:.75; color:#fff; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .slick-prev { left:25px } [dir=rtl] .slick-prev { right:25px; left:auto } .slick-prev:before { content:'←' } .slick-next:before, [dir=rtl] .slick-prev:before { content:'→' } .slick-next { right:25px } [dir=rtl] .slick-next { right:auto; left:25px } [dir=rtl] .slick-next:before { content:'←' } .slick-slider { margin-bottom:30px } .slick-dots { position:absolute; bottom:-45px; display:block; width:100%; padding:0; text-align:center } .slick-dots li { position:relative; display:inline-block; width:20px; height:20px; margin:0 5px; padding:0; cursor:pointer } .slick-dots li button { font-size:0; line-height:0; display:block; width:20px; height:20px; padding:5px; cursor:pointer; color:transparent; border:0; outline:0; background:0 0 } .slick-dots li button:focus, .slick-dots li button:hover { outline:0 } .slick-dots li button:focus:before, .slick-dots li button:hover:before { color:#ad7dd1 } .slick-dots li button:before { font-size:40px; line-height:20px; position:absolute; top:0; left:0; width:20px; height:20px; content:'•'; text-align:center; opacity:.25; color:#000 } #activities:after, #contact-methods:after, #gb-locations:after, .activity-box .activity-content::after, .classic .classicSearchWidget dd:after { content:'' } .slick-dots li.slick-active button:before { opacity:.75; color:#ad7dd1 } #slider { margin-bottom:25px; margin-top:56px } .slide { height:400px; position:relative } .slide img { min-width:2000px; width:100%; position:absolute; top:0; left:50%; z-index:0; -webkit-transform:translateX(-1000px); -moz-transform:translateX(-1000px); -ms-transform:translateX(-1000px); transform:translateX(-1000px); height:100% } .slide .slide-content { position:relative; z-index:1; margin-top:10em } .slide-content h2 { font-size:400%; color:#fff; text-align:center; text-shadow:0 0 10px rgba(0,0,0,.3) } .slide-content.rentivo h2 { color:#fff; text-align:center; text-shadow:0 0 30px rgba(0,0,0,1); line-height:110%; font-size:300% } .slide-content p { font-size:150%; color:#fff; text-align:center; text-shadow:0 0 10px rgba(0,0,0,.9) } #about-uc, #description { width:100%; max-width:1200px; margin:0 auto; padding:25px 0; text-align:center } /*#about-uc p a{ color:#ae7ccf; font-weight:500; text-decoration:none; padding-bottom: 1px; border-bottom:#dfb6fa solid 2px; } #about-uc p a:hover{ color:#7a933e; border-bottom:#a7be73 solid 2px; }*/ #about-uc h2, #about-uc h1, #description h2 { font-size:200%; color:#768D37; margin-top:0; line-height:120%; font-weight: bold; } #about-uc p, #description p { text-align:left; max-width:700px; margin-left:auto; margin-right:auto } #about-uc .hidden { display:none } #about-uc button.read-more,button.read-more { background-color:transparent; border:2px solid #ad7dd1; color:#ad7dd1; display:inline-block; padding:10px 20px; margin-top:30px; border-radius:1px; -ms-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out } #about-uc button.read-more:hover,button.read-more:hover { background:#ad7dd1; color:#fff } div#UrlaubNav:not(.fewos) { margin-top:35px!important } div#UrlaubNav.fewos { margin-top:20px!important } #page { margin-top:50px!important } header#page-header { z-index:8888; font-family:sans-serif } #left-column { max-width:510px!important } #searchform, li.categories, li.pagenav,.wp-sidebar,.sidebar-title { margin-left:30px!important } .links-box { width:22% } #main-text h1 { font-size:24px!important } #left-navigation li { font-size:12px; margin-bottom:10px } .sykescottages_lat { max-width:175px!important } li ul.dl-submenu { margin:0 } .Hotel-header { margin-top:50px!important } .Hotel-map .label_container { z-index:777; position:absolute } .Hotel-categories.full_width { position:relative; margin-top:100px } div.Hotel-map.full_width #map { margin:0 } .full_width { position:relative } .Hotel-footer { z-index:888 } #UrlaubBlogFeed { margin-right:-25px } .entry h1 { font-size:1.2em } .about-us-header { margin-top:50px!important } /* .About-UrlaubCornwall_content2 { background-position:top!important; line-height:1.2em!important } */ .classic_links { font-size:12px; margin-top:30px } .classic_logo { max-width:200px; height:auto; margin-top:30px } .classicSearchWidget dd { font-size:13px; color:#333 } .sud_links { margin-top:30px; font-size:13px } .ataglance_blog { font-size:12px } #Navigation-Banners:not(.fewos) .classicSearchWidget { width:260px!important; position:relative; left:-85px } @media only screen and (max-width:1024px) { #Navigation-Banners:not(.fewos) .classicSearchWidget { left:-25px } } #Navigation-Banners.fewos .classicSearchWidget, #UrlaubNav.fewos .classicSearchWidget { width:260px!important; position:relative; left:-80px } #scilly-toggle { display:none; position:relative; cursor:pointer } #scilly-toggle .plus { position:absolute; left:10px; font-size:36px; text-align:center; width:48px; top:12px } .box, .tall-box { position:relative } body#scilly .mobile-image { display:none } @media screen and (max-width:770px) { #scilly-toggle { display:block; color:#fff; text-align:center; background-color:#c99deb; padding:14px 0; font-size:18px; line-height:18px } body#scilly div#UrlaubNav { margin-top:57px!important; margin-bottom:0; width:100%; padding-top:0; padding-bottom:0; float:none; padding-right:0; background-image:none; display:block; background-color:#e4d4f0 } body#scilly div#UrlaubNav #left-navigation { width:100%; float:none; text-align:center } body#scilly div#UrlaubNav #left-navigation>a, body#scilly div.largepic { display:none } body#scilly div#UrlaubNav #left-navigation li { border-bottom-style:solid; border-bottom-color:rgba(255,255,255,.2); margin-bottom:0; margin-top:0; font-size:14px; padding:15px 0; line-height:14px } body#scilly #page { margin-top:0!important } body#scilly .mobile-image, body#scilly .mobile-width img, body#scilly div.largepic.mobile-width { display:block; width:100%; height:auto; margin-top:0 } body#scilly .scilly-promo { -webkit-border-radius:0; border-radius:0 } body#scilly .onethree, body#scilly .twothree { width:100%; float:none } body#scilly #box { width:100%; -webkit-border-radius:0; border-radius:0 } body#scilly .boxBody ul { padding-left:5% } body#scilly .boxBody ul li { padding:12px 0; width:95%; min-height:30px; float:none } body#scilly .boxBody ul li span { font-size:18px; line-height:21px; text-align:left; padding-left:20px } body#scilly .ui-tabs .ui-tabs-nav li { width:100%; display:block; padding:0; margin:0 } body#scilly .ui-tabs .ui-tabs-nav li a { float:none; display:block; padding:18px } body#scilly div.list_info_right { width:100%!important; float:none!important } body#scilly div.largepic.mobile-width iframe { width:100%; height:auto; min-height:218px } body#scilly .boxHeader { width:100%; background-image:none } body#scilly div#wrapper { overflow:hidden; margin-top:0 } } #gb-locations { max-width:1200px; width:100%; margin:25px auto } #gb-locations:after { display:block; width:100%; clear:both } .one-third { width:33.333333%; float:left } .two-third { width:66.666666%; float:right } .one-half { width:50%; float:left } /* UX fix, temp */ @media screen and (max-width: 900px) { .one-half.listy { width:70%; } .one-half.picy{ width:30%; } } @media screen and (max-width: 500px) { .one-half.listy { width:100%; } .one-half.picy{ width:100%; } .one-half.picy img{ width:120%; height: auto; } #gb-locations{ width:90%; } } /* Snippets */ .snippet-wrapper{ max-width: 1000px; margin: 40px auto; display: block; } .snippet-wrapper a{ text-decoration: none; } .featured-item * { box-sizing: border-box; } .featured-item { display: block; width: 90%; max-width: 400px; margin: 0 auto 1.5em; border: 2px solid rgba(173, 125, 209, 0.35); background: #f9f9fc; } .featured-item span { display: block; } .image-holder { display: block; padding-bottom: 56.25%; background-position: center center; background-size: cover; background-repeat: no-repeat; } .featured-content { padding: 1.25em .5em 1.25em; } .featured-title { width: 100%; margin: 0 !important; font-size: .95rem; color: #768D37; } .featured-body { width: 100% !important; margin: .5em 0 0 !important; font-size: .85rem !important; } .featured-body, .featured-body:visited { color: #333; } .featured-extra-info { padding: .5em .5em .35em; border-top: 2px solid rgba(173, 125, 209, 0.35); } .featured-extra-info p { width: 100% !important; margin: 0 0 .25em !important; font-size: .8rem !important; font-weight: 700; } .featured-extra-info p:last-of-type { margin-bottom: 0 !important; } .featured-link { display: block; width: 100% !important; padding: .75em .5em; margin: 0 !important; background-color: #8161a1; font-size: .85rem; font-weight: 700; letter-spacing: .45px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); text-decoration: none; text-transform: uppercase; } .featured-link, .featured-link:active, .featured-link:hover, .featured-link:focus, .featured-link:visited { color: #fff; } @media screen and (min-width: 600px) { .featured-item { display: flex; width: 90%; max-width: none; } .image-holder { width: 30%; padding-bottom: 0; } .featured-content { width: 50%; padding: 1em; text-align: left; } .snippet .featured-link-holder { display: flex; flex-direction: column; justify-content: center; width: 20%; background-color: #8161a1; text-align: center; } .featured-extra-info { margin-top: auto; margin-bottom: auto; border-top: none; } .featured-extra-info p { color: #fff; } .featured-link { padding-top: 0; } } @media screen and (min-width: 1024px) { .featured-content { padding: 1.5em; } } .box, .tall-box { width:100%; background-color:#222; border-bottom:0 solid #ad7dd1; -ms-transition:border .35s; -webkit-transition:border .35s; -moz-transition:border .35s; -o-transition:border .35s; transition:border .35s } .tall-box { height:420px; margin-right:4% } .box { height:200px; width:46%; float:left; margin-left:4% } .stacked .box { width:95%; margin-left:auto; margin-bottom:5%; margin-right:auto } .box:nth-of-type(3), .box:nth-of-type(4) { margin-top:20px } .one-half .box { width:80%; margin-bottom:5%; margin-left:10%; height:250px } /*hacks for this unique .box, found on bed-and-breakfast.php*/ .full.override { width: 100%; } .full.override .box.taller { width: 90%; height: 340px; margin-left: 5%; } @media screen and (max-width: 1200px) { .full.override .box.taller { height: 260px; } } @media screen and (max-width: 900px) { .full.override .box.taller { height: 205px; } } .box img, .tall-box img { height:auto; width:100%; position:absolute; top:0; left:0; z-index:0; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); -ms-transition:-ms-transform .35s; -webkit-transition:-webkit-transform .35s; -moz-transition:-moz-transform .35s; -o-transition:-o-transform .35s; transition:transform .35s } .box h2, .tall-box h2 { position:absolute; bottom:0; left:0; z-index:1; width:100%; color:#fff; font-size:300%; text-align:center; margin:0; padding:0 5% 40px; text-shadow:0 0 10px rgba(0,0,0,.3); background:rgba(255,93,177,0); background:-moz-linear-gradient(top, rgba(255,93,177,0) 0, rgba(0,0,0,.2) 100%); background:-webkit-gradient(left top, left bottom, color-stop(0, rgba(255,93,177,0)), color-stop(100%, rgba(0,0,0,.2))); background:-webkit-linear-gradient(top, rgba(255,93,177,0) 0, rgba(0,0,0,.2) 100%); background:-o-linear-gradient(top, rgba(255,93,177,0) 0, rgba(0,0,0,.2) 100%); background:-ms-linear-gradient(top, rgba(255,93,177,0) 0, rgba(0,0,0,.2) 100%); background:linear-gradient(to bottom, rgba(255,93,177,0) 0, rgba(0,0,0,.2) 100%) } .one-half .box h2 { font-size:270% } .box h2 span, .tall-box h2 span { font-size:50%; display:inline-block; width:100%; text-align:left; padding-bottom:10px } #gb-locations .box a, #gb-locations .tall-box a, .activity-box a, .contact-method a { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; z-index:2; } .box:hover img, .tall-box:hover img { -webkit-transform:scale3d(1.15, 1.15, 1); transform:scale3d(1.15, 1.15, 1) } .box:hover, .tall-box:hover { border-bottom:10px solid #ad7dd1 } .classic .slide .slide-content.classic-widget-container { width:990px; margin:0 auto; height:100%; text-align:left; position:relative } .classic .classicSearchWidget { width:100%; max-width:360px; margin-top:10px } .classic .classicSearchWidget fieldset.search { border:0; padding:4px 15px 16px; background:rgba(173,125,209,.8) } .classic .classicSearchWidget h3 { display:block; line-height:1em; padding:0; margin:12px 0; text-align:center; color:#fff } .classic .classicSearchWidget dl { margin:0 } .classic .classicSearchWidget dd { width:100%; clear:both; margin-left:0 } .classic .classicSearchWidget dd:after { clear:both; display:block } .classic .classicSearchWidget label { color:#fff; font-size:14px; font-weight:500 } .classic .classicSearchWidget label, .classic .classicSearchWidget select { width:50%; float:left } .classic .classicSearchWidget select { border:1px solid #fff; background-color:#fff; display:block; height:24px; font-size:14px; margin-bottom:12px } .classic .classicSearchWidget select.region_select { width:100% } .large .slide { height:510px } .large .slide img { min-height:510px; width:auto } .classic .classicSearchWidget button[type=submit] { width:100%; font-size:18px; color:#fff; margin-top:12px; padding:12px 0; background-color:rgba(0,0,0,.4); border:none; cursor:pointer } .mid-section-title { display:block; color:#768D37; font-size:30px; text-align:center; margin-bottom:30px; margin-top:10px } .fancy-list, .widget-above-text { text-align:center } .fancy-list h2 { display:inline-block; color:#768D37; font-size:30px } ul.box-links { margin:30px auto; padding:18px; box-shadow:0 9px 12px #ccc; width:85%; height:270px; background:#ad7dd1; position:relative } a#facebook, a#google, a#twitter, a#youtube { background-image:url(images/social-sprite.png) } .fancy-list:not(.bigger) ul.box-links { height:240px } .fancy-list.south-west-england ul.box-links { height:270px } ul.box-links a { color:#fff; text-decoration:none; display:block; text-align:left; padding:3px 0; -webkit-transition:text-indent 220ms ease-out; -moz-transition:text-indent 220ms ease-out; -ms-transition:text-indent 220ms ease-out; transition:text-indent 220ms ease-out } ul.box-links a:hover { text-indent:30px } .fancy-list li.title { border:3px solid #fff; color:#fff; padding:12px; font-weight:700; font-size:21px; margin-bottom:6px } @media screen and (max-width:880px) { .fancy-list .one-third { width:100% } .fancy-list .one-third ul.box-links { width:45%; float:left; margin-left:2.5%; margin-right:2.5% } } @media screen and (max-width:540px) { .fancy-list .one-third { width:100% } .fancy-list .one-third ul.box-links { width:95%; float:none; margin-left:auto; margin-right:auto } } #activities, #contact-methods { margin:0 auto; max-width:1200px } #map.cornwall .map-marker:nth-child(1) { left:7.5em; top:375px } #map.cornwall .map-marker:nth-child(2) { left:2.4em; top:445px } #map.cornwall .map-marker:nth-child(3) { left:16.8em; top:410px } #map.cornwall .map-marker:nth-child(4) { left:6em; top:420px } #map.cornwall .map-marker:nth-child(5) { left:16.8em; top:265px } #map.cornwall .map-marker:nth-child(6) { left:13.6em; top:510px } #map.cornwall .map-marker:nth-child(7) { left:20.2em; top:185px } #map.cornwall .map-marker:nth-child(8) { left:18em; top:355px } #map.cornwall .map-marker:nth-child(9) { left:29.5em; top:312px } #map.cornwall .map-marker:nth-child(10) { left:29.6em; top:40px } @media screen and (max-width:1200px) { #map.cornwall .map-marker:nth-child(1) { left:9.5em } #map.cornwall .map-marker:nth-child(2) { left:3em } #map.cornwall .map-marker:nth-child(3) { left:21em } #map.cornwall .map-marker:nth-child(4) { left:7.7em } #map.cornwall .map-marker:nth-child(5) { left:21em } #map.cornwall .map-marker:nth-child(6) { left:17em } #map.cornwall .map-marker:nth-child(7) { left:25.2em } #map.cornwall .map-marker:nth-child(8) { left:22.5em } #map.cornwall .map-marker:nth-child(10), #map.cornwall .map-marker:nth-child(9) { left:37em } } @media screen and (max-width:900px) { #map.cornwall .map-marker:nth-child(1) { left:10em } #map.cornwall .map-marker:nth-child(2) { left:3.2em } #map.cornwall .map-marker:nth-child(3) { left:21.8em } #map.cornwall .map-marker:nth-child(4) { left:8em } #map.cornwall .map-marker:nth-child(5) { left:21.8em } #map.cornwall .map-marker:nth-child(6) { left:17.8em } #map.cornwall .map-marker:nth-child(7) { left:26.2em } #map.cornwall .map-marker:nth-child(8) { left:23.5em } #map.cornwall .map-marker:nth-child(10), #map.cornwall .map-marker:nth-child(9) { left:38.5em } } #activities { width:100%; text-align:center; padding:25px 0 } #activities:after { display:block; width:100%; clear:both } .activity-box { width:400px; height:400px; float:left; position:relative } .four-row .activity-box { width:300px; height:300px } .activity-box .activity-content::after, .activity-box img, .activity-content { position:absolute; width:100%; top:0; left:0 } .activity-box img { z-index:0; opacity:.9 } .activity-content { color:#fff; height:100% } .activity-content h2 { font-size:200%; text-transform:uppercase; text-shadow:0 0 10px rgba(0,0,0,.3) } .four-row .activity-content h2 { font-size:150% } .activity-box .activity-content, .activity-box .activity-content::after, .activity-box img, .activity-box p { -webkit-transition:opacity .35s, -webkit-transform .35s, background-color .35s; transition:opacity .35s, transform .35s, background-color .35s } .activity-box .activity-content::after { height:100%; border-top:1px solid #fff; border-bottom:1px solid #fff; opacity:0; -webkit-transform:rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); transform:rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; z-index:0 } .activity-box h2, .activity-box p { opacity:1; -webkit-transform:scale3d(.8, .8, 1); transform:scale3d(.8, .8, 1); position:relative; z-index:1 } .activity-box h2 { padding-top:35%; -webkit-transition:-webkit-transform .35s; transition:transform .35s; line-height:100% } #social a, .submit input[type=submit] { -ms-transition:all .2s ease-out; -moz-transition:all .2s ease-out } .activity-box p { padding:.5em 2em; text-transform:none; opacity:0; font-size:16px } #contact-methods, #social { padding:25px 0; text-align:center } #cta-nav a, #page-footer h3, .sent-success #open-form, .tab a.btn, ul.big-list li { text-transform:uppercase } .activity-box:hover img { opacity:.7; -webkit-transform:scale3d(1.05, 1.05, 1); transform:scale3d(1.05, 1.05, 1) } .activity-box:hover .activity-content::after { opacity:1; -webkit-transform:rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); transform:rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1) } .activity-box:hover .activity-content { background-color:rgba(173,125,209,.6) } .activity-box:hover h2, .activity-box:hover p { opacity:1; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } #social a { font-size:0; display:inline-block; width:75px; height:75px; margin:0 20px; } a#facebook { background-position:left top } a#twitter { background-position:right bottom } a#google { background-position:left bottom } a#youtube { background-position:right top } #social a:hover { -moz-filter:none; -o-filter:none; -webkit-filter:grayscale(0); filter:none } .form-group .transport label:first-of-type, .form-group .transport label:nth-of-type(2) { filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#8963a7', endColorstr='#8963a7', GradientType=1 ) } #contact-methods:after { display:block; width:100%; clear:both } .contact-method { width:32.333333%; min-width:388px; background-color:#ad7dd1; height:160px; margin-right:1%; padding:30px 0 0 170px; background-repeat:no-repeat; background-position:20px 30px; background-size:130px auto; color:#fff; position:relative; text-align:left; display:inline-block; vertical-align:middle; -ms-transition:background-color .2s ease-out; -webkit-transition:background-color .2s ease-out; -moz-transition:background-color .2s ease-out; -o-transition:background-color .2s ease-out; transition:background-color .2s ease-out } #page-footer:after, .foot-wrap:after { content:''; width:100% } .contact-method:nth-of-type(1) { background-image:url(images/mail-icon.png) } .contact-method:nth-of-type(3) { margin-right:.5%; margin-left:.5%; background-image:url(images/team-icon.png); background-size:130px auto } .contact-method:nth-of-type(2) { margin-right:0; margin-left:1%; background-image:url(images/phone.png); background-size:70px auto; padding-left:120px } .contact-method:hover { background-color:#713e97 } .contact-method h2 { font-size:28px; line-height:35px; margin:0 } .contact-method p { margin:0; padding:10px 0 0 } #page-footer { clear:both; padding:25px 0; margin-top:50px; background-color: #f2f2f2; border-top: solid 4px #768D37; position:relative } .foot-wrap { max-width:1200px; margin:0 auto; position:relative; z-index:1 } .foot-wrap:after { display:block; clear:both } .one-quarter { width:25% } #page-footer ul { padding:0; margin:0 } #page-footer h3 { font-weight:700; color:#768D37; letter-spacing:2px } #page-footer ul li a { color:#ad7dd1; padding:2px 0 2px 20px; display:block; position:relative; text-decoration:none; -ms-transition:text-indent .2s ease-out, color .2s ease-out; -webkit-transition:text-indent .2s ease-out, color .2s ease-out; -moz-transition:text-indent .2s ease-out, color .2s ease-out; -o-transition:text-indent .2s ease-out, color .2s ease-out; transition:text-indent .2s ease-out, color .2s ease-out } #page-footer ul li a:hover { text-indent:10px; color:#768D37; } #page-footer ul li a:before { content:'\203A'; position:absolute; top:0; left:0; font-size:25px } .copyright { text-align:center; color:#666; font-size:90%; position:relative; z-index:1; padding-top:100px } #searchWrapper .classicSearchWidget { width:100%; padding:10px; margin:0 0 20px; float:left; border-radius:4px; position:relative; left:0; box-shadow:0 0 2px rgba(0,0,0,.3) } #searchWrapper .classicSearchWidget h3 { color:#fff; text-align:center; font-size:15px; margin-bottom:3px } #searchWrapper .classicSearchWidget fieldset { float:left; padding:0; margin-left:0; border:none } #searchWrapper .classicSearchWidget select { float:right; width:50% } #searchWrapper .classicSearchWidget select.region_select { width:100% } #searchWrapper .classicSearchWidget select.party_select { width:33.333%; float:left } #searchWrapper .classicSearchWidget select.children_select { width:65%; float:right; margin-left:0 } #searchWrapper .classicSearchWidget dd, .classicSearchWidget dl, .classicSearchWidget dt { margin-left:0; float:left; width:100% } #searchWrapper .classicSearchWidget dd { margin:3px 0 } #searchWrapper .classicSearchWidget label { position:relative; top:3px; text-align:left; float:left; color:#fff; margin:0; padding:0; width:50% } #searchWrapper .classicSearchWidget button[type=submit].button { width:100%; font-size:18px; color:#fff; margin-top:12px; padding:12px 0; background-color:rgba(0,0,0,.4); border:none; cursor:pointer } #searchWrapper .classicSearchWidget input[type=submit]:active { top:1px } #searchWrapper { width:100%; position:fixed; z-index:200; bottom:-440px; left:0; display:none!important; background-color:rgba(173,125,209,1); -webkit-transition:bottom .5s ease-out; -moz-transition:bottom .5s ease-out; -o-transition:bottom .5s ease-out; transition:bottom .5s ease-out } #searchWrapper.suchen { bottom:-490px } #searchWrapper .searchToggle { position:absolute; top:-50px; left:0; width:100%; height:60px; padding-top:15px; background-color:rgba(173,125,209,.8); color:#fff; cursor:pointer; text-align:center; display:block } #searchWrapper.searchVisible { bottom:0!important } #searchWrapper .classicSearchWidget h3 { display:none } #searchWrapper .searchToggle span.nav { position:absolute; right:20px; top:14px; /*font-size:3em; color:#bde5e9*/ } @media screen and (max-width:450px) { .classic .slide .slide-content.classic-widget-container { display:none } #searchWrapper { display:block!important } .large .slide { height:400px } .stacked .box:not(.one-half .box) { height:200px; width:100% } #about-uc p, .stacked .box h2 span { text-align:center } } #plan-trip-form-container { width:100%; max-width:1000px; margin:50px auto; background-color:#f1ecf4; z-index:8888; position:relative; padding:2%; display:none; -webkit-box-shadow:0 0 10px 1px rgba(55,55,55,.5); box-shadow:0 0 10px 1px rgba(55,55,55,.5) } #anfrage-form { width:100%; max-width:1000px; margin:100px auto 50px; background-color:#f1ecf4; position:relative; padding:2%; display:block; -webkit-box-shadow:0 0 10px 1px rgba(55,55,55,.5); box-shadow:0 0 10px 1px rgba(55,55,55,.5) } #plan-trip-form-container.reveal { display:block } #plan-trip-form-container p { padding:30px 0 0!important; font-size:18px!important; font-style:italic!important; font-weight:200!important; font-family:san-serif!important; color:#000!important } #plan-trip-form-container hr { margin-bottom:30px!important; border:1px solid #333!important; font-family:san-serif!important } .form-group { margin:40px 0!important; color:#000!important } .RentivoSDKContainer .form-group { margin:30px 0!important } .form-group>label { float:left!important; width:30%!important; font-size:14px!important; padding-left:5%!important; margin:0!important } .form-group.zimmer .form-group-input>label { width:10%; display:inline-block } .form-group.zimmer .error { border:1px solid red!important } label.Daten-Form { float:none!important; line-height:2em; font-size:16px } .form-group-input { float:left!important; width:70%!important; padding-left:5%!important } .form-group-input>label { color:#a8a8a8!important } .form-group:after { content:''; clear:both; display:block; width:100% } .form-group input[type=text], .form-group input[type=email], .form-group input[type=number], .form-group select, .form-group textarea { width:100%!important; padding:10px 5px!important; color:#a8a8a8; border:0!important; outline:0!important; box-shadow:inherit!important } .form-group input[type=number]::-webkit-inner-spin-button, .form-group input[type=number]::-webkit-outer-spin-button { -webkit-appearance:none!important } input[type=number] { -moz-appearance:textfield!important } .form-group textarea { height:150px!important } .form-group input[type=text].half-width, .form-group select { width:150px!important; border:0; outline:0; background-color:transparent; position:relative!important; z-index:1 } .form-group select { -webkit-appearance:none; -moz-appearance:none; -webkit-border-radius:0; border-radius:0 } .form-group input[type=checkbox]:not(.show), .form-group input[type=radio] { opacity:0 } .form-group input[type=checkbox]#specific-dates { display:inline-block!important; visibility:visible!important; opacity:1!important; -webkit-appearance:none!important; appearance:none!important; background-color:#fff!important; width:20px!important; height:20px!important; vertical-align:middle!important; position:relative!important } .form-group input[type=checkbox]#specific-dates:checked:after { content:'\2713'; position:absolute; top:50%!important; left:0!important; font-size:20px!important; line-height:0; text-align:center; width:100%!important; color:#a8a8a8!important } .form-group .accommodation label, .form-group .transport label { width:150px!important; height:150px!important; display:block!important; float:left!important; margin-right:15px!important; font-size:14px!important; color:#fff!important; text-align:center!important; cursor:pointer!important } .form-group .transport label:first-of-type { background:#8963a7; background:url(images/aeroplane-transport.png), -moz-linear-gradient(-45deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); background:url(images/aeroplane-transport.png), -webkit-gradient(left top, right bottom, color-stop(0, #8963a7), color-stop(40%, #ad7dd1), color-stop(96%, #8963a7), color-stop(100%, #8963a7)); background:url(images/aeroplane-transport.png), -webkit-linear-gradient(-45deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); background:url(images/aeroplane-transport.png), -o-linear-gradient(-45deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); background:url(images/aeroplane-transport.png), -ms-linear-gradient(-45deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); background:url(images/aeroplane-transport.png), linear-gradient(135deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%) } .form-group .transport label:nth-of-type(2) { background:#8963a7; background:url(images/ferry-transport.png), -moz-linear-gradient(-45deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); background:url(images/ferry-transport.png), -webkit-gradient(left top, right bottom, color-stop(0, #8963a7), color-stop(40%, #ad7dd1), color-stop(96%, #8963a7), color-stop(100%, #8963a7)); background:url(images/ferry-transport.png), -webkit-linear-gradient(-45deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); background:url(images/ferry-transport.png), -o-linear-gradient(-45deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); background:url(images/ferry-transport.png), -ms-linear-gradient(-45deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); background:url(images/ferry-transport.png), linear-gradient(135deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%) } .form-group .transport label:last-of-type { background:#8963a7; background:url(images/car-transport.png), -moz-linear-gradient(-45deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); background:url(images/car-transport.png), -webkit-gradient(left top, right bottom, color-stop(0, #8963a7), color-stop(40%, #ad7dd1), color-stop(96%, #8963a7), color-stop(100%, #8963a7)); background:url(images/car-transport.png), -webkit-linear-gradient(-45deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); background:url(images/car-transport.png), -o-linear-gradient(-45deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); background:url(images/car-transport.png), -ms-linear-gradient(-45deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); background:url(images/car-transport.png), linear-gradient(135deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#8963a7', endColorstr='#8963a7', GradientType=1 ) } .form-group .accommodation label:first-of-type, .form-group .accommodation label:nth-of-type(2) { background:#8963a7; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#8963a7', endColorstr='#8963a7', GradientType=1 ) } .form-group .accommodation label:first-of-type { background:url(images/bb-accommodation.png), -moz-linear-gradient(-45deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); background:url(images/bb-accommodation.png), -webkit-gradient(left top, right bottom, color-stop(0, #8963a7), color-stop(40%, #ad7dd1), color-stop(96%, #8963a7), color-stop(100%, #8963a7)); background:url(images/bb-accommodation.png), -webkit-linear-gradient(-45deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); background:url(images/bb-accommodation.png), -o-linear-gradient(-45deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); background:url(images/bb-accommodation.png), -ms-linear-gradient(-45deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); background:url(images/bb-accommodation.png), linear-gradient(135deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%) } .form-group .accommodation label:nth-of-type(2) { background:url(images/hotel-accommodation.png), -moz-linear-gradient(-45deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); background:url(images/hotel-accommodation.png), -webkit-gradient(left top, right bottom, color-stop(0, #8963a7), color-stop(40%, #ad7dd1), color-stop(96%, #8963a7), color-stop(100%, #8963a7)); background:url(images/hotel-accommodation.png), -webkit-linear-gradient(-45deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); background:url(images/hotel-accommodation.png), -o-linear-gradient(-45deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); background:url(images/hotel-accommodation.png), -ms-linear-gradient(-45deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); background:url(images/hotel-accommodation.png), linear-gradient(135deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%) } .form-group .accommodation label:last-of-type { background:#8963a7; background:url(images/cottage-accommodation.png), -moz-linear-gradient(-45deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); background:url(images/cottage-accommodation.png), -webkit-gradient(left top, right bottom, color-stop(0, #8963a7), color-stop(40%, #ad7dd1), color-stop(96%, #8963a7), color-stop(100%, #8963a7)); background:url(images/cottage-accommodation.png), -webkit-linear-gradient(-45deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); background:url(images/cottage-accommodation.png), -o-linear-gradient(-45deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); background:url(images/cottage-accommodation.png), -ms-linear-gradient(-45deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); background:url(images/cottage-accommodation.png), linear-gradient(135deg, #8963a7 0, #ad7dd1 40%, #8963a7 96%, #8963a7 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#8963a7', endColorstr='#8963a7', GradientType=1 ) } .form-group .accommodation input:checked+label, .form-group .accommodation label:hover, .form-group .transport input:checked+label, .form-group .transport label:hover { outline:navy solid 2px!important; box-shadow:0 0 10px 0 rgba(0,0,128,.5)!important } .form-group .custom-select-arrow { display:inline-block!important; margin:0 10px 0 0!important; padding:0; background-color:#fff; position:relative!important } .custom-select-arrow:after { content:'\203A'; position:absolute!important; top:50%; right:5px; font-size:50px; line-height:0; color:#a8a8a8; z-index:0; -webkit-transform:rotate(90deg); transform:rotate(90deg) } .form-group .price-pp label { background-color:#ad7dd1!important; color:#fff!important; width:150px; display:block; float:left; margin-right:15px; margin-bottom:15px; text-align:center; padding:10px 5px; cursor:pointer } .form-group .price-pp input:checked+label, .form-group .price-pp label:hover { outline:navy solid 2px; box-shadow:0 0 10px 0 rgba(0,0,128,.5) } .form-group label[for=title-herr] { margin-right:15px } .form-group label[for=title-herr], .form-group label[for=title-frau] { vertical-align:middle; color:#000!important } .form-group input#title-frau, .form-group input#title-herr { opacity:1; margin-bottom:15px } .TC { font-size:14px; color:#a8a8a8!important } .TC:hover { text-decoration:none } .submit { text-align:center } .submit input[type=submit] { background-color:#92a55c; color:#fff; text-align:center; padding:15px 30px; border:0; outline:0; box-shadow:2px 2px 4px 0 rgba(51,51,51,.4); text-transform:uppercase; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out } .submit input[type=submit]:hover { box-shadow:0 0 0 0 rgba(51,51,51,.4); background-color:#c1dc77 } .form-group label.error { display:none!important } .form-group input.error { outline:red solid 1px!important } .dark-overlay { position:fixed; top:0; left:0; width:100%; height:100%; max-width:0; max-height:0; background-color:#333; opacity:0; -ms-transition:opacity .2s ease-out; -webkit-transition:opacity .2s ease-out; -moz-transition:opacity .2s ease-out; -o-transition:opacity .2s ease-out; transition:opacity .2s ease-out } .dark-overlay.reveal { max-width:100%; max-height:100% } .close-form { position:absolute; display:block; top:-20px; right:-20px; color:#fff; font-size:40px; line-height:1.1; background:#222; -webkit-border-radius:100px; border-radius:100px; width:50px; height:50px; text-align:center; cursor:pointer; box-shadow:-2px 2px 4px 0 rgba(20,20,20,.6) } .animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both } @-webkit-keyframes bounceIn { 0% { opacity:0; -webkit-transform:scale(.3) } 50% { opacity:1; -webkit-transform:scale(1.05) } 70% { -webkit-transform:scale(.9) } 100% { -webkit-transform:scale(1) } } @keyframes bounceIn { 0% { opacity:0; transform:scale(.3) } 50% { opacity:1; transform:scale(1.05) } 70% { transform:scale(.9) } 100% { transform:scale(1) } } .bounceIn { -webkit-animation-name:bounceIn; animation-name:bounceIn } @-webkit-keyframes bounceOut { 0% { -webkit-transform:scale(1) } 25% { -webkit-transform:scale(.95) } 50% { opacity:1; -webkit-transform:scale(1.1) } 100% { opacity:0; -webkit-transform:scale(.3) } } @keyframes bounceOut { 0% { transform:scale(1) } 25% { transform:scale(.95) } 50% { opacity:1; transform:scale(1.1) } 100% { opacity:0; transform:scale(.3) } } .bounceOut { -webkit-animation-name:bounceOut; animation-name:bounceOut }/*! jQuery UI - v1.11.4 - 2015-09-30* http://jqueryui.com* Includes: core.css, datepicker.css, theme.css* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden { display:none } .ui-helper-hidden-accessible { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px } .ui-helper-zfix, .ui-widget-overlay { top:0; left:0; width:100%; height:100% } .ui-helper-reset { margin:0; padding:0; border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100% } .ui-helper-clearfix:after, .ui-helper-clearfix:before { content:""; display:table; border-collapse:collapse } .ui-helper-clearfix:after { clear:both } .ui-helper-clearfix { min-height:0 } .ui-helper-zfix { position:absolute; opacity:0; filter:Alpha(Opacity=0) } .ui-front { z-index:100 } .ui-datepicker-trigger { display:none } .ui-state-disabled { cursor:default!important } .ui-icon { display:block; background-repeat:no-repeat } .ui-widget-overlay { position:fixed } .ui-datepicker { width: 25em; padding:0; display:none } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0 } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { position:absolute; top:2px; width:1.8em; height:1.8em } .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover { top:1px } .ui-datepicker .ui-datepicker-prev { left:2px } .ui-datepicker .ui-datepicker-next { right:2px } .ui-datepicker .ui-datepicker-prev-hover { left:1px } .ui-datepicker .ui-datepicker-next-hover { right:1px } .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { display:block; color:#fff; font-size:8px } .ui-datepicker .ui-datepicker-title { margin:0 2.3em; line-height:1.8em; text-align:center } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0 } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:45% } .ui-datepicker table { width:100%; font-size:.9em; border-collapse:collapse; margin:0 0 .4em } .ui-datepicker th { padding:.7em .3em; text-align:center; font-weight:700; border:0 } .ui-datepicker td { border:0; padding:1px } .ui-datepicker td a, .ui-datepicker td span { display:block; padding: 0.5em; text-align: center; text-decoration:none } .ui-datepicker .ui-datepicker-buttonpane { background-image:none; margin:.7em 0 0; padding:0 .2em; border-left:0; border-right:0; border-bottom:0 } .ui-datepicker .ui-datepicker-buttonpane button { float:right; margin:.5em .2em .4em; cursor:pointer; padding:.2em .6em .3em; width:auto; overflow:visible } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button { float:left } .ui-datepicker.ui-datepicker-multi { width:auto } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em } .ui-datepicker-multi-2 .ui-datepicker-group { width:50% } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3% } .ui-datepicker-multi-4 .ui-datepicker-group { width:25% } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0 } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left } .ui-datepicker-row-break { clear:both; width:100%; font-size:0 } .ui-datepicker-rtl { direction:rtl } .ui-datepicker-rtl .ui-datepicker-prev { right:2px; left:auto } .ui-datepicker-rtl .ui-datepicker-next { left:2px; right:auto } .ui-datepicker-rtl .ui-datepicker-prev:hover { right:1px; left:auto } .ui-datepicker-rtl .ui-datepicker-next:hover { left:1px; right:auto } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right } #cta-nav, .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float:right } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px } .ui-widget { font-family:Verdana, Arial, sans-serif; font-size:12px; -ms-box-shadow:1px 1px 5px rgba(153,153,153,.5); -webkit-box-shadow:1px 1px 5px rgba(153,153,153,.5); -moz-box-shadow:1px 1px 5px rgba(153,153,153,.5); -o-box-shadow:1px 1px 5px rgba(153,153,153,.5); box-shadow:1px 1px 5px rgba(153,153,153,.5) } .ui-widget .ui-widget { font-size:1em } .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea { font-family:Verdana, Arial, sans-serif; font-size:1em } .ui-widget-content { background:url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x #fff; color:#222 } .ui-widget-content a { color:#222 } .ui-widget-header { background:#ad7dd1; color:#fff; font-weight:700 } .ui-widget-header a { color:#222 } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background:url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x #e6e6e6; font-weight:400; color:#555; margin:2px } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color:#555; text-decoration:none } .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover { font-weight:400; color:#212121 } .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color:#212121; text-decoration:none } .ui-state-active, .ui-state-default:hover, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background:#ad7dd1; font-weight:400; color:#fff } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color:#212121; text-decoration:none } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border:1px solid #fcefa1; background:url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x #fbf9ee; color:#363636 } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color:#363636 } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border:1px solid #cd0a0a; background:url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x #fef1ec; color:#cd0a0a } .ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error a, .ui-widget-header .ui-state-error-text { color:#cd0a0a } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight:700 } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity:.7; filter:Alpha(Opacity=70); font-weight:400 } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity:.35; filter:Alpha(Opacity=35); background-image:none } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35) } .ui-icon { width:16px; height:16px } .ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon { background-image:url(images/ui-icons_222222_256x240.png) } .ui-state-default .ui-icon { background-image:url(images/ui-icons_888888_256x240.png) } .ui-state-active .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon { background-image:url(images/ui-icons_454545_256x240.png) } .ui-state-highlight .ui-icon { background-image:url(images/ui-icons_2e83ff_256x240.png) } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image:url(images/ui-icons_cd0a0a_256x240.png) } .ui-icon-blank { background-position:16px 16px } .ui-icon-carat-1-n { background-position:0 0 } .ui-icon-carat-1-ne { background-position:-16px 0 } .ui-icon-carat-1-e { background-position:-32px 0 } .ui-icon-carat-1-se { background-position:-48px 0 } .ui-icon-carat-1-s { background-position:-64px 0 } .ui-icon-carat-1-sw { background-position:-80px 0 } .ui-icon-carat-1-w { background-position:-96px 0 } .ui-icon-carat-1-nw { background-position:-112px 0 } .ui-icon-carat-2-n-s { background-position:-128px 0 } .ui-icon-carat-2-e-w { background-position:-144px 0 } .ui-icon-triangle-1-n { background-position:0 -16px } .ui-icon-triangle-1-ne { background-position:-16px -16px } .ui-icon-triangle-1-e { background-position:-32px -16px } .ui-icon-triangle-1-se { background-position:-48px -16px } .ui-icon-triangle-1-s { background-position:-64px -16px } .ui-icon-triangle-1-sw { background-position:-80px -16px } .ui-icon-triangle-1-w { background-position:-96px -16px } .ui-icon-triangle-1-nw { background-position:-112px -16px } .ui-icon-triangle-2-n-s { background-position:-128px -16px } .ui-icon-triangle-2-e-w { background-position:-144px -16px } .ui-icon-arrow-1-n { background-position:0 -32px } .ui-icon-arrow-1-ne { background-position:-16px -32px } .ui-icon-arrow-1-e { background-position:-32px -32px } .ui-icon-arrow-1-se { background-position:-48px -32px } .ui-icon-arrow-1-s { background-position:-64px -32px } .ui-icon-arrow-1-sw { background-position:-80px -32px } .ui-icon-arrow-1-w { background-position:-96px -32px } .ui-icon-arrow-1-nw { background-position:-112px -32px } .ui-icon-arrow-2-n-s { background-position:-128px -32px } .ui-icon-arrow-2-ne-sw { background-position:-144px -32px } .ui-icon-arrow-2-e-w { background-position:-160px -32px } .ui-icon-arrow-2-se-nw { background-position:-176px -32px } .ui-icon-arrowstop-1-n { background-position:-192px -32px } .ui-icon-arrowstop-1-e { background-position:-208px -32px } .ui-icon-arrowstop-1-s { background-position:-224px -32px } .ui-icon-arrowstop-1-w { background-position:-240px -32px } .ui-icon-arrowthick-1-n { background-position:0 -48px } .ui-icon-arrowthick-1-ne { background-position:-16px -48px } .ui-icon-arrowthick-1-e { background-position:-32px -48px } .ui-icon-arrowthick-1-se { background-position:-48px -48px } .ui-icon-arrowthick-1-s { background-position:-64px -48px } .ui-icon-arrowthick-1-sw { background-position:-80px -48px } .ui-icon-arrowthick-1-w { background-position:-96px -48px } .ui-icon-arrowthick-1-nw { background-position:-112px -48px } .ui-icon-arrowthick-2-n-s { background-position:-128px -48px } .ui-icon-arrowthick-2-ne-sw { background-position:-144px -48px } .ui-icon-arrowthick-2-e-w { background-position:-160px -48px } .ui-icon-arrowthick-2-se-nw { background-position:-176px -48px } .ui-icon-arrowthickstop-1-n { background-position:-192px -48px } .ui-icon-arrowthickstop-1-e { background-position:-208px -48px } .ui-icon-arrowthickstop-1-s { background-position:-224px -48px } .ui-icon-arrowthickstop-1-w { background-position:-240px -48px } .ui-icon-arrowreturnthick-1-w { background-position:0 -64px } .ui-icon-arrowreturnthick-1-n { background-position:-16px -64px } .ui-icon-arrowreturnthick-1-e { background-position:-32px -64px } .ui-icon-arrowreturnthick-1-s { background-position:-48px -64px } .ui-icon-arrowreturn-1-w { background-position:-64px -64px } .ui-icon-arrowreturn-1-n { background-position:-80px -64px } .ui-icon-arrowreturn-1-e { background-position:-96px -64px } .ui-icon-arrowreturn-1-s { background-position:-112px -64px } .ui-icon-arrowrefresh-1-w { background-position:-128px -64px } .ui-icon-arrowrefresh-1-n { background-position:-144px -64px } .ui-icon-arrowrefresh-1-e { background-position:-160px -64px } .ui-icon-arrowrefresh-1-s { background-position:-176px -64px } .ui-icon-arrow-4 { background-position:0 -80px } .ui-icon-arrow-4-diag { background-position:-16px -80px } .ui-icon-extlink { background-position:-32px -80px } .ui-icon-newwin { background-position:-48px -80px } .ui-icon-refresh { background-position:-64px -80px } .ui-icon-shuffle { background-position:-80px -80px } .ui-icon-transfer-e-w { background-position:-96px -80px } .ui-icon-transferthick-e-w { background-position:-112px -80px } .ui-icon-folder-collapsed { background-position:0 -96px } .ui-icon-folder-open { background-position:-16px -96px } .ui-icon-document { background-position:-32px -96px } .ui-icon-document-b { background-position:-48px -96px } .ui-icon-note { background-position:-64px -96px } .ui-icon-mail-closed { background-position:-80px -96px } .ui-icon-mail-open { background-position:-96px -96px } .ui-icon-suitcase { background-position:-112px -96px } .ui-icon-comment { background-position:-128px -96px } .ui-icon-person { background-position:-144px -96px } .ui-icon-print { background-position:-160px -96px } .ui-icon-trash { background-position:-176px -96px } .ui-icon-locked { background-position:-192px -96px } .ui-icon-unlocked { background-position:-208px -96px } .ui-icon-bookmark { background-position:-224px -96px } .ui-icon-tag { background-position:-240px -96px } .ui-icon-home { background-position:0 -112px } .ui-icon-flag { background-position:-16px -112px } .ui-icon-calendar { background-position:-32px -112px } .ui-icon-cart { background-position:-48px -112px } .ui-icon-pencil { background-position:-64px -112px } .ui-icon-clock { background-position:-80px -112px } .ui-icon-disk { background-position:-96px -112px } .ui-icon-calculator { background-position:-112px -112px } .ui-icon-zoomin { background-position:-128px -112px } .ui-icon-zoomout { background-position:-144px -112px } .ui-icon-search { background-position:-160px -112px } .ui-icon-wrench { background-position:-176px -112px } .ui-icon-gear { background-position:-192px -112px } .ui-icon-heart { background-position:-208px -112px } .ui-icon-star { background-position:-224px -112px } .ui-icon-link { background-position:-240px -112px } .ui-icon-cancel { background-position:0 -128px } .ui-icon-plus { background-position:-16px -128px } .ui-icon-plusthick { background-position:-32px -128px } .ui-icon-minus { background-position:-48px -128px } .ui-icon-minusthick { background-position:-64px -128px } .ui-icon-close { background-position:-80px -128px } .ui-icon-closethick { background-position:-96px -128px } .ui-icon-key { background-position:-112px -128px } .ui-icon-lightbulb { background-position:-128px -128px } .ui-icon-scissors { background-position:-144px -128px } .ui-icon-clipboard { background-position:-160px -128px } .ui-icon-copy { background-position:-176px -128px } .ui-icon-contact { background-position:-192px -128px } .ui-icon-image { background-position:-208px -128px } .ui-icon-video { background-position:-224px -128px } .ui-icon-script { background-position:-240px -128px } .ui-icon-alert { background-position:0 -144px } .ui-icon-info { background-position:-16px -144px } .ui-icon-notice { background-position:-32px -144px } .ui-icon-help { background-position:-48px -144px } .ui-icon-check { background-position:-64px -144px } .ui-icon-bullet { background-position:-80px -144px } .ui-icon-radio-on { background-position:-96px -144px } .ui-icon-radio-off { background-position:-112px -144px } .ui-icon-pin-w { background-position:-128px -144px } .ui-icon-pin-s { background-position:-144px -144px } .ui-icon-play { background-position:0 -160px } .ui-icon-pause { background-position:-16px -160px } .ui-icon-seek-next { background-position:-32px -160px } .ui-icon-seek-prev { background-position:-48px -160px } .ui-icon-seek-end { background-position:-64px -160px } .ui-icon-seek-first, .ui-icon-seek-start { background-position:-80px -160px } .ui-icon-stop { background-position:-96px -160px } .ui-icon-eject { background-position:-112px -160px } .ui-icon-volume-off { background-position:-128px -160px } .ui-icon-volume-on { background-position:-144px -160px } .ui-icon-power { background-position:0 -176px } .ui-icon-signal-diag { background-position:-16px -176px } .ui-icon-signal { background-position:-32px -176px } .ui-icon-battery-0 { background-position:-48px -176px } .ui-icon-battery-1 { background-position:-64px -176px } .ui-icon-battery-2 { background-position:-80px -176px } .ui-icon-battery-3 { background-position:-96px -176px } .ui-icon-circle-plus { background-position:0 -192px } .ui-icon-circle-minus { background-position:-16px -192px } .ui-icon-circle-close { background-position:-32px -192px } .ui-icon-circle-triangle-e { background-position:-48px -192px } .ui-icon-circle-triangle-s { background-position:-64px -192px } .ui-icon-circle-triangle-w { background-position:-80px -192px } .ui-icon-circle-triangle-n { background-position:-96px -192px } .ui-icon-circle-arrow-e { background-position:-112px -192px } .ui-icon-circle-arrow-s { background-position:-128px -192px } .ui-icon-circle-arrow-w { background-position:-144px -192px } .ui-icon-circle-arrow-n { background-position:-160px -192px } .ui-icon-circle-zoomin { background-position:-176px -192px } .ui-icon-circle-zoomout { background-position:-192px -192px } .ui-icon-circle-check { background-position:-208px -192px } .ui-icon-circlesmall-plus { background-position:0 -208px } .ui-icon-circlesmall-minus { background-position:-16px -208px } .ui-icon-circlesmall-close { background-position:-32px -208px } .ui-icon-squaresmall-plus { background-position:-48px -208px } .ui-icon-squaresmall-minus { background-position:-64px -208px } .ui-icon-squaresmall-close { background-position:-80px -208px } .ui-icon-grip-dotted-vertical { background-position:0 -224px } .ui-icon-grip-dotted-horizontal { background-position:-16px -224px } .ui-icon-grip-solid-vertical { background-position:-32px -224px } .ui-icon-grip-solid-horizontal { background-position:-48px -224px } .ui-icon-gripsmall-diagonal-se { background-position:-64px -224px } .ui-icon-grip-diagonal-se { background-position:-80px -224px } .ui-widget-overlay, .ui-widget-shadow { background:url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #aaa; opacity:.3; filter:Alpha(Opacity=30) } .ui-widget-shadow { margin:-8px 0 0 -8px; padding:8px; border-radius:8px } body div#ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all { z-index:99999999999!important } .hidden-datepicker { display:none } body .sent-success { width:80%; margin:0 auto; text-align:center; display:none } body .sent-success p { font-style:normal; font-weight:700; color:#92a55c; padding:0 } .sent-success #open-form { background-color:#92a55c; color:#fff; text-align:center; padding:15px 30px; border:0; outline:0; box-shadow:2px 2px 4px 0 rgba(51,51,51,.4); -ms-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; text-decoration:none } #cta-nav a, #header-promo a { -ms-transition:all .2s linear; -o-transition:all .2s linear } #cta-nav { display:inline; line-height:36px; padding-right:20px } #cta-nav a { display:block; margin-top:5px; background:#fff; border-radius:4px; text-decoration:none; padding:0 10px; border:2px solid #8963a7; font-size:12px; font-family:sans-serif; font-weight:700; color:#8963a7; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; transition:all .2s linear } #cta-nav a:hover { -webkit-box-shadow:0 0 0 0 #666; -moz-box-shadow:0 0 0 0 #666; box-shadow:0 0 0 0 #666; background:#8963a7; color:#fff } #map { height:555px; background-color:#ad7dd1; overflow:hidden; margin-top:25px; margin-bottom:25px } #map.south-western-england, #map.southern-england { height:450px } #map.all-southern-england { height:600px } #map.cornwall { height:700px } .container { width:100%; max-width:1200px; margin:0 auto; padding:25px 0 } .container:after { content:''; display:block; width:100%; clear:both } .one-quarter { float:left } .three-quarter { width:75%; float:left; position:relative } ul.big-list { margin:0; padding:30px 0 0 30px } ul.big-list li { border-bottom:2px solid rgba(255,255,255,.4); font-size:1em; padding-bottom:8px; padding-top:8px; -ms-transition:all .2s ease-in; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in } ul.big-list li.highlight { background-color:#715189; border-bottom:2px solid rgba(255,255,255,1); text-indent:10% } ul.big-list li a { text-decoration:none; color:#fff } ul.big-list li.big-number { font-size:3em; color:#666; border-bottom:2px solid rgba(55,55,55,.4); line-height:1em } ul.big-list li.big-number span { font-size:.33em; display:block; line-height:normal } ul.big-list li:last-child { border:0 } ul.big-list li p { text-transform:capitalize; font-size:12px; color:#fff } #map-image { position:absolute; top:-395px; left:0; right:0; margin-left:auto; margin-right:auto; z-index:0 } #map.all-southern-england #map-image, #map.cornwall #map-image, #map.south-western-england #map-image, #map.southern-england #map-image { top:-25px } .map-marker { position:absolute; z-index:10; background:url(images/map-marker.png) center center no-repeat; background-size:contain; width:50px; height:50px } .map-marker:nth-child(1) { left:30em; top:360px } .map-marker:nth-child(2) { left:40em; top:350px } .map-marker:nth-child(3) { left:34.5em; top:270px } .map-marker:nth-child(4) { left:44em; top:240px } .map-marker:nth-child(5) { left:35em; top:90px } #map.southern-england .map-marker:nth-child(1) { left:32em; top:90px } #map.southern-england .map-marker:nth-child(2) { left:39em; top:100px } #map.southern-england .map-marker:nth-child(3) { left:44em; top:70px } #map.southern-england .map-marker:nth-child(4) { left: 31.75em; top: 150px; } #map.south-western-england .map-marker:nth-child(1) { left:11em; top:170px } #map.south-western-england .map-marker:nth-child(2) { left:16em; top:140px } #map.south-western-england .map-marker:nth-child(4) { left:23em; top:80px } #map.south-western-england .map-marker:nth-child(3) { left:25em; top:130px } #map.all-southern-england .map-marker:nth-child(1) { left:11em; top:170px } #map.all-southern-england .map-marker:nth-child(2) { left:16em; top:140px } #map.all-southern-england .map-marker:nth-child(3) { left:25em; top:130px } #map.all-southern-england .map-marker:nth-child(4) { left:32em; top:90px } #map.all-southern-england .map-marker:nth-child(5) { left:44em; top:70px } #map.all-southern-england .map-marker:nth-child(6) { left:23em; top:80px } #map.all-southern-england .map-marker:nth-child(7) { left:39em; top:100px } .big-list li.animated, .map-marker.animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite } @-webkit-keyframes bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform:translateY(0) } 40% { -webkit-transform:translateY(-30px) } 60% { -webkit-transform:translateY(-15px) } } @keyframes bounce { 0%, 100%, 20%, 50%, 80% { transform:translateY(0) } 40% { transform:translateY(-30px) } 60% { transform:translateY(-15px) } } .bounce { -webkit-animation-name:bounce; animation-name:bounce } @-webkit-keyframes pulse { 0%, 100% { -webkit-transform:scale(1) } 50% { -webkit-transform:scale(1.1) } } @keyframes pulse { 0%, 100% { transform:scale(1) } 50% { transform:scale(1.1) } } .pulse { -webkit-animation-name:pulse; animation-name:pulse } #clickable-banners { padding:25px 0 0; margin:0 auto; text-align:center; overflow:hidden } @media screen and (min-width:1000px) { .no-touch .dl-menuwrapper li a:hover { background:rgba(255,248,213,.1) } #dl-menu { -webkit-box-shadow:0 2px 4px 1px rgba(51,51,51,.4); -moz-box-shadow:0 2px 4px 1px rgba(51,51,51,.4); box-shadow:0 2px 4px 1px rgba(51,51,51,.4) } #logo { display:inline; float:left; height:56px; padding:0 30px; background:#fff; -ms-transform:skewX(-10deg) translateX(-10px); -webkit-transform:skewX(-10deg) translateX(-10px); transform:skewX(-10deg) translateX(-10px) } #logo img { height:50px; margin-top:3px; -ms-transform:skewX(10deg); -webkit-transform:skewX(10deg); transform:skewX(10deg) } .dl-menuwrapper li ul li>a:not(:only-child)::after { position:absolute; top:0; right:20px; line-height:50px; speak:none; -webkit-font-smoothing:antialiased; content:"\2192"; color:#fff; } .dl-menuwrapper ul { list-style:none; padding:0; margin:0; background:#ad7dd1 } .dl-menuwrapper ul li { display:block; position:relative; float:left; background:#ad7dd1 } .dl-menuwrapper ul li ul li { width:200px } .dl-menuwrapper li ul { display:none } .dl-menuwrapper ul li ul { padding-top:5px; background:0 0 } .dl-menuwrapper ul li ul li ul { padding-top:0; padding-left:5px } .dl-menuwrapper ul li a { display:block; padding:1em; text-decoration:none; white-space:nowrap; color:#fff } .dl-menuwrapper ul li a:hover { background:rgba(255,248,213,.1) } .dl-menuwrapper li:hover>ul { display:block; position:absolute; -webkit-animation-duration:.3s; animation-duration:.3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; -webkit-animation-name:fadeInUp; animation-name:fadeInUp } .dl-menuwrapper li ul li:hover>ul { -webkit-animation-duration:.3s; animation-duration:.3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; -webkit-animation-name:fadeInRight; animation-name:fadeInRight } .dl-menuwrapper li:hover li { float:none } .main-navigation li ul li { border-top:0 } .dl-menuwrapper ul ul ul { left:100%; top:0 } .dl-menuwrapper ul:after, .dl-menuwrapper ul:before { content:" "; display:table } .dl-menuwrapper ul:after { clear:both } .dl-menuwrapper .dl-trigger { display:none } @-webkit-keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translateY(20px) } 100% { opacity:1; -webkit-transform:translateY(0) } } @keyframes fadeInUp { 0% { opacity:0; transform:translateY(20px) } 100% { opacity:1; transform:translateY(0) } } @-webkit-keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translateX(20px) } 100% { opacity:1; -webkit-transform:translateX(0) } } @keyframes fadeInRight { 0% { opacity:0; transform:translateX(20px) } 100% { opacity:1; transform:translateX(0) } } } @media screen and (max-width:1200px) { .activity-box { width:300px; height:300px } .four-row .activity-box { width:225px; height:225px } #activities, #contact-methods, #gb-locations, #map .container { max-width:900px } .tall-box { height:300px } .box { height:140px } .one-half .box { height:195px } .box h2, .tall-box h2 { font-size:200%; padding-bottom:20px } .one-half .box h2 { font-size:210% } .box h2 span, .tall-box h2 span { padding-bottom:0 } .activity-box h2 { font-size:150%; padding-top:25% } .four-row .activity-box h2 { font-size:120% } .activity-box p { font-size:14px } .contact-method { min-width:288px; height:120px; padding:20px 0 0 120px; background-position:20px 20px; background-size:80px auto } .contact-method h2 { font-size:25px; line-height:25px } .contact-method p { padding:10px 0 0; font-size:14px } .contact-method:nth-of-type(2) { background-size:40px auto; padding-left:90px } .foot-wrap { padding:0 2% } #map .three-quarter { font-size:.8em } #map ul.big-list { padding:30px 0 0 } #map.south-western-england .map-marker:nth-child(1) { left:7em } #map.south-western-england .map-marker:nth-child(2) { left:13em } #map.south-western-england .map-marker:nth-child(4) { left:21em } #map.southern-england .map-marker:nth-child(1) { left:33em } #map.southern-england .map-marker:nth-child(2) { left:41em } #map.southern-england .map-marker:nth-child(3) { left:47em } #map.southern-england .map-marker:nth-child(4) { left: 33em; } #map.all-southern-england .map-marker:nth-child(1) { left:7em } #map.all-southern-england .map-marker:nth-child(2) { left:13em } #map.all-southern-england .map-marker:nth-child(3) { left:24em } #map.all-southern-england .map-marker:nth-child(4) { left:33em } #map.all-southern-england .map-marker:nth-child(5) { left:48em } #map.all-southern-england .map-marker:nth-child(6) { left:21em } #map.all-southern-england .map-marker:nth-child(7) { left:41em } } @media screen and (max-width:1000px) { #logo { display:none } #page-header { background-color:#ad7dd1; padding:6px 10px } #about-uc, #description { padding-left:5%; padding-right:5% } .dl-menuwrapper { width:100%; float:left; position:relative; -webkit-perspective:1000px; perspective:1000px; -webkit-perspective-origin:50% 200%; perspective-origin:50% 200% } .dl-menuwrapper:first-child { margin-right:100px } .dl-menuwrapper button { background:#ad7dd1; border:none; width:48px; height:45px; text-indent:-900em; overflow:hidden; position:relative; cursor:pointer; outline:0 } .dl-menuwrapper button.dl-active, .dl-menuwrapper button:hover, .dl-menuwrapper ul { background:#8963a7 } .dl-menuwrapper button:after { content:''; position:absolute; width:68%; height:5px; background:#fff; top:10px; left:16%; box-shadow:0 10px 0 #fff, 0 20px 0 #fff } .dl-menuwrapper ul { padding:0; list-style:none; -webkit-transform-style:preserve-3d; transform-style:preserve-3d } .dl-menuwrapper li { position:relative } .dl-menuwrapper li a { display:block; position:relative; padding:15px 20px; font-size:16px; line-height:20px; font-weight:300; color:#fff; text-decoration:none; outline:0 } .no-touch .dl-menuwrapper li a:hover { background:rgba(255,248,213,.1) } .dl-menuwrapper li.dl-back>a { padding-left:30px; background:rgba(0,0,0,.1); text-decoration:none; color:#d9b6ec } .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li>a:not(:only-child):after { position:absolute; top:0; line-height:50px; speak:none; -webkit-font-smoothing:antialiased; content:"\2192" } .dl-menuwrapper li.dl-back:after { left:10px; color:#d9b6ec; -webkit-transform:rotate(180deg); transform:rotate(180deg) } .dl-menuwrapper li>a:after { right:10px } .dl-menuwrapper .dl-menu { margin:5px 0 0; position:absolute; width:100%; opacity:0; pointer-events:none; -webkit-transform:translateY(10px); transform:translateY(10px); -webkit-backface-visibility:hidden; backface-visibility:hidden } .dl-menuwrapper .dl-menu.dl-menu-toggle { transition:all .3s ease } .dl-menuwrapper .dl-menu.dl-menuopen { opacity:1; pointer-events:auto; -webkit-transform:translateY(0); transform:translateY(0) } .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subview>a, .dl-menu.dl-subview li.dl-subviewopen>a, .dl-menuwrapper li .dl-submenu { display:none } .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu, .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li, .no-js .dl-menuwrapper li .dl-submenu { display:block } .dl-menuwrapper>.dl-submenu { position:absolute; width:100%; top:50px; left:0; margin:0 } .dl-menu.dl-animate-out-1 { -webkit-animation:MenuAnimOut1 .4s; animation:MenuAnimOut1 .4s } @-webkit-keyframes MenuAnimOut1 { 50% { -webkit-transform:translateZ(-250px) rotateY(30deg) } 75% { -webkit-transform:translateZ(-372.5px) rotateY(15deg); opacity:.5 } 100% { -webkit-transform:translateZ(-500px) rotateY(0); opacity:0 } } @keyframes MenuAnimOut1 { 50% { -webkit-transform:translateZ(-250px) rotateY(30deg); transform:translateZ(-250px) rotateY(30deg) } 75% { -webkit-transform:translateZ(-372.5px) rotateY(15deg); transform:translateZ(-372.5px) rotateY(15deg); opacity:.5 } 100% { -webkit-transform:translateZ(-500px) rotateY(0); transform:translateZ(-500px) rotateY(0); opacity:0 } } .dl-menu.dl-animate-in-1 { -webkit-animation:MenuAnimIn1 .3s; animation:MenuAnimIn1 .3s } @-webkit-keyframes MenuAnimIn1 { 0% { -webkit-transform:translateZ(-500px) rotateY(0); opacity:0 } 20% { -webkit-transform:translateZ(-250px) rotateY(30deg); opacity:.5 } 100% { -webkit-transform:translateZ(0) rotateY(0); opacity:1 } } @keyframes MenuAnimIn1 { 0% { -webkit-transform:translateZ(-500px) rotateY(0); transform:translateZ(-500px) rotateY(0); opacity:0 } 20% { -webkit-transform:translateZ(-250px) rotateY(30deg); transform:translateZ(-250px) rotateY(30deg); opacity:.5 } 100% { -webkit-transform:translateZ(0) rotateY(0); transform:translateZ(0) rotateY(0); opacity:1 } } .dl-menuwrapper>.dl-submenu.dl-animate-in-1 { -webkit-animation:SubMenuAnimIn1 .4s ease; animation:SubMenuAnimIn1 .4s ease } @-webkit-keyframes SubMenuAnimIn1 { 0% { -webkit-transform:translateX(50%); opacity:0 } 100% { -webkit-transform:translateX(0); opacity:1 } } @keyframes SubMenuAnimIn1 { 0% { -webkit-transform:translateX(50%); transform:translateX(50%); opacity:0 } 100% { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } } .dl-menuwrapper>.dl-submenu.dl-animate-out-1 { -webkit-animation:SubMenuAnimOut1 .4s ease; animation:SubMenuAnimOut1 .4s ease } @-webkit-keyframes SubMenuAnimOut1 { 0% { -webkit-transform:translateX(0); opacity:1 } 100% { -webkit-transform:translateX(50%); opacity:0 } } @keyframes SubMenuAnimOut1 { 0% { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } 100% { -webkit-transform:translateX(50%); transform:translateX(50%); opacity:0 } } .no-js .dl-menuwrapper .dl-menu { position:relative; opacity:1; -webkit-transform:none; transform:none } .no-js .dl-menuwrapper li.dl-back { display:none } .no-js .dl-menuwrapper li>a:not(:only-child) { background:rgba(0,0,0,.1) } .no-js .dl-menuwrapper li>a:not(:only-child):after { content:'' } } @media screen and (max-width:900px) { #left-column { max-width:900px!important; width:100%!important } .activity-box { width:233.33px; height:233.33px } .four-row .activity-box { width:175px; height:175px } #activities, #contact-methods, #gb-locations, #map .container { max-width:700px } .tall-box { height:250px } .box { height:115px } .box img, .tall-box img { width:auto; height:100% } .box h2, .tall-box h2 { font-size:150%; padding-bottom:10px } .one-half .box h2 { font-size:140% } .activity-box h2 { font-size:130%; padding-top:15% } #map .three-quarter { font-size:.77em } } @media screen and (max-width:800px) { #plan-trip-form-container { margin:0 auto; padding:10% 2% } .close-form { top:20px; right:20px } .form-group>label { margin-bottom:10px!important; display:block!important } .form-group-input, .form-group>label { float:none!important; width:100%!important } .form-group .custom-select-arrow { margin:0 5% 10px 0!important; width:45%!important; float:left!important } .form-group input[type=text], .form-group input[type=email], .form-group input[type=number], .form-group select, .form-group textarea { width:95%!important } .form-group .transport label:first-of-type, .form-group .transport label:last-of-type, .form-group .transport label:nth-of-type(2) { background-position:center!important; background-repeat:no-repeat!important } .form-group .accommodation label, .form-group .transport label { width:45%!important; max-width:150px!important; margin-right:5%!important; margin-bottom:5%!important } } @media screen and (max-width:700px) { .activity-box, .four-row .activity-box { width:50%; height:280px } .activity-box h2, .four-row .activity-box h2 { font-size:150%; padding-top:25% } .activity-box p { font-size:14px } .one-quarter { width:50% } .contact-method { width:100% } .contact-method, .contact-method:nth-of-type(2), .contact-method:nth-of-type(3) { margin-left:0; margin-right:0 } #map, #map.all-southern-england, #map.south-western-england, #map.southern-england { height:auto } #map .one-quarter, #map .three-quarter { width:100%; float:none; padding:10px 5% } .map-marker { display:none } #map-image { position:static; display:block; width:50% } #map.south-western-england #map-image, #map.southern-england #map-image { width:80% } #map.all-southern-england #map-image { display:none } #map ul.big-list { padding:0 } } @media screen and (max-width:400px) { .slick-next, .slick-prev { display:none!important } .slide .slide-content { margin-top:8em } .slide-content h2 { font-size:250% } .slide-content p { font-size:120% } .one-half, .one-third, .two-third { width:100%; float:none; } .tall-box { height: intrinsic; min-height: 300px; } .tall-box h2 { font-size:300%; } .tall-box h2 span { padding-bottom:10px; } .box img, .tall-box img { width:100%; } .box, .box:nth-of-type(3), .box:nth-of-type(4) { width:50%; margin-top:0; margin-left:0; } .activity-box, .four-row .activity-box { width:100%; max-width:400px; } .one-quarter { float:none; width:100%; padding:10px 10%; } #cta-nav { padding-right:0; } } @media all and (-ms-high-contrast:none), (-ms-high-contrast:active) { .dl-menuwrapper ul li ul { padding-top:0; } .dl-menuwrapper ul li ul li ul { padding-left:0; } } #rundreisen .slide, #rundreisenservice .slide, #scilly .slide { height:500px; } .new-height .slide { height:525px; } .tall-box.list { padding:1em; border-bottom:10px solid #ad7dd1; color:#333; background:0 0; } .tall-box.list h2 { position:static; line-height:1em; font-size:2.4em; padding-bottom:12px; padding-top:12px; background:0 0; color:#333; text-shadow:none; } .tall-box.list li { padding-bottom:6px; padding-left:30px; background:url(images/tick-icon.png) left top no-repeat; background-size:21px 21px; } .tall-box.list ul { margin:0; padding-left:0; list-style:none; } .scilly #map-image { height:500px; width:auto; top:0; } @media screen and (max-width:1220px) { .tall-box.list { padding:.5em; } .tall-box.list h2 { font-size:1.8em; } .tall-box.list ul { font-size:.9em; line-height:1.1em; } } @media screen and (max-width:900px) { .tall-box.list { padding:.2em; } .tall-box.list h2 { font-size:1.2em; } } @media screen and (max-width:400px) { .tall-box.list { padding:1em; } .tall-box.list h2 { font-size:2.4em; } .tall-box.list ul { font-size:1em; line-height:1.1em; } } #map.scotland .big-list, #map.wales .big-list { padding:0 0 0 30px; } #map.scilly .map-marker:nth-child(1) { left:33em; top:38px; } #map.scilly .map-marker:nth-child(2) { left:32em; top:230px; } #map.scilly .map-marker:nth-child(3) { left:23.5em; top:350px; } #map.scilly .map-marker:nth-child(4) { left:26em; top:80px; } #map.scilly .map-marker:nth-child(5) { left:20.6em; top:85px; } @media screen and (max-width:1200px) { #map.scilly .map-marker:nth-child(1) { left:32em; } #map.scilly .map-marker:nth-child(2) { left:31em; } #map.scilly .map-marker:nth-child(3) { left:20.5em; } #map.scilly .map-marker:nth-child(4) { left:23.5em; } #map.scilly .map-marker:nth-child(5) { left:17em; } } @media screen and (max-width:900px) { #map.scilly .map-marker:nth-child(1) { left:29em; } #map.scilly .map-marker:nth-child(2) { left:28em; } #map.scilly .map-marker:nth-child(3) { left:17.5em; } #map.scilly .map-marker:nth-child(4) { left:20.5em; } #map.scilly .map-marker:nth-child(5) { left:13.3em; } } #map.dorset { height: 700px; } #map.dorset #map-image { top: -25px; left: 60px; } #map.dorset .map-marker:nth-child(1) { left: 14.5em; top: 360px; } #map.dorset .map-marker:nth-child(2) { left: 26.6em; top: 335px; } #map.dorset .map-marker:nth-child(3) { left: 12.5em; top: 340px; } #map.dorset .map-marker:nth-child(4) { left: 29em; top: 330px; } #map.dorset .map-marker:nth-child(5) { left: 16.8em; top: 340px; } #map.dorset .map-marker:nth-child(6) { left: 8.7em; top: 335px; } #map.dorset .map-marker:nth-child(7) { left: 22.5em; top: 350px; } #map.dorset .map-marker:nth-child(8) { left: 16.8em; top: 385px; } @media screen and (max-width: 1200px) { #map.dorset .map-marker:nth-child(1) { left: 17.8em; } #map.dorset .map-marker:nth-child(2) { left: 33.5em; } #map.dorset .map-marker:nth-child(3) { left: 15em; } #map.dorset .map-marker:nth-child(4) { left: 36.5em; } #map.dorset .map-marker:nth-child(5) { left: 21.5em; } #map.dorset .map-marker:nth-child(6) { left: 10.7em; } #map.dorset .map-marker:nth-child(7) { left: 28.5em; } #map.dorset .map-marker:nth-child(8) { left: 21em; } } @media screen and (max-width: 700px) { #map.dorset { height: 590px; } } #map.hampshire { height: 700px; } #map.hampshire #map-image { top: -25px; left: 60px; } #map.hampshire .map-marker:nth-child(1) { left: 17.5em; top: 275px; } #map.hampshire .map-marker:nth-child(2) { left: 9.5em; top: 275px; } #map.hampshire .map-marker:nth-child(3) { left: 13em; top: 240px; } #map.hampshire .map-marker:nth-child(4) { left: 14.5em; top: 160px; } #map.hampshire .map-marker:nth-child(5) { left: 13.75em; top: 330px; } @media screen and (max-width: 1200px) { #map.hampshire .map-marker:nth-child(1) { left: 22em; } #map.hampshire .map-marker:nth-child(2) { left: 12.5em; } #map.hampshire .map-marker:nth-child(3) { left: 16.5em; } #map.hampshire .map-marker:nth-child(4) { left: 17.5em; } #map.hampshire .map-marker:nth-child(5) { left: 16.75em; } } @media screen and (max-width: 700px) { #map.hampshire { height: 410px; } } /* IOW */ #map.iow { height: 700px; } #map.iow #map-image { top: -25px; left: 60px; } #map.iow .map-marker:nth-child(1) { left: 42.5em; top: 230px; } #map.iow .map-marker:nth-child(2) { left: 29em; top: 20px; } #map.iow .map-marker:nth-child(3) { left: 13em; top: 260px; } #map.iow .map-marker:nth-child(4) { left: 30em; top: 165px; } #map.iow .map-marker:nth-child(5) { left: 40.75em; top: 90px; } #map.iow .map-marker:nth-child(6) { left: 40.8em; top: 330px; } #map.iow .map-marker:nth-child(7) { left: 10em; top: 150px; } #map.iow .map-marker:nth-child(8) { left: 37em; top: 434px; } @media screen and (max-width: 1200px) { #map.iow .map-marker:nth-child(1) { left: 52.5em; } #map.iow .map-marker:nth-child(2) { left: 37em; } #map.iow .map-marker:nth-child(3) { left: 15em; } #map.iow .map-marker:nth-child(4) { left: 37em; } #map.iow .map-marker:nth-child(5) { left: 50.75em; } #map.iow .map-marker:nth-child(6) { left: 50.8em; } #map.iow .map-marker:nth-child(7) { left: 17em; } #map.iow .map-marker:nth-child(8) { left: 47em; } } @media screen and (max-width: 700px) { #map.iow { height: 410px; } } /* to here */ #map.devon { height:760px; } #map.devon #map-image { top:-25px; } #map.devon .map-marker:nth-child(1) { left:20em; top:80px; } #map.devon .map-marker:nth-child(2) { left:27em; top:270px; } #map.devon .map-marker:nth-child(3) { left:32.2em; top:330px; } #map.devon .map-marker:nth-child(4) { left:33.5em; top:200px; } #map.devon .map-marker:nth-child(5) { left:27em; top:0; } #map.devon .map-marker:nth-child(6) { left:24.5em; top:0; } #map.devon .map-marker:nth-child(7) { left:24.2em; top:320px; } #map.devon .map-marker:nth-child(8) { left:29.5em; top:375px; } #map.devon .map-marker:nth-child(9) { left:37.5em; top:195px; } #map.devon .map-marker:nth-child(10) { left:33.4em; top:285px; z-index:1; } @media screen and (max-width: 700px) { #map.devon { height: 670px; } } #map.kent { height: 600px; } #map.kent #map-image { top: -25px; left: 60px; } #map.kent .map-marker:nth-child(1) { left: 34em; top: 110px; } #map.kent .map-marker:nth-child(2) { left: 38em; top: 175px; } #map.kent .map-marker:nth-child(3) { left: 36em; top: 190px; } #map.kent .map-marker:nth-child(4) { left: 39.2em; top: 62px; } #map.kent .map-marker:nth-child(5) { left: 38.5em; top: 105px; } #map.kent .map-marker:nth-child(6) { left: 20em; top: 160px; } @media screen and (max-width: 1200px) { #map.kent .map-marker:nth-child(1) { left: 42.5em; } #map.kent .map-marker:nth-child(2) { left: 47.5em; } #map.kent .map-marker:nth-child(3) { left: 45em; } #map.kent .map-marker:nth-child(4) { left: 49em; } #map.kent .map-marker:nth-child(5) { left: 48em; } #map.kent .map-marker:nth-child(6) { left: 25em; } } @media screen and (max-width: 700px) { #map.kent { height: 490px; } } #map.sussex { height: 700px; } #map.sussex #map-image { top: -25px; left: 60px; } #map.sussex .map-marker:nth-child(1) { left: 38em; top: 245px; } #map.sussex .map-marker:nth-child(2) { left: 37.7em; top: 265px; } #map.sussex .map-marker:nth-child(3) { left: 28em; top: 273px; } #map.sussex .map-marker:nth-child(4) { left: 17em; top: 270px; } #map.sussex .map-marker:nth-child(5) { left: 35.2em; top: 300px; } #map.sussex .map-marker:nth-child(6) { left: 39.5em; top: 260px; } #map.sussex .map-marker:nth-child(7) { left: 18em; top: 210px; } #map.sussex .map-marker:nth-child(8) { left: 42.9em; top: 220px; } @media screen and (max-width: 1200px) { #map.sussex .map-marker:nth-child(1) { left: 48em; } #map.sussex .map-marker:nth-child(2) { left: 47.7em; } #map.sussex .map-marker:nth-child(3) { left: 35em; } #map.sussex .map-marker:nth-child(4) { left: 21em; } #map.sussex .map-marker:nth-child(5) { left: 44em; } #map.sussex .map-marker:nth-child(6) { left: 49.5em; } #map.sussex .map-marker:nth-child(7) { left: 23em; } #map.sussex .map-marker:nth-child(8) { left: 53.5em; } } @media screen and (max-width: 700px) { #map.sussex { height: 570px; } } #map.wales { height:600px; } #map.wales #map-image { top:-25px; } #map.wales .map-marker:nth-child(1) { left:31em; top:45px; } #map.wales .map-marker:nth-child(2) { left:39em; top:390px; } #map.wales .map-marker:nth-child(3) { left:31.5em; top:400px; } #map.wales .map-marker:nth-child(4) { left:36.25em; top:40px; } #map.wales .map-marker:nth-child(5) { left:42em; top:110px; } #map.wales .map-marker:nth-child(6) { left:34em; top:125px; } #map.wales .map-marker:nth-child(7) { left:39.5em; top:430px; } #map.wales .map-marker:nth-child(8) { left:26.5em; top:425px; } #map.wales .map-marker:nth-child(9) { left:44.5em; top:440px; } #map.scotland { height:650px; } #map.scotland #map-image { top:25px; } #map.scotland .map-marker:nth-child(1) { left:39.75em; top:245px; } #map.scotland .map-marker:nth-child(2) { left:33em; top:245px; } #map.scotland .map-marker:nth-child(3) { left:36em; top:395px; } #map.scotland .map-marker:nth-child(4) { left:27.5em; top:300px; } #map.scotland .map-marker:nth-child(5) { left:30.5em; top:400px; } #map.scotland .map-marker:nth-child(6) { left:30.5em; top:225px; } #map.scotland .map-marker:nth-child(7) { left:30.5em; top:350px; } #map.scotland .map-marker:nth-child(8) { left:26em; top:335px; } #map.scotland .map-marker:nth-child(9) { left:24.5em; top:335px; } #map.scotland .map-marker:nth-child(10) { left:23.25em; top:200px; } @media screen and (max-width:1200px) { #map.devon .map-marker:nth-child(1) { left:26em; top:80px; } #map.devon .map-marker:nth-child(2) { left:34em; top:270px; } #map.devon .map-marker:nth-child(3) { left:40.3em; top:330px; } #map.devon .map-marker:nth-child(4) { left:42em; top:200px; } #map.devon .map-marker:nth-child(5) { left:34em; top:0; } #map.devon .map-marker:nth-child(6) { left:31em; top:0; } #map.devon .map-marker:nth-child(7) { left:30.2em; top:320px; } #map.devon .map-marker:nth-child(8) { left:37em; top:375px; } #map.devon .map-marker:nth-child(9) { left:47em; top:195px; } #map.devon .map-marker:nth-child(10) { left:41.8em; top:285px; } #map.wales .map-marker:nth-child(1) { left:39em; top:45px; } #map.wales .map-marker:nth-child(2) { left:48em; top:390px; } #map.wales .map-marker:nth-child(3) { left:39.5em; top:400px; } #map.wales .map-marker:nth-child(4) { left:45.25em; top:40px; } #map.wales .map-marker:nth-child(5) { left:52em; top:110px; } #map.wales .map-marker:nth-child(6) { left:42em; top:125px; } #map.wales .map-marker:nth-child(7) { left:48.5em; top:430px; } #map.wales .map-marker:nth-child(8) { left:33em; top:425px; } #map.wales .map-marker:nth-child(9) { left:54em; top:440px; } @media screen and (max-width: 700px) { #map.wales { height: 620px; } } #map.scotland .map-marker:nth-child(1) { left:49.5em; top:245px } #map.scotland .map-marker:nth-child(2) { left:41em; top:245px } #map.scotland .map-marker:nth-child(3) { left:45em; top:395px } #map.scotland .map-marker:nth-child(4) { left:34em; top:300px } #map.scotland .map-marker:nth-child(5) { left:38.5em; top:400px } #map.scotland .map-marker:nth-child(6) { left:38.5em; top:225px } #map.scotland .map-marker:nth-child(7) { left:38.5em; top:350px } #map.scotland .map-marker:nth-child(8) { left:32.5em; top:335px } #map.scotland .map-marker:nth-child(9) { left:30.5em; top:335px } #map.scotland .map-marker:nth-child(10) { left:29.25em; top:200px } } .range-input { position:relative } .range-input .line { position:absolute; top:0; bottom:0; z-index:0; width:0; border-right:2px solid #ad7dd1 } .range-input .line:first-child { left:0 } .range-input .line:nth-child(2) { left:20% } .range-input .line:nth-child(3) { left:40%; } .range-input .line:nth-child(4) { left:60% } .range-input .line:nth-child(5) { left:80%; } .range-input .line:nth-child(6) { left:100%; } .range-input #pp { position:relative; z-index:1 } input[type=range] { -webkit-appearance:none; width:100% } input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; height:36px; width:16px; border-radius:3px; background:#fff; cursor:pointer; margin-top:-14px; box-shadow:1px 1px 12px -5px #222 } input[type=range]:focus { outline:0 } input[type=range]::-moz-range-thumb { height:36px; width:16px; border-radius:3px; background:#fff; cursor:pointer; box-shadow:1px 1px 12px -5px #222 } input[type=range]::-ms-thumb { height:36px; width:16px; border-radius:3px; background:#fff; cursor:pointer; box-shadow:1px 1px 12px -5px #222 } input[type=range]::-webkit-slider-runnable-track { width:100%; height:8.4px; cursor:pointer; background:#ad7dd1; border-radius:1.3px } input[type=range]:focus::-webkit-slider-runnable-track { background:#ad7dd1 } input[type=range]::-moz-range-track { width:100%; height:8.4px; cursor:pointer; background:#ad7dd1; border-radius:1.3px } input[type=range]::-ms-track { width:100%; height:8.4px; cursor:pointer; background:0 0; border-color:transparent; border-width:16px 0; color:transparent } input[type=range]::-ms-fill-lower { background:#ad7dd1; border-radius:2.6px } input[type=range]:focus::-ms-fill-lower { background:#ad7dd1 } input[type=range]::-ms-fill-upper { background:#ad7dd1; border-radius:2.6px } input[type=range]:focus::-ms-fill-upper { background:#ad7dd1 } #plan-trip-form-container p.range-output, .range-output { text-align:center; width:84px; background-color:#ad7dd1; color:#fff!important; font-size:18px!important; line-height:30px; font-weight:700!important; border-radius:6px; font-style:normal!important; font-family:sans-serif!important; padding-top:0!important; padding-bottom:0!important } #hotel-tabs { background-color:#eee; padding-bottom:60px; padding-left:21px; padding-right:21px; margin-top:60px; margin-bottom:60px } .wrapper { max-width:100%; width:1200px; margin:0 auto } .clearfix:after, .clearfix:before { content:''; display:block; width:100%; clear:both } #header-promo a, .tab a.btn { display:inline-block; text-decoration:none } #hotel-tabs .fotorama { max-width:450px; width:100% } #hotel-tabs .slideshow { width:40%; float:left } #hotel-tabs .text { width:60%; float:left; padding-left:21px } .tab h2 { margin-top:0 } .tab a, .tab h2 { color:#92a55c } .tab a.btn { background-color:#ad7dd1; color:#fff; padding:6px 12px; font-weight:700; font-size:12px; border-radius:9px } #tab-content .tab { position:absolute; top:0; left:0; z-index:-1; width:100%; min-height:100%; opacity:0 } #tab-content .tab.active { position:relative; z-index:0; opacity:1 } #tabs { margin-bottom:60px } #tabs ul { margin:0; padding:0; -webkit-box-shadow:0 15px 30px -36px #111; -moz-box-shadow:0 15px 30px -36px #111; -ms-box-shadow:0 15px 30px -36px #111; box-shadow:0 15px 30px -36px #111 } #tabs ul li { width:25%; float:left } #tabs ul li a { display:block; width:100%; padding-top:30px; padding-bottom:30px; border-top:6px solid #fff; color:#666; text-decoration:none; font-size:21px; font-weight:700; background:#fff; text-align:center } #tabs ul li a.active { border-top:6px solid #ad7dd1; color:#ad7dd1; background-color:#eee } @media only screen and (max-width:725px) { #tabs ul li { width:50% } #hotel-tabs .slideshow, #hotel-tabs .text { width:100%; float:none } #hotel-tabs .text { padding-left:0; padding-top:60px } #tabs ul li a { font-size:15px } } .two-third.two-box .tall-box { float:left; width:46%; margin-left:4%; margin-right:0 } @media only screen and (max-width:400px) { .two-third.two-box .tall-box { float:none; width:100%; margin-left:0 } .two-third.two-box .tall-box h2 { padding-bottom:30px } } .clearfix .half { float:left; width:50%; padding-left:2.5%; padding-right:2.5% } .clearfix .half img { width:100% } .clearfix .half h3 { text-align:center; color:#768D37; font-size:21px } #rundreisenservice .full-width-img { background:url(images/Rundreisenservice-image-3.jpg) center center no-repeat; background-size:cover; height:400px } .purple-text { color:#ad7dd1 } .img-text .container { max-width:700px } .img-text h2 { text-align:center; color:#768D37 } @media screen and (max-width:670px) { #header-promo p, .clearfix .half p { text-align:center } .clearfix .half { float:none; width:100% } .img-text .container { max-width:700px; padding-right:2.5%; padding-left:2.5%; text-align:center } #header-promo p { padding-top:23px; margin-bottom:30px; font-size:14px; font-weight:400; line-height:110%; text-transform:uppercase; color:#333; width:90%; display:block; margin-left:5%; margin-right:5% } #header-promo small { display:none } } #header-promo { margin-top:56px; margin-bottom:-54px; padding-bottom:21px; text-align:center; background-color:#768D37; background-image:url(images/hotel-St-Ives-bg.jpg); background-repeat:no-repeat; background-position:right top } #header-promo p { padding-top:23px; margin-bottom:0; font-size:18px; font-weight:500; line-height:110%; color:#fff; font-smoothing:antialiased } #header-promo p span { display:block; border-top:3px solid #fff; max-width:420px; margin:9px auto 0; padding-top:9px; font-size:15px; font-weight:500; line-height:120%; text-transform:none } #header-promo small { width:100%; float:left; margin:0 auto; display:block; color:#fff; bottom:0 } #header-promo a { top:50%; right:30px; padding-left:15px; padding-right:15px; border:2px solid #8963a7; line-height:42px; color:#8963a7; font-weight:700; font-size:14px; text-transform:uppercase; background-color:#fff; border-radius:4px; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; transition:all .2s linear } #header-promo a:hover { background:#8963a7; color:#fff } #header-promo img { position:absolute; top:0; left:0; height:100%; width:auto } @media screen and (max-width:1000px) { #header-promo img { left:-90px } #header-promo a { font-size:12px } } @media screen and (max-width:840px) { #header-promo img { display:none } #header-promo { padding-left:30px; text-align:left } #header-promo p span { margin:0 } } @media screen and (max-width:660px) { #header-promo p span { margin:0 auto; padding-bottom:30px } #header-promo { padding-bottom:30px; padding-left:12px; padding-right:12px; text-align:center } #header-promo a { position:static } #header-promo p { font-size:30px } } .rentivo-page-widget h2 { font-size:200%; color:#768D37; margin-top:0; line-height:120%; text-align:center } @media only screen and (max-width:1000px) { .slide .slide-content { margin-top:0 } } @media only screen and (max-width:991px) { .RentivoSDKContainer .form-group { margin:5px auto!important } } @media only screen and (max-width:600px) { .slide-content.rentivo h2 { font-size:175% } } #search-container-overlay.rentivo-widget, #search-container-page.rentivo-widget { background:#ad7dd1; padding-left:5%; padding-right:5% } #search-container-overlay.rentivo-widget { -webkit-box-shadow:0 2px 4px 1px rgba(51,51,51,.4); -moz-box-shadow:0 2px 4px 1px rgba(51,51,51,.4); box-shadow:0 2px 4px 1px rgba(51,51,51,.4); width:100%; opacity:.85; transition:opacity .25s ease-in-out } #search-container-overlay.rentivo-widget:hover { opacity:1 } #search-container-page.rentivo-widget { width:100% } #search-container-overlay.rentivo-widget select, #search-container-page.rentivo-widget select { cursor:pointer; -o-appearance:menulist; -webkit-appearance:menulist; -moz-appearance:menulist; appearance:menulist } #search-container-overlay.rentivo-widget select { height:40px!important } #search-container-page.rentivo-widget select { height:37px!important } #search-container-overlay.rentivo-widget button[type=submit], #search-container-page.rentivo-widget button[type=submit] { background:#fff; border-radius:4px; border:2px solid #8963a7; text-transform:uppercase; font-family:sans-serif; font-weight:700; color:#8963a7; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear } #search-container-overlay.rentivo-widget button[type=submit] { padding:8px 50px; font-size:15px; height:40px!important } #search-container-page.rentivo-widget button[type=submit] { padding:0 10px; font-size:12px; height:37px!important } #search-container-overlay.rentivo-widget button[type=submit]:hover, #search-container-page.rentivo-widget button[type=submit]:hover { box-shadow:0 0 0 0 #666; background:#8963a7; color:#fff } .slide-content.rentivo { position:absolute; bottom:0; width:100% } #slider.rentivo { margin-bottom:0 } .booking-com-search { width:100%; max-width:700px; margin-left:auto; margin-right:auto } #map.cotswolds { height:700px } #map.cotswolds #map-image { left:-120px; top:-25px } #map.cotswolds .map-marker:nth-child(1) { left:320px; top:400px } #map.cotswolds .map-marker:nth-child(2) { left:495px; top:150px } #map.cotswolds .map-marker:nth-child(3) { left:520px; top:170px } #map.cotswolds .map-marker:nth-child(4) { left:465px; top:60px } #map.cotswolds .map-marker:nth-child(5) { left:400px; top:145px } #map.cotswolds .map-marker:nth-child(6) { left:430px; top:220px } #map.cotswolds .map-marker:nth-child(7) { left:320px; top:240px } #map.cotswolds .map-marker:nth-child(8) { left:625px; top:190px } #map.cotswolds .map-marker:nth-child(9) { left:390px; top:260px } #map.cotswolds .map-marker:nth-child(10) { left:525px; top:0 } @media screen and (max-width:1200px) { #map.cotswolds #map-image { left:0 } } @media screen and (max-width:700px) { #map-image, .map-marker { display:none } #map.cotswolds { height: 670px; } } #map.lake-district { height: 700px; } #map.lake-district #map-image { left: -80px; top: -30px; z-index: 1; } #map.lake-district ul.big-list { position: relative; z-index: 2; } #map.lake-district .map-marker:nth-child(1) { left: 385px; top: 45px; } #map.lake-district .map-marker:nth-child(2) { left: 355px; top: 170px; } #map.lake-district .map-marker:nth-child(3) { left: 490px; top: 350px; } #map.lake-district .map-marker:nth-child(4) { left: 440px; top: 130px; } #map.lake-district .map-marker:nth-child(5) { left: 305px; top: 195px; } #map.lake-district .map-marker:nth-child(6) { left: 510px; top: 255px; } #map.lake-district .map-marker:nth-child(7) { left: 485px; top: 160px; } #map.lake-district .map-marker:nth-child(8) { left: 595px; top: 140px; } #map.lake-district .map-marker:nth-child(9) { left: 355px; top: 275px; } #map.lake-district .map-marker:nth-child(10) { left: 560px; top: 335px; } @media screen and (max-width:1200px) { #map.lake-district #map-image { left: 0; } #map.lake-district .map-marker:nth-child(1) { left: 465px; } #map.lake-district .map-marker:nth-child(2) { left: 435px; } #map.lake-district .map-marker:nth-child(3) { left: 580px; } #map.lake-district .map-marker:nth-child(4) { left: 520px; } #map.lake-district .map-marker:nth-child(5) { left: 385px; } #map.lake-district .map-marker:nth-child(6) { left: 590px; } #map.lake-district .map-marker:nth-child(7) { left: 565px; } #map.lake-district .map-marker:nth-child(8) { left: 685px; } #map.lake-district .map-marker:nth-child(9) { left: 435px; } #map.lake-district .map-marker:nth-child(10) { left: 640px; } } @media screen and (max-width: 1000px) { #map.lake-district #map-image { left: -200px; } #map.lake-district .map-marker:nth-child(1) { left: 265px; } #map.lake-district .map-marker:nth-child(2) { left: 215px; } #map.lake-district .map-marker:nth-child(3) { left: 380px; } #map.lake-district .map-marker:nth-child(4) { left: 320px; } #map.lake-district .map-marker:nth-child(5) { left: 185px; } #map.lake-district .map-marker:nth-child(6) { left: 390px; } #map.lake-district .map-marker:nth-child(7) { left: 365px; } #map.lake-district .map-marker:nth-child(8) { left: 485px; } #map.lake-district .map-marker:nth-child(9) { left: 235px; } #map.lake-district .map-marker:nth-child(10) { left: 440px; } } @media screen and (max-width: 900px) { #map.lake-district { height: 730px; } } @media screen and (max-width:700px) { #map.lake-district { height: 660px; } }