/* HERO */ section.hero { position: relative; z-index: 0; overflow: hidden; min-height: 100px; overflow: hidden; } section.hero::after { content: " "; position: absolute; display: block; width: 100%; height: 200px; bottom: -200px; right: 0; z-index: 2; background-color: #fff; transform-origin: bottom left; -ms-transform: skew(0deg,-2deg); -webkit-transform: skew(0deg,-2deg); transform: skew(0deg,-2deg); } section.hero > .page { position: static; font-family: "Frank New", sans-serif; z-index: 1; padding-left: 0px; padding-right: 0px;} section.hero > .page > .wrap { position: static;} section.hero > .page > .wrap > .columns { position: static; min-height: 240px; } section.hero > .page > .wrap > .columns > * { position: static; } section.hero .column.text { position: relative!important; z-index: 3; text-align: center; } section.hero .column.text .padding { padding:280px 0px 100px;} section.hero .column.text h1 { font-family: "Eagle", sans-serif; font-size: 28px; font-weight: 400!important; text-transform: uppercase; display: inline-block; line-height: 1.2em; color:#fff; padding-left: 30px; padding-right: 30px;} section.hero .column.text h1 strong { font-family: 'Brotherhood',sans-serif; font-size: 2.6em; line-height: 0.75em; text-transform: lowercase; display: block; transform: skewY(-2deg) translateX(-5px); font-weight: 400!important;} section.hero .column.text p { font-size: 17px; font-weight: 600; color: #fff; max-width: 360px; margin: 0 auto; font-style: normal;} section.hero .column.text p.actions { padding-top: 20px; max-width: 100%; font-style: normal;} section.hero .column.text p.actions a { margin-bottom: 0px!important;} section.hero .column.text p.actions a, section.hero .column.text p.actions a:active, section.hero .column.text p.actions a:hover { color:#fff!important;} section.hero .column.image { position: absolute!important; z-index: 1; left:0px; top:0px; right:0px; bottom:0px; background-color: #0f172f; } section.hero .column.image .blur.top { position: absolute; z-index: 2; left:0px; top:0%; right:0px; height:260px; opacity: 1; background: -moz-linear-gradient(top, rgba(15,23,47,1) 0%, rgba(15,23,47,0) 99%, rgba(15,23,47,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(15,23,47,1) 0%,rgba(15,23,47,0) 99%,rgba(15,23,47,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(15,23,47,1) 0%,rgba(15,23,47,0) 99%,rgba(15,23,47,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f172f', endColorstr='#000f172f',GradientType=0 ); /* IE6-9 */ /* -webkit-mask-box-image: -webkit-linear-gradient(black 25%, transparent 35%, transparent 65%, black 75%) -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); transform: scale(1.1); */ } section.hero .column.image .blur.bottom { position: absolute; z-index: 2; left:0px; top:80%; right:0px; bottom:0px; opacity: 0; background: -moz-linear-gradient(top, rgba(15,23,47,0) 0%, rgba(15,23,47,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(15,23,47,0) 0%,rgba(15,23,47,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(15,23,47,0) 0%,rgba(15,23,47,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000f172f', endColorstr='#0f172f',GradientType=0 ); /* IE6-9 */ } section.hero .column.image .shot { position: absolute!important; z-index: 1; left:0px; top:0px; right:0px; bottom:0px; opacity: 0.5; } section.hero .column.video { position: absolute!important; z-index: 2; left:0px; top:0px; right:0px; bottom:0px; background-color: #0f172f;} section.hero .column.video iframe { width: 100%;} section.hero.default .column.text p.actions a:first-of-type { color:#fff!important; background-color: rgba(235,25,116,1)!important;} section.hero.surfshop .column.text p.actions a:first-of-type { color:#0f172f!important; background-color: #fff!important;} section.hero.beachclub .column.text p.actions a:first-of-type { color:#fff!important; background-color: #00accc!important;} section.hero.activities .column.text p.actions a:first-of-type { color:#fff!important; background-color: #e61674!important;} section.hero.surfschool .column.text p.actions a:first-of-type { color:#fff!important; background-color: #136685!important;} section.hero .column.down { display:none; position: absolute!important; bottom:120px; left:0px; right:0px; height:0px; z-index: 2; text-align: center; overflow: visible; } section.hero .column.down button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; box-shadow: none; border:#fff 0px solid; margin: 0px!important; background-color: transparent; font-size: 28px; background-color: transparent; padding: 0px; border-radius:0%; position: relative; z-index: 3; width: 50px; height:50px; } section.hero .column.down button span.icon { display: block; width: 50px; height:50px; line-height: 50px; text-align: center; color: #0f172f; background-color: #fff; border-radius:25px; position: relative; z-index: 1; -webkit-animation: pulse-dot 2s ease-in infinite; animation: pulse-dot 2s ease-in infinite; } section.hero .column.down button span.pulse { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 50px; height: 50px; } section.hero .column.down button span.pulse:before { content: ""; position: relative; display: block; width: 300%; height: 300%; box-sizing: border-box; margin-left: -100%; margin-top: -100%; border-radius: 50%; background-color: transparent; -webkit-box-shadow: inset 0 0 0 3px #fff; -moz-box-shadow: inset 0 0 0 3px #fff; box-shadow: inset 0 0 0 3px #fff; -webkit-animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; } section.hero + section > .page > .wrap > .columns, section.hero + section > .-page > .-wrap > .-columns { padding-top:20px;} body.home section.hero .column.text .padding { padding:380px 0px 180px; } body.home section.hero .column.down { display:none;} @-webkit-keyframes pulse-ring { 0% { -webkit-transform: scale(0.33); transform: scale(0.33); } 80%, 100% { opacity: 0; } } @keyframes pulse-ring { 0% { -webkit-transform: scale(0.33); transform: scale(0.33); } 80%, 100% { opacity: 0; } } @-webkit-keyframes pulse-dot { 0% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 5% { -webkit-transform: translateY(0px); transform: translateY(0px); } 65% { -webkit-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } } @keyframes pulse-dot { 0% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 5% { -webkit-transform: translateY(0px); transform: translateY(0px); } 65% { -webkit-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } } @media all and (max-width: 1360px) { } @media all and (max-width: 1280px) { section.hero .column.text .padding { padding: 240px 0px 180px 0!important;} } @media all and (max-width: 896px) { section.hero .column.text .padding { padding: 180px 0px 80px 0!important;} } @media all and (max-width: 640px) { section.hero > .page > .wrap > .columns {min-height: 160px;} section.hero .column.text .padding { padding: 180px 0px 80px 0!important;} section.hero .column.text h1 { font-size: 2.2em!important; padding-top: 0px;} section.hero .column.text h1 strong { font-size: 2.4em!important; } section.hero .column.text p { display: none;} section.hero .column.text p.actions { display: block;} } @media all and (max-width: 512px) { } @media all and (max-width: 320px) { } /* PAGE INDEX */ section.index { position: relative; z-index: 0; overflow: hidden; min-height: 40px; transition: height 250ms; will-change: height; } section.index > .page { position: static; font-family: "Frank New", sans-serif;} section.index > .page > .wrap { position: relative; z-index: 1;} section.index > .page > .wrap > .columns { position: static; padding-top: 10px; } section.index > .page > .wrap > .columns > * { position: static; } section.index > .page > .pattern { position: absolute; z-index: 0; left:0px; bottom:0px; right:0px; top:50%;} section.index .column.logo { max-width: 90px; min-width: 90px; display: none;} section.index .column.logo a img { transform: scale(0.75); transform-origin: center center;} section.index .column.text { min-width: 100%; text-align: center; padding-top: 40px; padding-bottom: 40px;} section.index .column.text h3 { max-width: 620px;font-family: "Eagle", sans-serif; font-size: 2.8em; font-weight: 400!important; text-transform: uppercase; line-height: 1.2em; display: inline-block;} section.index .column.text p { max-width: 420px; margin-left: auto; margin-right: auto;} section.index .column.links { min-width: 100%; text-align: center; padding-bottom: 40px;} section.index .column.links p.actions { max-width: 100%;} section.index .column.links p.actions a { font-size: 14px; background-color: transparent; color: #0f172f;} section.index .column.links p.actions a:last-of-type { background-color: #fff; color: #0f172f; } section.index .column.slider { min-width: 100%; padding-bottom: 40px;} section.index .column.slider .items { position: relative; overflow: hidden; } section.index .column.slider .items .slide { display: block; width:200px; max-width:200px; min-width: 200px; background-color:transparent; text-decoration: none; transition: transform 75ms ease-out; padding-top: 5px;} section.index .column.slider .items .slide:hover { transform: translateY(-5px);} section.index .column.slider .items .slide .thumb { display: block; height:180px; background-color: #000;} section.index .column.slider .items .slide .icon { display: none;} section.index .column.slider .items .slide .title { display: block; padding: 20px; text-align: center; font-family: "Eagle", sans-serif; font-size: 17px!important; font-weight: 400!important; color: #0f172f; text-transform: uppercase; line-height: 1.2em;} section.index .column.slider .items .slide .text { display: block; padding: 0 20px 20px 20px; text-align: center;} section.index .column.pricing { min-width: 100%; padding-bottom: 40px;} section.index .column.pricing .items { position: relative; overflow: hidden; justify-content:center; align-items:flex-start; } section.index .column.pricing .items .flickity-button { width: 44px; height:44px; max-width: 44px; max-height: 44px; min-width: 44px; min-height: 44px;} section.index .column.pricing .items .slide { display: block; font-size: 18px; width:400px; max-width:calc((100% / 3) - 40px); min-width: calc((100% / 3) - 40px); background-color:#009d92; color:#fff; text-decoration: none; transition: transform 75ms ease-out; margin: 20px; margin-top: 5px; position: relative; margin-left:20px!important; margin-right:20px!important; } section.index .column.pricing .items .slide:hover { transform: translateY(-5px);} section.index .column.pricing .items .slide > .thumb { display: block; height:260px; background-color: #000;} section.index .column.pricing .items .slide > .icon { display: none;} section.index .column.pricing .items .slide > .title { display: block; padding: 20px; text-align: left; font-family: "Eagle", sans-serif; font-size: 17px!important; font-weight: 400!important; text-transform: uppercase; line-height: 1.2em; border-bottom:#fff 1px solid; } section.index .column.pricing .items .slide.-withthumb > .title { border-bottom:#fff 0px solid;} section.index .column.pricing .items .slide > .text { display: block; padding: 20px; text-align: left;} section.index .column.pricing .items .slide > .costs { display: block; padding: 5px 20px; font-size: 1.6em; font-weight: 600; position: absolute; right:0px; top:0px;} section.index .column.pricing .items .slide > .usps {display: block; padding: 20px; border-top:#fff 1px solid; } section.index .column.pricing .items .slide.-withthumb > .usps { border-top:#fff 1px solid;} section.index .column.pricing .items .slide > .usps .usp { display: block;} section.index .column.pricing .items .slide > .usps .usp .icon { margin-right: 10px;} section.index .column.pricing .items .slide > .usps .usp .title {} section.index.sticky { position: fixed; z-index: 100; left: 0px; top:0px; right:0px; height:65px; overflow: hidden; transform: translateY(-100px); transition: transform 125ms ease-in;} section.index.sticky.-show { transform: translateY(0px);} section.index.sticky .column.logo { display: block;} section.index.sticky .column.text { display: none!important;} section.index.sticky .column.links { text-align: left; padding-bottom: 0px; min-width: 256px; text-align: left;} section.index.sticky .column.links h3 { display: none;} section.index.sticky .column.links p { display: none;} section.index.sticky .column.links p.actions {display: block;} section.index.sticky .column.links p.actions a { color: #fff; } section.index.sticky .column.links p.actions a:last-of-type { float: right; color: #0f172f;} section.index.sticky.default > .page { color:#fff!important; background-color: #0f172f!important; } section.index.surfshop > .page > .pattern { background: url('../patterns/pattern-surfshop-light.svg') repeat-x left 0px / 1600px; opacity: 1; } section.index.surfshop.sticky > .page { color:#fff!important; background-color: #0f172f!important; } section.index.surfshop.sticky > .page > .pattern { opacity: 0.1;} section.index.beachclub > .page > .pattern { background: url('../images/pattern-beachclub.png') repeat-x center / 800px; opacity: 0.3; } section.index.beachclub.sticky > .page { color:#fff!important; background-color: #00accc!important; } section.index.beachclub.sticky > .page > .pattern { opacity: 1; top:0px;} section.index.activities > .page > .pattern { background: url('../patterns/pattern-activities.svg') repeat center / 120px; opacity: 1; } section.index.activities.sticky > .page { color:#fff!important; background-color: #e61674!important; } section.index.activities.sticky > .page > .pattern { opacity: 1; top:0px; opacity: 0.2;} @media all and (max-width: 768px) { section.index .column.pricing .items .slide { max-width:calc(100% / 2); min-width: calc(100% / 2);} } @media all and (max-width: 620px) { section.index .column.pricing .items .slide { max-width:calc(100%); min-width: calc(100%);} } /* CONTENT */ section.content { position: relative; z-index: 0; overflow: hidden; min-height: 40px; transition: height 250ms; will-change: height; } section.content > .page { position: static; font-family: "Frank New", sans-serif;} section.content > .page > .wrap { position: relative; z-index: 1;} section.content > .page > .wrap > .columns { position: static; } section.content > .page > .wrap > .columns > * { position: relative; } section.content > .page > .pattern { position: absolute; z-index: 0; left:0px; bottom:0px; right:0px; top:50%;} section.content .column.intro { text-align: center;} section.content .column.intro .padding { padding: 40px 0px 0 0px; max-width: 640px; margin: 0 auto;} section.content .column.intro h2 { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 26px; line-height: 1.2em; } section.content .column.text { } section.content .column.text .padding { padding: 40px;} section.content .column.text h2 { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 26px; line-height: 1.2em; } section.content .column.list { text-align: left;} section.content .column.list > p { padding-left: 0px!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; } section.content .column.list > p.title { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 18px; line-height: 1.2em; } section.content .column.list > p.costs { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 18px; line-height: 1.2em; background-color: #fff; padding: 15px!important; margin-bottom: 0px;} section.content .column.list > p.links { } section.content .column.list > ul { list-style: none; padding: 0px;} section.content .column.list > ul > li { position: relative; padding-left: 40px; border-bottom:#e7f6fa 1px solid; padding-top: 5px; padding-bottom: 5px;} section.content .column.list > ul > li:last-child { border-bottom:#e7f6fa 0px solid;} section.content .column.list > ul > li span.icon { position: absolute; left:0px; top:5px; background-color: #e7f6fa; display: inline-block; border-radius:50%; width:30px; height:30px; line-height: 30px; text-align: center;} section.content .column.list a.theme-button { background-color:#0f172f; color: #fff; } section.content .column.list a.theme-button span.icon { margin-right: 10px;} section.content .column.image { position: relative; flex: 2;} section.content .column.image > .padding { position: static; padding: 60px 0 60px 0;} section.content .column.image > .padding > .contain { position: static;} section.content .column.image > .padding > .contain > .shot {position:absolute; left:0px; top:0px; right:0px; height:100%!important;} section.content .column.image.-regular { flex: 1;} section.content .column.image.-regular > .padding, section.content .column.image.-regular > .padding > .contain { position: relative;} section.content.type_text_info {} section.content.type_text_info .column.text { text-align: center;} section.content.type_text_info .column.text.-hasimage { text-align: left; } section.content .columns.info { padding-bottom: 60px; } section.content .columns.info > .column { -webkit-box-shadow: inset 2px 0 0 0 #0f172f; -moz-box-shadow: inset 2px 0 0 0 #0f172f; box-shadow: inset 2px 0 0 0 #0f172f; padding-left: 20px; padding-right: 20px; position: relative; padding-bottom: 0px; order:inherit!important; } section.content .columns.info > .column { padding-bottom: 60px; } section.content .columns.info > .column > p { padding-left: 0px!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; } section.content .columns.info > .column > p.title { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 18px; line-height: 1.2em; } section.content .columns.info > .column > p.costs { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 18px; line-height: 1.2em; background-color: #fff; padding: 15px!important;} section.content .columns.info > .column > p.links { position: absolute; top:calc(100% - 60px); left:20px; right:20px; } section.content .columns.info > .column > ul { list-style: none; padding: 0px;} section.content .columns.info > .column > ul > li { position: relative; padding-left: 20px;} section.content .columns.info > .column > ul > li span.icon { position: absolute; left:0px; top:0px;} section.content .columns.info > .column a.theme-button { background-color:#0f172f; color: #fff; } section.content .columns.info > .column a.theme-button span.icon { margin-right: 10px;} section.content .column.video iframe { width: 100%!important; min-height: 300px; vertical-align: bottom;} section.content .column.video .video-box { position: relative;} section.content .column.video .video-box .video-frame { position: relative; z-index: 1;} section.content .column.video .video-box .video-poster { position: absolute; left: 0px; top:0px; right:0px; bottom:0px; z-index: 2;} section.content .column.video .video-box .video-poster:hover {cursor:pointer;} section.content .column.video .video-box .video-button { position: absolute; left:50%; top:50%; width: 80px; height:80px; background: rgba(0,0,0,0.25) url('../icons/play_button.svg') no-repeat center center/60px; z-index: 3; margin-left: -40px; margin-top: -40px; border-radius:50%;} section.content .column.video .video-box.-play .video-poster { opacity: 0; pointer-events: none; } section.content.type_text_simple .column.text { text-align: center;} section.content.type_text_simple .column.text h2 { max-width: 620px; margin-left: auto; margin-right:auto; } section.content.type_text_simple .column.text p { max-width: 620px; margin-left: auto; margin-right:auto;} section.content.type_text_image .column.text p:first-of-type { padding-left: 20px; -webkit-box-shadow: inset 3px 0px 0px 0px #0f172f; -moz-box-shadow: inset 3px 0px 0px 0px #0f172f; box-shadow: inset 3px 0px 0px 0px #0f172f; } section.content.type_text_info .column.text {} section.content.type_text_info .column.image { flex: 1;} section.content.type_text_info .column.image .contain, section.content.type_text_info .column.image .shot { height: auto!important;} section.content.type_text_info .columns.info { } section.content.type_text_info .columns.info .column { margin: 60px; padding: 0px 60px;} section.content.type_text_video .column.video { } section.content.type_text_video .column.video .padding { padding: 40px 0;} section.content.type_text_video .column.text p:first-of-type { padding-left: 20px; -webkit-box-shadow: inset 3px 0px 0px 0px #0f172f; -moz-box-shadow: inset 3px 0px 0px 0px #0f172f; box-shadow: inset 3px 0px 0px 0px #0f172f; } section.content.type_webcam { background-color: #0f172f!important;} section.content.type_webcam .column.video{ padding: 0px!important;} section.content.type_webcam .column.video .video-box { min-height: 400px;} section.content.type_webcam .column.video .banner-box { background-color:#fff; padding:30px; text-align:center;} section.content.type_text_issuu .column.text { text-align: center;} section.content.type_text_issuu .column.text h2 { max-width: 620px; margin-left: auto; margin-right:auto; } section.content.type_text_issuu .column.text p { max-width: 620px; margin-left: auto; margin-right:auto;} section.content.type_text_issuu .column.issuu { padding: 0 60px 120px 60px;} section.content.type_text_issuu .column.issuu .issuuembed { min-width:100%; min-height: 600px;} section.content.type_text_issuu .column.issuu iframe { width: 100%!important;} section.content:nth-child(odd) { background-color: #e7f6fa;} section.content:nth-child(odd) > .page > .wrap > .columns > *:first-of-type { order:0;} section.content:nth-child(odd) > .page > .wrap > .columns > *:last-of-type { order:1;} section.content:nth-child(even) > .page > .wrap > .columns > *:first-of-type { order:1;} section.content:nth-child(even) > .page > .wrap > .columns > *:last-of-type { order:0;} @media all and (max-width: 1024px) { section.content:nth-child(odd) > .page > .wrap > .columns > *:first-of-type { order:1;} section.content:nth-child(odd) > .page > .wrap > .columns > *:last-of-type { order:0;} section.content:nth-child(even) > .page > .wrap > .columns > *:first-of-type { order:1;} section.content:nth-child(even) > .page > .wrap > .columns > *:last-of-type { order:0;} section.content .column.text { min-width: inherit; order:-1!important;} section.content .column.text > .padding { padding-left: 0px!important; padding-right: 0px!important;} section.content .column.image { padding-bottom: 0px!important;} section.content .column.image > .padding { padding: 0px!important;} section.content .column.image > .padding > .contain { min-height: 280px;} section.content .column.image > .padding > .contain > .shot { left:-30px; right:-30px;} section.content.type_text_video .column.text { order:0!important;} section.content.type_text_video .column.text .padding { padding-left: 0px!important; padding-right: 0px!important;} section.content.type_text_video .column.video { padding: 0px!important; order:1!important;} section.content.type_text_video .column.video .padding { padding: 0px 0px 5vw 0px!important;} section.content.type_text_info .column.text {} section.content.type_text_info .column.text .padding { padding-left: 0px!important; padding-right: 0px!important; padding-bottom: 0px!important;} section.content.type_text_info .column.image {} section.content.type_text_info .column.image .padding {} section.content.type_text_info .columns.info .column { margin-bottom: 40px; text-align: center; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } section.content.type_text_info .columns.info .column ul { display: inline-block; text-align: left;} } @media all and (max-width: 640px) { section.content.type_text_video .column.video { padding: 0px!important; order:1!important;} section.content.type_text_video .column.video .padding { padding: 0px!important; margin-left: -30px; width:calc(100% + 60px);} section.content.type_text_issuu .column.issuu { padding: 0px; padding-bottom: 0px; margin-left: -30px!important; margin-right: -30px!important;} section.content.type_text_issuu .column.issuu .issuuembed { min-width:100%; min-height: 300px;} section.content.type_webcam .column.video .banner-box { padding: 0px;} } /*COLUMNS*/ section.columns { min-height: 100px;} section.columns > .page { position: static; font-family: "Frank New", sans-serif;} section.columns > .page > .wrap { position: relative; z-index: 1;} section.columns > .page > .wrap > .columns { position: static; } section.columns > .page > .wrap > .columns > * { position: relative; } section.columns:nth-child(odd) { background-color: #e7f6fa;} section.columns.columns_type_default {} section.columns.columns_type_default > .page {} section.columns.columns_type_default > .page > .wrap {} section.columns.columns_type_default > .page > .wrap > .columns { padding: 60px 0; justify-content:center;} section.columns.columns_type_default > .page > .wrap > .columns > * { text-align: center; max-width: 256px;} section.columns.columns_type_default h3 { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 21px; line-height: 1.2em; color: inherit!important; } /* COPY IMPRESSION */ .copy-impression { position: relative; z-index: 0; overflow: hidden;} .copy-impression > .page { position: static; font-family: "Frank New", sans-serif;} .copy-impression > .page > .wrap { position: static; z-index: 1;} .copy-impression > .page > .wrap > .columns {justify-content:center;} .copy-impression > .page > .wrap > .columns > * { position: static; padding: 40px; } .copy-impression .column.text { max-width: 620px; position: relative; z-index: 1; padding-top:160px!important; padding-bottom: 160px!important;} .copy-impression .column.text > .padding { padding: 80px 0; position: relative;} .copy-impression .column.text > .padding > .contain { position:relative; z-index: 1; text-align: center;} .copy-impression .column.text > .padding > .contain p { margin-left: 120px; margin-right: 120px;} .copy-impression .column.text > .padding > .background { position: absolute; z-index: -1; left:100px; top:0px; right:100px; bottom:0px; } .copy-impression .column.text > .padding > .pattern { position: absolute; z-index: 0; left:100px; top:0px; right:100px; bottom:0px; } .copy-impression .column.image { position: absolute!important; left:0px; top:0px; right:0px; bottom:0px; z-index: -1; } .copy-impression .column.image .shot { position: absolute; left:0px; top:0px; right:0px; bottom:0px; z-index: -1;} .copy-impression.pattern_none .column.text > .padding { color: #fff;} .copy-impression.pattern_none .column.text > .padding > .background { } .copy-impression.pattern_none .column.text > .padding > .pattern { } .copy-impression.pattern_none .column.image { background-color: #0f172f;} .copy-impression.pattern_none .column.image .shot { opacity: 0.6;} .copy-impression.pattern_surfshop .column.text > .padding { color: #fff;} .copy-impression.pattern_surfshop .column.text > .padding > .contain p.actions a { background-color: transparent; color: #fff;} .copy-impression.pattern_surfshop .column.text > .padding > .contain p.actions a:first-of-type {background-color:#fff; color:#0f172f; } .copy-impression.pattern_surfshop .column.text > .padding > .background { background-color:#0f172f; } .copy-impression.pattern_surfshop .column.text > .padding > .pattern { background: url('../patterns/pattern-surfshop-light.svg') no-repeat left 100px / 1600px; opacity: 0.1; } .copy-impression.pattern_surfshop .column.image { background-color: #0f172f;} .copy-impression.pattern_surfshop .column.image .shot { opacity: 0.6;} .copy-impression.pattern_kiteschool .column.text > .padding { color: #fff;} .copy-impression.pattern_kiteschool .column.text > .padding > .background { background-color:#04a29a; } .copy-impression.pattern_kiteschool .column.text > .padding > .pattern { background: url('../images/pattern-kiteschool-green.jpg') no-repeat center; opacity: 0.2; } .copy-impression.pattern_kiteschool .column.image { background-color: #04a29a;} .copy-impression.pattern_kiteschool .column.image .shot { opacity: 0.9;} .copy-impression.pattern_activities .column.text > .padding { color: #fff;} .copy-impression.pattern_activities .column.text > .padding > .background { background-color:#e61674; } .copy-impression.pattern_activities .column.text > .padding > .pattern { background: url('../images/pattern-activities-magenta.png') no-repeat center / 800px; opacity: 1; } .copy-impression.pattern_activities .column.image { background-color: #0f172f;} .copy-impression.pattern_activities .column.image .shot { opacity: 0.8;} .copy-impression.pattern_beachclub .column.text > .padding { color: #fff;} .copy-impression.pattern_beachclub .column.text > .padding > .background { background-color:#00accc; } .copy-impression.pattern_beachclub .column.text > .padding > .pattern { background: url('../images/pattern-beachclub.png') no-repeat center; opacity: 1; } .copy-impression.pattern_beachclub .column.image { background-color: #0f172f;} .copy-impression.pattern_beachclub .column.image .shot { opacity: 0.8;} .copy-impression.pattern_basecamp .column.text > .padding { color: #fff;} .copy-impression.pattern_basecamp .column.text > .padding > .background { background-color:#FF5429; } /* .copy-impression.pattern_basecamp .column.text > .padding > .pattern { background: url('../images/pattern-beachclub.png') no-repeat center; opacity: 1; } */ .copy-impression.pattern_basecamp .column.image { background-color: #0f172f;} .copy-impression.pattern_basecamp .column.image .shot { opacity: 0.8;} .copy-impression h2 { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 32px; line-height: 1.2em; color: inherit!important; } .copy-impression p { color: inherit; } .copy-impression p a { text-decoration: none; border-bottom:#0f172f 1px dotted; color: inherit;} @media all and (max-width: 768px) { .copy-impression .column.image { position: relative!important; height:300px; order:0!important;} .copy-impression .column.image .shot { left:-30px; right:-30px; opacity: 1!important;} .copy-impression .column.text { order:1!important; padding: 0px!important;} .copy-impression.pattern_none .column.text > .padding { color: #fff;} .copy-impression.pattern_none .column.text > .padding > .background { background-color: #0f172f; } .copy-impression .column.text > .padding > .pattern, .copy-impression .column.text > .padding > .background { left: -30px; right:-30px;} .copy-impression .column.text > .padding > .contain p { margin-left: 0px; margin-right: 0px;} } /* FOOTERLINKS */ section.footerlinks { font-family: "Frank New", sans-serif; position: relative; background:#0f172f; z-index: 10; padding-top: 100px; } section.footerlinks > .page { } section.footerlinks > .page > .wrap { } section.footerlinks > .page > .wrap > .columns { justify-content:center;} section.footerlinks > .page > .wrap > .columns > * { text-align: center; max-width: 256px;} section.footerlinks > .page > .wrap > .columns h5 { color: #fff; font-size: 16px; padding-bottom: 20px;} section.footerlinks > .page > .wrap > .columns a { display: block; text-decoration: none; color: #fff; opacity: 0.8; transition:opacity 125ms ease-in;} section.footerlinks > .page > .wrap > .columns a span { display: inline-block; vertical-align: top; line-height: 1.7;} section.footerlinks > .page > .wrap > .columns a span.icon { font-size: 10px; margin-right: 10px; padding-top: 4px;} section.footerlinks > .page > .wrap > .columns a:hover { cursor: pointer; opacity: 1;} /* COPY COLUMNS */ .copy-columns { position: relative; z-index: 0; overflow: hidden; min-height: 200px;} .copy-columns > .page { position: relative; font-family: "Frank New", sans-serif;} .copy-columns > .page > .wrap { position: relative; z-index: 1;} .copy-columns > .page > .wrap > .columns {justify-content:center;} .copy-columns > .page > .wrap > .columns > * { position: relative; padding: 60px 10px; text-align: center; } .copy-columns .column .padding { background-color: #fff; padding: 30px;} .copy-columns .column .contain {} .copy-columns .column h3 { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 21px; line-height: 1.2em; color: inherit!important; } .copy-columns .column .thumb { height:200px;} .copy-columns:nth-child(odd) { background-color: #e7f6fa;} .copy-columns:nth-child(odd) > .page > .wrap > .columns > *:first-of-type { order:0;} .copy-columns:nth-child(odd) > .page > .wrap > .columns > *:last-of-type { order:1;} .copy-columns:nth-child(even) > .page > .wrap > .columns > *:first-of-type { order:1;} .copy-columns:nth-child(even) > .page > .wrap > .columns > *:last-of-type { order:0;} @media all and (max-width: 768px) { .copy-columns > .page > .wrap > .columns > * { padding: 0px!important;} .copy-columns .page { padding: 0px!important;} } /* SURFSHOP LOCATIES*/ .surfshop-locations { position: relative; z-index: 0; overflow: hidden; background: #0f172f;} .surfshop-locations > .page { position: static; font-family: "Frank New", sans-serif;} .surfshop-locations > .page > .wrap { position: static; z-index: 1; padding: 120px 0;} .surfshop-locations > .page > .wrap > .columns {justify-content:center; align-items:center;} .surfshop-locations > .page > .wrap > .columns > * { position: static; padding: 60px 40px; } .surfshop-locations > .pattern { position: absolute; top:0px; left:0px; right:0px; bottom:0px; z-index: -2; background: #0f172f url('../patterns/pattern-surfshop-light.svg') no-repeat left 180px / 1600px; opacity: 0.1;} .surfshop-locations .column h2 { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 32px; line-height: 1.2em; color: inherit!important; } .surfshop-locations .column h3 { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 21px; line-height: 1.2em; color: inherit!important; } .surfshop-locations .column.text { position:relative; z-index:1; order:2; text-align: center;} .surfshop-locations .column.text .padding { padding: 60px 30px; background-color: #0f172f; color:#fff;} .surfshop-locations .column.brouwersdam { order:1; text-align: center;} .surfshop-locations .column.brouwersdam .padding { padding: 60px 30px; background-color: #fff;} .surfshop-locations .column.brouwersdam .location { position: absolute; left:0; top:0px; right:50%; bottom:0px; z-index: -1;} .surfshop-locations .column.ouddorp { order:3; text-align: center;} .surfshop-locations .column.ouddorp .padding { padding: 60px 30px; background-color: #fff;} .surfshop-locations .column.ouddorp .location { position: absolute; left:50%; top:0px; right:0px; bottom:0px; z-index: -1;} @media all and (max-width: 1280px) { .surfshop-locations .wrap { padding-top: 60px!important; padding-bottom: 60px!important;} .surfshop-locations .column { padding: 0px!important;} .surfshop-locations .column.text {order:1; min-width: 100%;} .surfshop-locations .column.brouwersdam { order:2;} .surfshop-locations .column.brouwersdam .padding { } .surfshop-locations .column.brouwersdam .location { position: relative; height:200px; left:auto; top:auto; right: auto; bottom: auto;} .surfshop-locations .column.ouddorp {order:3; } .surfshop-locations .column.ouddorp .padding {background-color: #f1f1f1;} .surfshop-locations .column.ouddorp .location { position: relative; height:200px; left:auto; top:auto; right: auto; bottom: auto;} } /* INTRO EVENTS */ .intro-activities { position: relative; z-index: 1; } .intro-activities > .page { z-index: 1; } .intro-activities > .page > .wrap { z-index: 3; position: relative; } .intro-activities > .page > .wrap > .columns {position: relative; z-index: 1; margin-top:-140px;} .intro-activities > .page > .wrap > .columns > * {} .intro-activities > .page > .wrap > .columns > * > .padding { padding: 40px;} .intro-activities > .page > .wrap > .columns > * > .padding > .contain {} .intro-activities > .page > .wrap > .back { position: absolute; z-index: 0; left:0px; bottom:-80px; right:45%; height:180px; display: none;} .intro-activities .misc { position: relative; flex: 2; z-index: 0;} .intro-activities .misc > .items > .contain { position: relative;} .intro-activities .misc > .items > .contain .slider { position: relative; width:calc(100% + 155px); float: right; overflow: hidden; } .intro-activities .misc > .items > .contain .slider .slide { width:calc(100% / 3); text-decoration: none; } .intro-activities .flickity-page-dots { display: none;} .intro-activities .slider .slide .contain { margin-left: 0px; margin-top: 40px; height:280px; position: relative; background-color:#0f172f; color:#fff; overflow: hidden; transition: all 75ms ease-out; /* -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1); -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1); box-shadow: 0px 0px 0px 0px rgba(255,255,255,1); */ } .intro-activities .slider .slide:hover .contain{ /* -webkit-box-shadow: 0px 0px 0px 6px rgba(255,255,255,1); -moz-box-shadow: 0px 0px 0px 6px rgba(255,255,255,1); box-shadow: 0px 0px 0px 6px rgba(255,255,255,1); */ } .intro-activities .slider .slide .shade { display:none; position: absolute; left: 0px; top:0px; right:0px; bottom:0px; z-index: 1; opacity: 0.75; background: url('../images/blur-slider-magenta-bottom.png') no-repeat left bottom; } .intro-activities .slider .slide .thumb { position: relative; z-index: 0; height:280px; background-color: #FFF; opacity: 0.7; } .intro-activities .slider .slide .title { position: absolute; left:0px; bottom:0px; right:0px; z-index: 2; padding: 30px; color:#fff; transition: all 200ms; } .intro-activities .slider .slide .title h4 { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 21px; line-height: 1.2em; margin: 0px; padding: 0px; } .intro-activities .slider .slide .quote { font-family: "Eagle", sans-serif; font-size: 1em; line-height: 1.1em; font-weight: 400; text-transform: uppercase; color:#000; padding: 40px 30px 30px 30px; opacity: 0; transform: translateY(-10px); transition: all 175ms ease-in; } .intro-activities .slider .slide .quote:before { content: ''; display: block; width: 3px; height:20px; position: absolute; left:30px; top:10px; background-color: #e61674;} .intro-activities .slider .slide.is-selected .quote { opacity: 1; transform: translateY(0);} .intro-activities .slider .slide:hover { cursor: pointer;} .intro-activities .slider .slide:hover .title, .intro-activities .slider div.active:first-of-type .slide .title { bottom: 0px;} .intro-activities .ratings { } .intro-activities .ratings > .rating { margin-right: 30px!important;} .intro-activities .ratings > .rating > .padding { padding: 30px; background-color: #0f172f; color: #fff; -webkit-box-shadow: inset 3px 0px 0px 0px #0f172f; -moz-box-shadow: inset 3px 0px 0px 0px #0f172f; box-shadow: inset 3px 0px 0px 0px #0f172f; } .intro-activities .ratings > .rating > .padding > .contain {} .intro-activities .ratings > .rating > .padding > .contain .quote {} .intro-activities .ratings > .rating > .padding > .contain .quote h4 { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 21px; line-height: 1.2em; margin: 0px; padding: 0px;} .intro-activities .references { padding: 40px 30px;} .intro-activities .references > .columns { } .intro-activities .references > .columns > .info { max-width: 50%; min-width: 50%;} .intro-activities .references h3 { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 26px; line-height: 1.2em; margin: 0; padding: 0px; } .intro-activities .intro { background: #e61674 url('../images/pattern-activities-magenta.png') no-repeat center center/800px; color:#fff; position: relative; z-index: 1; } .intro-activities .intro h2 { font-family: "Eagle", sans-serif; font-size: 2.8em; line-height: 1.1em; font-weight: 400; text-transform: uppercase; margin-bottom: 20px; color: #fff; position: relative; padding-left: 60px;} .intro-activities .intro h2 img { position: absolute; left:0px; top:20px;} .intro-activities .intro p.actions a.theme-button { background-color: transparent; color: #fff;} .intro-activities .intro p.actions a.theme-button:first-of-type { background-color: #0f172f; color:#fff; } @media all and (max-width: 1360px) { .intro-activities > .page > .wrap > .columns { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; } .intro-activities .misc { display:block; } .intro-activities .misc > .items { height:280px; min-height: 280px;} .intro-activities .misc > .items > .contain { left:0px; right:0px; height:280px;} .intro-activities .misc > .items > .contain .slider { height:280px; width: 100%;} .intro-activities .misc > .items > .contain .slider .slide { padding:0px; width:50%;} .intro-activities .misc > .items > .contain .slider .slide .contain { margin-top: 0px; margin-right: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .intro-activities .misc > .items > .contain .slider .slide .quote { display: none;} } @media all and (max-width: 1280px) { .intro-activities > .page > .wrap { padding-right: 0px;} } @media all and (max-width: 896px) { .intro-activities > .page > .wrap { padding-left:0px;} .intro-activities > .page > .wrap > .columns { margin-top: -40px!important;} .intro-activities .intro { text-align: center;} .intro-activities .intro h2 { padding-left: 0px; padding-top: 60px;} .intro-activities .intro h2 img { left: 50%; transform: translateX(-50%);} } @media all and (max-width: 768px) { .intro-activities { } .intro-activities > .page { padding: 0px; transform: translateY(0px);} .intro-activities > .page > .wrap > .columns { margin-top: -80px;} .intro-activities > .page > .wrap > .columns > * > .padding { padding: 40px 30px 60px 30px;} .intro-activities > .page > .wrap > .columns > .misc { padding: 0px!important;} .intro-activities .misc > .items > .contain .slider .slide { padding:0px; width:75%;} .intro-activities .misc > .items, .intro-activities .misc > .items .contain, .intro-activities .slider, .intro-activities .slider .slide .contain, .intro-activities .slider .slide .contain .thumb { height:230px!important; min-height: 230px!important; max-height: 230px!important;} } /* INTRO KITESCHOOL*/ .intro-kiteschool { position: relative; background-color:#04a29a; color:#fff; z-index: 2;} .intro-kiteschool > .page { position: relative; z-index: 1;} .intro-kiteschool > .page > .wrap { position: relative; z-index: 1; padding-top: 30px; padding-bottom: 30px; } .intro-kiteschool > .page > .wrap > .columns { position: relative; z-index: 1;} .intro-kiteschool > .page > .wrap > .columns > * { padding: 30px;} .intro-kiteschool > .page > .wrap > .columns > * > .padding { padding: 0px;} .intro-kiteschool > .page > .wrap > .columns > * > .padding > .contain {} .intro-kiteschool > .page > .wrap > .pattern.top { position: absolute; z-index: 0; background:url('../images/pattern-kiteschool-green.jpg') no-repeat center center/893px; left:0; top:0; right:45%; height:400px; opacity:0.2;} .intro-kiteschool > .page > .wrap > .pattern.bottom { position: absolute; z-index: 0; background:url('../images/pattern-kiteschool-green.jpg') no-repeat center center/893px; right:0; bottom:-100px; left:45%; height:400px; opacity:0.1;} .intro-kiteschool .introtitle { min-width:100%; margin-top: 30px;} .intro-kiteschool .introtitle h2 { font-family: "Eagle", sans-serif; font-size: 4.2em; line-height: 1.1em; font-weight: 400; text-transform: uppercase; margin-bottom: 0px; display: inline-block; position: relative; } .intro-kiteschool .introtitle img { position: absolute; right:-30px; top:-30px; } .intro-kiteschool .column.video iframe { width: 100%!important; min-height: 300px; vertical-align: bottom;} .intro-kiteschool .column.video .video-box { position: relative;} .intro-kiteschool .column.video .video-box .video-frame { position: relative; z-index: 1;} .intro-kiteschool .column.video .video-box .video-poster { position: absolute; left: 0px; top:0px; right:0px; bottom:0px; z-index: 2;} .intro-kiteschool .column.video .video-box .video-button { position: absolute; left:50%; top:50%; width: 80px; height:80px; background: rgba(0,0,0,0.25) url('../icons/play_button.svg') no-repeat center center/60px; z-index: 3; margin-left: -40px; margin-top: -40px; border-radius:50%;} .intro-kiteschool .column.video .video-box.-play .video-poster { opacity: 0; pointer-events: none; } .intro-kiteschool .column.video .video-box .video-shade { position: absolute; z-index: 0; right:0; top:0; bottom:0; left:0; height:calc(100%)!important; transform: translate(15px,15px); background: url('../patterns/pattern-shade.svg') repeat left top / 6px;} .intro-kiteschool .cam { flex:2; padding-top: 0px!important; text-align: right; position: relative;} .intro-kiteschool .cam .contain { position: relative;} .intro-kiteschool .cam .webcam-embed { position: relative; margin-bottom: 30px; } .intro-kiteschool .cam .webcam-embed iframe { width: 100%; height: 355px; border:none; position: relative; z-index: 1; border:0px;vertical-align: bottom; background-color:#fff; display: block; padding: 0px;} .intro-kiteschool .cam .webcam-embed .banner { position: relative; left:0px; bottom:0px; right:0px; z-index: 2; padding: 10px; background:#000;} .intro-kiteschool .cam .webcam-embed .shade { position: absolute; z-index: 0; right:0; top:0; bottom:0; left:0; height:calc(100%)!important; transform: translate(15px,15px); background: url('../patterns/pattern-shade.svg') repeat left top / 6px;} .intro-kiteschool .cam .webcam-embed .corner-banner { } .intro-kiteschool .cam .webcam-embed .corner-banner .title { position: absolute; z-index: 3; right: 25px; top:25px; transform: rotate(45deg); width: 100px; height: 100px; text-align: center; transform-origin: center center; color: #fff; font-size: 1.6em; font-weight: 700;} .intro-kiteschool .cam .webcam-embed .corner-banner .corner { position: absolute; z-index: 2; right:16px; top:16px; width:100px; height:100px; background: url('../icons/corner-banner-webcam.svg') no-repeat right bottom / 100px; } .intro-kiteschool .cam a.theme-button { position:absolute; bottom:calc(100% + 20px); right:0px; color:#fff!important;} .intro-kiteschool .info { padding-top: 30px!important; max-width: 512px; } .intro-kiteschool .info h3 { font-family: "Eagle", sans-serif; font-size: 2.8em; line-height: 1.1em; font-weight: 400; text-transform: uppercase; margin-bottom: 20px;} .intro-kiteschool .info p { } .intro-kiteschool .lessen {} .intro-kiteschool .lessen > .intro {} .intro-kiteschool .lessen > .intro h3 {font-family: "Eagle", sans-serif; font-size: 2.8em; line-height: 1.2em; font-weight: 400; text-transform: uppercase; margin-bottom: 20px; } .intro-kiteschool .lessen > .items { flex: 2;} .intro-kiteschool .lessen > .items .slider { position: relative; overflow: hidden; margin-bottom: 30px;} .intro-kiteschool .lessen > .items .slider .slide { margin-right: 30px; min-width: inherit;} .intro-kiteschool .lessen > .items .slider .slide > .contain { display:block; text-decoration:none; color:inherit; font-size:inherit; position: relative; overflow: hidden;} .intro-kiteschool .lessen > .items .slider .slide > .contain > .thumb { position: absolute; left:0px; top:0px; right:0px; bottom:0px; z-index: 0; background-color: #0f172f;} .intro-kiteschool .lessen > .items .slider .slide > .contain > .block { margin-top: 200px; position: relative; z-index: 1; background: rgba(230,22,116,0.9);} .intro-kiteschool .lessen > .items .slider .slide > .contain > .block > .contain { } .intro-kiteschool .lessen > .items .slider .slide > .contain > .block > .contain > .columns {} .intro-kiteschool .lessen > .items .slider .slide > .contain > .block > .contain > .columns > .info { min-width: inherit; padding: 0px!important; } .intro-kiteschool .lessen > .items .slider .slide > .contain > .block > .contain > .columns > .info > .padding {padding: 20px;} .intro-kiteschool .lessen > .items .slider .slide > .contain > .block > .contain > .columns > .info > .padding h3 { font-family: "Eagle", sans-serif; font-size: 1.8em; line-height: 1.2em; font-weight: 400; text-transform: uppercase; margin-bottom: 0px;} .intro-kiteschool .lessen > .items .slider .slide > .contain > .block > .contain > .columns > .info > .padding p { font-size: 13px; line-height: 16px;} .intro-kiteschool .lessen > .items .slider .slide > .contain > .block > .contain > .columns > .duration { background: rgba(230,22,116,1); min-width: 60px; max-width: 60px; text-align: center; } .intro-kiteschool .lessen > .items .slider .slide > .contain > .block > .contain > .columns > .duration > .padding { padding-top: 15px;} .intro-kiteschool .lessen > .items .slider .slide > .contain > .block > .contain > .columns > .duration > .padding > * { display: block;} .intro-kiteschool .lessen > .items .slider .slide > .contain > .block > .contain > .columns > .duration > .padding > span.icon { font-size: 21px; line-height: 21px; } .intro-kiteschool .lessen > .items .slider .slide > .contain > .block > .contain > .columns > .duration > .padding > span.title { font-size: 14px; font-weight: 700;} .intro-kiteschool .lessen > .items .links a.theme-button { background-color: transparent;} @media all and (max-width: 1366px) { .intro-kiteschool > .page > .wrap > .columns > .outer.left { min-width: 45px; max-width: 45px;} } @media all and (max-width: 1280px) { .intro-kiteschool > .page > .wrap { padding-right: 0px;} .intro-kiteschool > .page > .wrap { padding-left:0px;} } @media all and (max-width: 1024px) { .intro-kiteschool .cam { flex: 1;} } @media all and (max-width: 896px) { .intro-kiteschool > .page { padding: 0px;} .intro-kiteschool > .page > .wrap { padding-top:0px;} .intro-kiteschool > .page > .wrap > .columns > * {} .intro-kiteschool > .page > .wrap > .columns > * > .padding { padding: 30px;} .intro-kiteschool > .page > .wrap > .columns > .introtitle { padding-bottom: 0px; text-align: center;} .intro-kiteschool > .page > .wrap > .columns > .introtitle > .padding { padding-bottom: 0px;} .intro-kiteschool > .page > .wrap > .columns > .info { padding-top: 0px!important; text-align: center!important;} .intro-kiteschool > .page > .wrap > .columns > .info > .padding { padding-top: 0px!important;} .intro-kiteschool > .page > .wrap > .columns > .cam { padding:0px!important; order:-1;} .intro-kiteschool > .page > .wrap > .columns > .cam .padding { padding: 0px!important;} .intro-kiteschool > .page > .wrap > .columns > .intro { padding-top: 0px!important; text-align: center!important;} .intro-kiteschool > .page > .wrap > .columns > .items { padding-right:0px!important; padding-bottom: 0px!important; order:-1;} .intro-kiteschool > .page > .wrap > .columns > .items > .padding { padding-right: 0px; padding-top: 0px;} .intro-kiteschool > .page > .wrap > .pattern.top { display: none;} .intro-kiteschool > .page > .wrap > .pattern.bottom { height:800px; left:0px;} .intro-kiteschool .cam { order:-1;} .intro-kiteschool .cam a.theme-button { display: none;} .intro-kiteschool .cam .webcam-embed .shade { transform: translate(50px,30px);} .intro-kiteschool .cam .webcam-embed .banner { display: none;} .intro-kiteschool .lessen > .items .links { display: none!important;;} } @media all and (max-width: 640px) { } @media all and (max-width: 512px) { .intro-kiteschool .introtitle h2 { font-size: 3.6em; line-height: 1em;} } .intro-surfshop {position: relative; font-family: "Frank New", sans-serif; padding-bottom: 0px; z-index: 6;} .intro-surfshop > .page { position: relative; z-index: 1; background-color: #FBE7CB; background:#fff url('../patterns/pattern-surfshop-light.svg') repeat left top / 1600px ; } .intro-surfshop > .page > .wrap { position: relative; z-index: 1; padding-top: 120px; padding-bottom: 0px; padding-left: 0; padding-right: 85px;} .intro-surfshop > .page > .wrap > .columns {} .intro-surfshop > .page > .wrap > .columns > * { } .intro-surfshop > .page > .wrap > .columns > * > .padding { padding: 40px;} .intro-surfshop > .page > .wrap > .columns > * > .padding > .contain {} .intro-surfshop > .page > .top { position: absolute; z-index: -2; background-color: #fff; top:0px; left:0px; height:300px; right:0px; } .intro-surfshop > .page > .bottom { display:none;position: absolute; z-index: -2; background-color: #fff; bottom:0px; left:0px; height:100px; right:0px; } .intro-surfshop > .page .backgroundimage { position: absolute; top:0px; left:45%; height:420px; right:0px; z-index: -1;} .intro-surfshop .info { padding-top: 60px!important;} .intro-surfshop .info h2 { font-family: "Eagle", sans-serif; font-size: 4.2em; line-height: 1.1em; font-weight: 400; text-transform: uppercase; margin-bottom: 30px; position: relative; max-width: 356px;} .intro-surfshop .info h2 img { position: absolute; left:-20px; top: -50px;} .intro-surfshop .info p { max-width: 356px;} .intro-surfshop .info ul { list-style: none; padding: 0px; display: block;} .intro-surfshop .info ul li { display: inline-block; width: 50%; float: left;} .intro-surfshop .info ul li a.theme-button {color:#0f172f;} .intro-surfshop .prods { padding-top: 60px;} .intro-surfshop .prod { display: block; background-color:transparent; margin: 20px 10px; } .intro-surfshop .prod > a { display: block; font-size: inherit; text-decoration: none; color: inherit; height:420px; position: relative;} .intro-surfshop .prod > a > .contain { position: absolute; left:0px; bottom:0px; right:0px; padding: 20px; z-index: 1; background-color: rgba(54, 162, 177 ,0);} .intro-surfshop .prod > a > .contain h4 { color: #fff;} .intro-surfshop .prod > a > .contain .theme_button { font-family: "Eagle", sans-serif; font-weight: 400; text-transform: uppercase; background-color: #0f172f; color: #fff; display: block; padding: 10px; font-size: 14px;} .intro-surfshop .prod > a > .contain .theme_button span.icon {margin-right: 5px;} .intro-surfshop .prod > a > .thumb { position: absolute; left:0px; right:0px; top:0px; bottom:0px; z-index: 0; background-color: #fff;} .intro-surfshop .prod > a > .sale { display:none!important; position: absolute; right:0px; top:0px; width:80px; height:80px; line-height: 80px; display: block; text-align: center; background-color: #E51F21; color: #fff; border-radius: 80px; z-index: 3; font-size: 16px; font-weight: 700;} .intro-surfshop .prod.first { margin-top: 160px;} .intro-surfshop .prod.last > a { height:320px;} @media all and (max-width: 1280px) { .intro-surfshop > .page > .wrap { padding-right: 0px;} .intro-surfshop > .page > .wrap { padding-left:0px;} } @media all and (max-width: 1024px) { .intro-surfshop .info { flex: 1;} } @media all and (max-width: 896px) { .intro-surfshop > .page { padding: 0px;} .intro-surfshop > .page > .wrap { padding-top: 0px; padding-bottom: 0px;} .intro-surfshop > .page .backgroundimage { position:relative; top:auto; left:auto; right:auto; bottom:auto; height:300px; min-height:300px; background-size: 896px;} .intro-surfshop .info { text-align: center;} .intro-surfshop .info h2 { max-width: inherit;} .intro-surfshop .info h2 img { left:50%; transform: translateX(-50%);} .intro-surfshop .info p { max-width: inherit;} .intro-surfshop .info ul { display: none;} .intro-surfshop .info ul li { float: none; width: auto; max-width: 100%;} .intro-surfshop .prods { padding:0px!important; transform: translateY(0)!important;} .intro-surfshop .prods > .columns { flex-wrap: nowrap!important;} .intro-surfshop .prods > .columns > .right .last { display: none; } .intro-surfshop .prod.first { margin-top: 0px;} .intro-surfshop .prod { margin: 0px; } .intro-surfshop .prod > a { max-height: 200px;} .intro-surfshop .prod > a > .contain { padding: 30px 60px;} .intro-surfshop .prod > a > .contain .theme_button { display: inline-block} } @media all and (max-width: 512px) { .intro-surfshop .prods > .columns > * { padding: 0px!important; text-align: center;} .intro-surfshop .prods > .columns > .right .last { display: block; } .intro-surfshop .info h2 { font-size: 3.6em; line-height: 1em;} } .intro-beachclub { position: relative; z-index: 2; font-family: "Frank New", sans-serif;} .intro-beachclub > .page { position: relative;} .intro-beachclub > .page > .wrap { padding: 100px 0; position: relative; z-index: 1;} .intro-beachclub .banner { color:#fff; padding: 60px; position: relative; text-align: center;} .intro-beachclub .banner > .contain { position: relative; z-index: 1; text-align: center;} .intro-beachclub .banner > .background { position: absolute; left: 50%; top:50%; z-index: 0; opacity: 1; background: #00accc url('../images/pattern-beachclub.png') no-repeat center center/1100px; width:320px; height:490px; transform: translate(-50%, -50%);} .intro-beachclub > .page > .background { position: absolute; left:0px; top:0px; right:0px; bottom:0px; z-index: -1;} .intro-beachclub .banner h2 { font-family: "Eagle", sans-serif; font-size: 4.2em; line-height: 1.1em; font-weight: 400; text-transform: uppercase; margin-bottom: 20px; margin-top: 30px; position: relative; color:#fff!important;} .intro-beachclub .banner p { max-width: 260px; margin: 0 auto; margin-bottom: 20px;} .intro-beachclub .banner a { background-color: transparent;} .intro-beachclub .banner a.theme-button.alt {color:#0f172f;} @media all and (max-width: 896px) { .intro-beachclub > .page { padding: 0px;} } @media all and (max-width: 512px) { .intro-beachclub > .page > .wrap { padding: 0px;} .intro-beachclub > .page > .background { position: relative; height:350px;} .intro-beachclub .banner { padding: 30px;} .intro-beachclub .banner > .background { width: auto; height:auto; left:0px; top:0px; right:0px; bottom:0px; transform: translate(0,0)} .intro-beachclub .banner h2 { font-size: 3.6em; line-height: 1em;} } .intro-locatie { position: relative; font-family: "Frank New", sans-serif;} .intro-locatie > .page { position: relative; z-index: 1; padding-top: 5vw; padding-bottom: 5vw;} .intro-locatie > .page > .wrap { position: relative; z-index: 3; padding-top: 5vw; padding-bottom: 5vw; } .intro-locatie .background { position: absolute; left:0px; top:0px; right:0px; bottom:0px; background-position: center bottom; opacity: 1; z-index: 1; } .intro-locatie .pattern { position: absolute; left:0px; top:90%; right:25%; bottom:0px; background: url('../patterns/pattern-shade-white.svg') repeat left top / 8px; opacity: 1; z-index: 2; display: none; } .intro-locatie table { width:100%; position: relative; z-index: 3;} .intro-locatie table td { vertical-align: top; text-align: center; padding-top: 80px; padding-bottom: 40px; padding-left: 5vw; padding-right: 5vw;} .intro-locatie table td .columns { padding: 0 5vw;} .intro-locatie .info { } .intro-locatie .info .contain {padding: 3vw; color: #fff; text-align: left; background-color:rgba(255,255,255,0.5); background: rgba(255,255,255,0.8) url('../patterns/pattern-shade-white.svg') repeat left top / 8px; color: #0f172f; } .intro-locatie .info h2 { font-weight: 900; font-size: 3.6em; line-height: 1.2em; text-transform: uppercase; color: #fff!important;} .intro-locatie .info p {} .footer-links { font-family: "Frank New", sans-serif; } .footer-links > .page {} .footer-links > .page > .wrap { padding: 80px 0;} .footer-links > .page > .wrap > .columns {} .footer-links h3 { font-family: "Frank New", sans-serif; text-transform: uppercase; font-size: 2.8em; text-align: center;} .footer-links p { text-align: center;} .footer-links a { display: inline-block; padding: 10px 15px; text-decoration: none; background-color: #e61674; color: #fff; } .kiteschool-hero { font-family: "Frank New", sans-serif; } .kiteschool-hero > .page {} .kiteschool-hero > .page > .wrap {position: relative; z-index: 1;} .kiteschool-hero > .page > .wrap > .columns {} .kiteschool-hero .image { height:650px; margin: 0 auto; max-width: 1280px; position: relative; z-index: 0; perspective: 150px; transform: translateX( calc(-100% / 5) )!important; /* margin-right: calc(100% / 5)!important; */ background-position: center center; } .kiteschool-hero .intro { position: absolute; right:0px; top:45%; transform: translateY(-50%); z-index: 10; perspective: 500px; max-width: 460px;} .kiteschool-hero .intro > .contain { padding: 40px;} .kiteschool-hero .intro > .contain.top { color:#0f172f; } .kiteschool-hero .intro > .contain.bottom { background:#0f172f url('../patterns/pattern-surfshop.svg') repeat center center / 1600px; color:#fff;} .kiteschool-hero .intro h1 { font-family: "Frank New", sans-serif; font-size: 3.8em; line-height: 1.2em; font-weight: 900; color: #0f172f;} .kiteschool-hero .intro h2 { font-family: "Frank New", sans-serif; font-size: 3.2em; line-height: 1.2em; font-weight: 900; color: #fff;} .kiteschool-hero .intro .theme-button { background-color:#e61674; color:#fff; text-decoration: none;} .kiteschool-hero .intro .theme-button.alt { background-color:transparent; color:#fff;} .kiteschool-hero .intro ::-moz-selection { background-color:rgba(255,255,255,0.99); color: #0f172f; } .kiteschool-hero .intro ::selection { background-color:rgba(255,255,255,0.99); color: #0f172f; } .recensies { font-family: "Frank New", sans-serif; } .recensies > .page {} .recensies > .page > .wrap {position: relative; z-index: 1;} .recensies > .page > .wrap > .columns {flex-wrap: wrap;} .recensies > .page > .wrap > .columns > .column { } .recensies > .page > .wrap > .columns > .column > .padding { padding: 3vw 5vw;} .recensies > .page > .wrap > .columns > .column > .padding > .contain {} .recensies > .page > .wrap > .columns > .column.title { min-width: 100%; text-align: center;} .recensies > .page > .wrap > .columns > .column.title > .padding { padding-bottom: 0px;} .recensies > .page > .wrap > .columns > .column.review > .padding > .contain {background-color: #000; min-height: 100px;} .locatie { font-family: "Frank New", sans-serif; } .locatie > .page {} .locatie > .page > .wrap {position: relative; z-index: 1;} .locatie > .page > .wrap > .columns {flex-wrap: wrap;} .locatie > .page > .wrap > .columns > .column { } .locatie > .page > .wrap > .columns > .column > .padding { padding: 3vw 5vw;} .locatie > .page > .wrap > .columns > .column > .padding > .contain {} .locatie > .page > .wrap > .columns > .column.title { min-width: 100%; text-align: center;} .locatie > .page > .wrap > .columns > .column.title > .padding { padding-bottom: 0px;} .locatie > .page > .wrap > .columns > .column.review > .padding > .contain {background-color: #000; min-height: 100px;} .locatie .theme-button.alt { background-color:transparent; color:#000;} .locatie .image { position: relative; min-height:300px;} .locatie .image .thumb { position: absolute; left:0px; top:0px; right:0px; bottom:0px; } .lookaround { font-family: "Frank New", sans-serif; } .lookaround > .page {} .lookaround > .page > .wrap {position: relative; z-index: 1;} .lookaround > .page > .wrap > .columns {flex-wrap: wrap;} .lookaround > .page > .wrap > .columns > .column { } .lookaround > .page > .wrap > .columns > .column > .padding { padding: 3vw 30px;} .lookaround > .page > .wrap > .columns > .column > .padding > .contain {} .lookaround > .page > .wrap > .columns > .column.title { min-width: 100%; text-align: center;} .lookaround > .page > .wrap > .columns > .column.title > .padding { padding-bottom: 0px;} .lookaround > .page > .wrap > .columns > .column.review > .padding > .contain {background-color: #000; min-height: 100px;} .lookaround .webcam {} .lookaround .webcam iframe { width:100%; height:350px; margin-bottom: 30px;} .lookaround .googlebusiness {} .lookaround .googlebusiness iframe { width:100%; height:350px; margin-bottom: 30px;} .kitelessen { font-family: "Frank New", sans-serif; } .kitelessen > .page {} .kitelessen > .page > .wrap {position: relative; z-index: 1;} .kitelessen > .page > .wrap > .columns {flex-wrap: wrap;} .kitelessen > .page > .wrap > .columns > .column { } .kitelessen > .page > .wrap > .columns > .column > .padding { padding: 3vw 30px;} .kitelessen > .page > .wrap > .columns > .column > .padding > .contain { padding: 20px;} .kitelessen > .page > .wrap > .columns > .column.info { min-width: 100%; text-align: center; } .kitelessen > .page > .wrap > .columns > .column.info > .padding { padding-bottom: 0px;} .kitelessen .theme-button.alt { background-color:transparent; color:#000;} .kitelessen .lesson .thumb { height:200px;} /* Formulieren */ section.formulier { font-family: "Frank New", sans-serif; position: relative; background:#0f172f; z-index: 10;} section.formulier::after { content: " "; position: absolute; display: block; width: 100%; height: 200px; top: 0; left: 0; z-index: -1; background-color: #0f172f; transform-origin: top left; -ms-transform: skew(0deg,-2deg); -webkit-transform: skew(0deg,-2deg); transform: skew(0deg,-2deg); } section.formulier > .guide { position: fixed; z-index: 50; right:40px; bottom:35px; transform: translateY(200px); transition:transform 150ms cubic-bezier(0.85, -0.4, 0.2, 1.45); text-align: right;} section.formulier > .guide button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; box-shadow: none; border:#fff 0px solid; margin: 0px!important; background-color: transparent; font-size: 15px; display:inline-block; background-color: #e61674; color: #fff; padding: 20px; line-height: 1.2em; font-weight: 700; margin-left: 15px!important; margin-bottom: 5px!important; text-align: left; } section.formulier > .guide button:first-of-type { margin-left: 0px!important;} section.formulier > .guide button:hover { cursor: hover;} section.formulier > .guide button .icon { display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 1.6em; font-weight: 400;} section.formulier > .guide button .title { display: inline-block; vertical-align: middle;} section.formulier > .page { padding: 0 15px;} section.formulier > .page > .wrap {position: relative; z-index: 1;} section.formulier > .page > .wrap > .columns {flex-wrap: wrap;} section.formulier > .page > .wrap > .columns > .column { } section.formulier > .page > .wrap > .columns > .column > .padding { padding: 60px 0px;} section.formulier > .page > .wrap > .columns > .column > .padding > .contain {} .form-title { padding: 40px 40px 0 40px; text-align: center;} .form-description { padding: 0px 40px 0 40px; text-align: center;} .form-steps { position: relative; overflow: hidden; max-width: 620px; margin: 0 auto; } .form-steps .form-step { display: none; width:100%;} .form-steps .form-step > .form-step-contain { padding: 0px; background-color: #fff; } .form-steps .form-step > .form-step-contain h2 { font-family: "Eagle", sans-serif; font-size: 2.8em; line-height: 1.1em; font-weight: 400; text-transform: uppercase; margin-bottom: 10px; } .form-steps .form-step > .form-step-contain h3 { font-family: "Eagle", sans-serif; font-size: 2.2em; line-height: 1.2em; font-weight: 400; text-transform: uppercase; margin-bottom: 20px; } .form-steps .form-step.start { display: block; padding: 0 15px; } .form-steps .form-step.start .form-step-contain { background-color: #0f172f; color: #fff; text-align: center; } .form-steps .form-step.start ul { list-style: none; padding: 0px; margin: 0px;} .form-steps .form-step.start ul li { padding-bottom: 5px; display: inline-block; width:50%;} .form-steps .form-step.start .theme-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; box-shadow: none; border:#fff 0px solid; margin: 0px!important; background-color: transparent; color: #fff; text-align: left; padding-left: 0px!important; padding-right: 0px!important; } .form-steps .form-step.start .theme-button span.icon { left:0px;} .form-steps .form-step .form-step-contain {} .form-steps .form-step .form-step-contain h2 {} .form-steps .form-step .form-step-contain ul { text-align: left;} .form-steps .form-step .form-step-contain .form-step-back { padding: 20px 40px;} .form-steps .form-step .form-step-contain .form-step-back.top { background:#0f172f; color:#fff; border-bottom: #efefef 0px solid;} .form-steps .form-step .form-step-contain .form-step-back.bottom { background:#0f172f; color:#fff; border-top: #efefef 0px solid;} .form-steps .form-step .form-step-contain .form-step-back button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; box-shadow: none; border:#fff 0px solid; margin: 0px!important; background-color: transparent; font-size: 12px; width:100%; text-align: center; color:#fff; } .form-steps .form-step .form-step-contain .form-step-back button span.icon { margin-right: 10px;} .form-steps .form-step iframe { height: 2136px; padding: 0 20px; border:#000 0px solid; width:100%;} iframe[src^="https://tablereservations"] { height:675px!important;} form.fullform .form-field { padding: 10px 40px; float:none; clear: both; } form.fullform .form-field label { display: block; padding-bottom: 5px; position: relative; } form.fullform .form-field label:hover { cursor: pointer;} form.fullform .form-field .form-field-title { font-weight: 700; display: block; font-size: 15px; padding-bottom: 8px; } form.fullform .form-field input[type="text"], form.fullform .form-field input[type="tel"], form.fullform .form-field input[type="email"], form.fullform .form-field input[type="number"], form.fullform .form-field input[type="date"], form.fullform .form-field textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; box-shadow: none; border:#fff 0px solid; margin: 0px!important; background-color: transparent; font-size: 16px; border: 1px solid rgba(239,241,246,1); background-color:rgba(239,241,246,0.5); color:rgba(15,23,47,1); border-radius:3px; width:100%; line-height: 1.2em; padding: 10px; width:100%; height:45px; } form.fullform .form-field input::placeholder { color:rgba(15,23,47,0.5); } form.fullform input[type=number]::-webkit-inner-spin-button, form.fullform input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } form.fullform .form-field input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; box-shadow: none; border:#fff 0px solid; margin: 0px!important; background-color: transparent; font-size: 15px; display: inline-block; vertical-align: top; border: 1px solid rgba(0,0,0,0.1); line-height: 1.2em; width:25px; height:25px; border-radius:50%; text-align: center; line-height: 22px; position: absolute; left:0px; top:0px; } form.fullform .form-field input[type="radio"]:checked { background-color: #0f172f;} form.fullform .form-field input[type="radio"]:checked:after { content:'\f00c'; font-family: "Font Awesome 5 Pro"; font-weight: 900; color: #fff; font-size: 12px;} form.fullform .form-field input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; box-shadow: none; border:#fff 0px solid; margin: 0px!important; background-color: transparent; font-size: 15px; display: inline-block; vertical-align: top; border: 1px solid rgba(0,0,0,0.1); line-height: 1.2em; width:25px; height:25px; border-radius:50%; text-align: center; line-height: 22px; position: absolute; left:0px; top:0px; } form.fullform .form-field input[type="checkbox"]:checked { background-color: #0f172f;} form.fullform .form-field input[type="checkbox"]:checked:after { content:'\f00c'; font-family: "Font Awesome 5 Pro"; font-weight: 900; color: #fff; font-size: 12px;} form.fullform .form-field select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; box-shadow: none; border:#fff 0px solid; margin: 0px!important; background-color: transparent; font-size: 15px; display: inline-block; vertical-align: top; line-height: 1.2em; border-radius:0%; width:100%; height:45px; padding: 10px 30px 10px 10px; border-radius:3px; position: relative; border: 1px solid rgba(239,241,246,1); background-color:rgba(239,241,246,0.5); color:rgba(15,23,47,1); background: url("data:image/svg+xml;utf8,") no-repeat calc(100% - 10px) 20px/10px; } form.fullform .form-field .form-field-option-title { display:block; vertical-align: top; padding-top: 3px; padding-left: 35px; padding-bottom: 5px; padding-right: 10px; } form.fullform .form-field .form-field-option-title small { display: block; font-size: 12px;} form.fullform .form-field .form-field-option-title small.price { display: block; font-size: 14px; font-weight: 700; border-left:rgba(239,241,246,0.5) 1px solid; padding-top: 3px; margin-bottom: 10px;} form.fullform .form-field .form-field-option-title small.description { display: block; font-size: 12px;} form.fullform .form-field.grouping { padding: 40px; background-color: #eff1f6;} form.fullform .form-field.grouping label { display:block; width: 49%; max-width: 49%; float: left; padding: 40px; text-align: center; background-color: #fff; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); } form.fullform .form-field.grouping label.selected {background-color: #e61674; color: #fff;} form.fullform .form-field.grouping label:first-of-type { margin-right: 1%;} form.fullform .form-field.grouping label:last-of-type { margin-left: 1%;} form.fullform .form-field.grouping input { position: relative;} form.fullform .form-field.grouping .form-field-option-title { display: block; padding: 10px 0 0 0; } form.fullform .form-field.half { width: 50%; float: left; clear: none;} form.fullform .form-field.half-first { width: 50%; float: left; clear: none; padding-right: 20px;} form.fullform .form-field.half-last { width: 50%; float: right; clear: none; padding-left: 20px;} form.fullform .form-field.selected { background-color: #fff;} form.fullform .form-field.checkbox_field { padding-top: 40px; padding-bottom: 40px;} form.fullform .form-field.split-list label { width: 50%; max-width:50%; float: left;} form.fullform .form-field.split-list label:nth-child(even) { clear: both;} form.fullform .form-field.large-number { width:200px; float: left; padding-right: 20px; clear:none;} form.fullform .form-field.large-number input { height:140px; font-size: 42px; font-weight: 700; text-align: center;} form.fullform .form-field.large-number + .form-field, .form-field.large-number + .form-field + .form-field { width: calc(100% - 200px); float: right; padding-left: 20px; padding-right: 40px; clear:none;} form.fullform .form-field.large-number + .form-field + .form-field + .form-field { clear: both;} form.fullform .form-field.-alert label { color: rgba(255,65,54,1);} form.fullform .form-field.-alert input[type="text"], form.fullform .form-field.-alert input[type="tel"], form.fullform .form-field.-alert input[type="email"], form.fullform .form-field.-alert input[type="number"], form.fullform .form-field.-alert input[type="date"], form.fullform .form-field.-alert textarea { border: 1px solid rgba(255,65,54,1); background-color:rgba(255,65,54,0.1);} form.fullform .form-field.-alert input::placeholder { color:rgba(255,65,54,1);} form.fullform .form-messages { height:0px; overflow: hidden; padding-left: 40px; padding-right: 40px; padding-bottom: 20px;} form.fullform .form-messages .form-message { display: none; padding: 20px; text-align: center; font-size: 15px; border-radius:3px;} form.fullform .form-messages .form-message.form-message-processing { background-color: #e7f6fa;} form.fullform .form-messages .form-message.form-message-success { background-color: #009d92; color: #fff; } form.fullform .form-messages .form-message.form-message-failed { background-color: red; color: #fff; } form.fullform .form-messages.-processing { height:auto;} form.fullform .form-messages.-processing .form-message.form-message-processing { display: block;} form.fullform .form-messages.-success { height:auto;} form.fullform .form-messages.-success .form-message.form-message-success { display: block;} form.fullform .form-messages.-failed { height:auto;} form.fullform .form-messages.-failed .form-message.form-message-failed { display: block;} form.fullform .form-actions { padding: 0 40px 20px 40px;} form.fullform .form-actions button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; box-shadow: none; border:#fff 0px solid; margin: 0px!important; background-color: transparent; font-size: 15px; background-color: #e61674; color: #fff; padding: 20px; line-height: 1.2em; width:100%; font-weight: 700; border-radius:3px; } form.fullform.-processing .form-actions, form.fullform.-success .form-actions { pointer-events: none; opacity: 0.5;} @media all and (max-width: 896px) { .formulier > .page > .wrap > .columns > .column > .padding { padding-top: 60px; padding-bottom: 60px;} .form-steps .form-step .form-step-contain, .form-steps .form-step.start .form-step-contain { padding-left: 0px!important; padding-right: 0px!important; text-align: left!important;} .form-steps .form-step.start ul li { width: 100%; display:block; text-align: left;} } @media all and (max-width: 768px) { form.fullform .form-field.split-list label { width: 100%; max-width:100%; float: none;} form.fullform .form-field.large-number { width:100%; float: none; padding-right: 40px;} form.fullform .form-field.large-number input { height:45px; font-size: 1em; font-weight: 700; text-align: left;} form.fullform .form-field.large-number + .form-field, .form-field.large-number + .form-field + .form-field { width: calc(100%); float:none; padding-left: 40px; padding-right: 40px;} form.fullform .form-field.large-number + .form-field + .form-field + .form-field { clear: both;} } @media all and (max-width: 512px) { section.formulier > .guide { right:20px; bottom:15px;} form.fullform .form-field.half-first { width: 100%; max-width: 100%; float: none; clear: both;} form.fullform .form-field.half-last { width: 100%; max-width: 100%; float: none; clear: both;} form.fullform .form-field, form.fullform .form-messages, form.fullform .form-actions { width: 100%!important; max-width: 100%!important; padding-left: 20px!important; padding-right: 20px!important;} } @media all and (max-width: 320px) { section.formulier > .guide button span.icon { display: none;} } form.shortform { background-color: #fff; padding: 30px;} form.shortform .form-fields{} form.shortform .form-actions{} .-clear { clear: both; float: none; width:100%;} .flickity-button { max-width: 44px; min-width: 44px;} .theme-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; border:#fff 0px solid!important; display: inline-block; padding: 15px 20px!important; margin-bottom: 10px!important; text-decoration: none!important; font-family: "Eagle", sans-serif; text-transform:uppercase; font-weight:400; line-height: 1.2em; position: relative; transition: transform 50ms, opacity 400ms; ; will-change: transform; } .theme-button:hover { transform: translateY(-2px); } .theme-button:focus { transform: translateY(2px); } .theme-button.alt { background-color: transparent; color: #fff;} .theme-button.dark { background-color: #0f172f; color: #fff;} .theme-button > span.title { font-weight: 400; display: block; vertical-align: text-top; padding-left: 20px; text-align: left; } .theme-button > span.icon { margin-right: 15px; width:15px; height:20px; display: inline-block; vertical-align: text-top; position: absolute; left:20px; top:15px; text-align: left; } p.actions:after, .theme-button:after { content: ''; display: block; float:none; clear: both;} p.actions a:first-of-type { background-color: #0f172f; color: #fff; } /* FAQ */ section.faq { background-color:rgba(231,246,250,1); color: #0f172f;} section.faq > .page {} section.faq > .page > .wrap { padding: 60px 0 100px 0;} section.faq h4 { font-family: "Eagle", sans-serif; font-size: 2.2em; line-height: 1.2em; font-weight: 400; text-align: center; text-transform: uppercase; margin-bottom: 20px; } section.faq .accordion { max-width: 620px; margin: 0 auto;} section.faq .accordion > .accordion-item { background-color:#f1f9fc; margin-bottom: 5px; transition: all 125ms ease-in;} section.faq .accordion > .accordion-item > .accordion-question { position: relative; padding: 20px 60px 20px 20px; } section.faq .accordion > .accordion-item > .accordion-question:hover { cursor: pointer;} section.faq .accordion > .accordion-item > .accordion-question h5 { font-family: "Frank New", sans-serif; font-size: 16px; line-height: 19px; font-weight: 700; font-style: italic; padding: 0px; margin:0px;} section.faq .accordion > .accordion-item > .accordion-question i { position: absolute; right:15px; top:0px; bottom:0px; font-size: 16px; line-height: 19px; display: inline-block; padding: 5px; padding-top: 20px;} section.faq .accordion > .accordion-item > .accordion-question i.fa-angle-up { display: none;} section.faq .accordion > .accordion-item > .accordion-answer { height:0px; padding:0px; margin: 0px; overflow: hidden; } section.faq .accordion > .accordion-item > .accordion-answer > .contain { padding: 30px;} section.faq .accordion > .accordion-item:hover, section.faq .accordion > .accordion-item.-open { background-color: #fff;} section.faq .accordion > .accordion-item.-open > .accordion-question i.fa-angle-up { display: inline;} section.faq .accordion > .accordion-item.-open > .accordion-question i.fa-angle-down { display: none;} section.faq .accordion > .accordion-item.-open > .accordion-answer { height:auto;} /* COLUMNS WITH LINKS*/ section.column-links { background-color: #fff!important; padding: 40px 0;} section.column-links > .page {} section.column-links > .page > .wrap {} section.column-links .columns { padding:0; text-align: center; justify-content: center;} section.column-links .columns .column { max-width:512px; -webkit-box-shadow: inset 1px 0px 0px 0px #0f172f; -moz-box-shadow: inset 1px 0px 0px 0px #0f172f; box-shadow: inset 1px 0px 0px 0px #0f172f; } section.column-links .columns .column:first-of-type { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } section.column-links .columns .column h4 { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 21px!important; line-height: 1.2em; } section.column-links .columns .column .theme-button { background-color: #e7f6fa!important; color:#0f172f!important; } @media all and (max-width: 640px) { section.column-links { padding-bottom: 10px;} section.column-links .columns .column { padding-top:30px!important; padding-bottom: 30px!important; -webkit-box-shadow: inset 0px 1px 0px 0px #0f172f; -moz-box-shadow: inset 0px 1px 0px 0px #0f172f; box-shadow: inset 0px 1px 0px 0px #0f172f; } section.column-links .columns .column:first-of-type { padding-top: 0px!important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } /* POPUPS */ div#modal { position: fixed; z-index: 100; left:0px; top:100%; right:0px; bottom:0px; opacity:0; pointer-events: none; overflow: hidden; transition: all 175ms ease-in 275ms, top 0ms ease-in 275ms ; will-transform:opacity;} div#modal > .page { padding-top: 60px; padding-bottom: 30px; transition: padding-top 175ms cubic-bezier(0.85, -0.4, 0.2, 1.45) 75ms; position: relative; will-transform:padding; height:calc(100vh); overflow: hidden;} div#modal > .page > .wrap {} div#modal > .page > .wrap > .contain { position: fixed; left:50%; top:55%; z-index: 11; opacity:0; transform: translate(-50%,-50%); width:100%; max-width: 620px; margin: 0 auto; padding: 0px; transition: all 275ms cubic-bezier(0.85, -0.4, 0.2, 1.45); pointer-events: none; } div#modal > .page > .wrap > .contain > .popup {} div#modal > .page > .wrap > .contain > .popup > .contain { position:static; padding: 0px; margin:60px 30px; background-color: #fff; color: #0f172f; max-height:calc(100vh - 120px); overflow: auto;} div#modal > .page > .wrap > .contain > .popup > .contain > .popup-title { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 19px; line-height: 1.2em; padding: 40px 90px 0px 40px; } div#modal > .page > .wrap > .contain > .popup > .contain > .popup-close { position: absolute; right:30px; top:60px; width:60px; height:60px; padding-top: 20px; z-index: 1; font-size: 21px; line-height:1em; text-align: center; background-color: #e7f6fa;} div#modal > .page > .wrap > .contain > .popup > .contain > .popup-close:hover { cursor: pointer;} div#modal > .page > .wrap > .contain > .popup > .contain > .popup-content { font-family: "Frank New", sans-serif; font-size:15px; line-height:1.2em; padding: 30px 40px 30px 40px; position: relative; z-index: 0;} div#modal > .page > .wrap > .contain > .popup > .contain > .popup-content ul { list-style: none; padding-left: 0px; } div#modal > .page > .wrap > .contain > .popup > .contain > .popup-content ul li { position: relative; padding-left:30px;} div#modal > .page > .wrap > .contain > .popup > .contain > .popup-content ul li::before { font-family: "Font Awesome 5 Pro"; content:'\f00c'; font-weight: 700; position: absolute; left:0px; display: inline-block; } div#modal > .page > .wrap > .contain > .popup > .contain > .popup-content .form-title {display:none;} div#modal > .page > .wrap > .contain > .popup > .contain > .popup-content iframe { border:#000 0px solid; width:100%; } div#modal > .page > .wrap > .contain > .popup > .contain > .popup-links { padding:30px; background-color: #e7f6fa; z-index: 1;} div#modal > .page > .wrap > .contain > .popup > .contain > .popup-links .theme-button { background-color: #fff; font-size:14px; margin-right:10px;} div#modal > .page > .wrap > .contain > .popup > .contain > .popup-links .theme-button-dark { background-color: #0f172f; color: #fff;} div#modal.-show { position: fixed; z-index: 999999; left:0px; top:0px; right:0px; bottom:0px; opacity:1; background-color: rgba(0,0,0,0.8); transition-delay: 0ms, 0ms; } div#modal.-show > .page { padding-top: 30px;} div#modal.-show > .page > .wrap > .contain { opacity:1; top:50%; transform: translate(-50%,-50%); padding-top: 0px; pointer-events: all; transition-delay: 175ms; } div.popups, div.-popups {height:0px; padding: 0px; margin: 0px; position: relative; overflow:hidden; } [popup-id="sem"] > .contain { overflow: hidden!important;} [popup-id="sem"] .popup-content { padding: 0px!important;} [popup-id="sem"] .popup-content iframe { border:#000 0px solid; width:100%; min-height: 350px; height:750px; padding: 10px; overflow-y: auto!important;} @media all and (min-width: 640px) and (max-height: 900px) { [popup-id="sem"] .popup-content iframe { height:calc(100vh - 120px - 80px);} } @media all and (max-width: 640px) { [popup-id="sem"] .popup-content iframe { height:100%; padding-right:0px; } } div#modal.-has-iframe.-viking > .page > .wrap > .contain > .popup > .contain > .popup-content iframe { min-height:7550px!important;} div#modal.-has-iframe.-youtube {} div#modal.-has-iframe.-youtube > .page > .wrap > .contain { max-width: 860px;} div#modal.-has-iframe.-youtube > .page > .wrap > .contain .popup-content { padding-left: 0px!important; padding-right: 0px!important; padding-bottom: 0px!important;} div#modal.-has-iframe.-youtube > .page > .wrap > .contain .popup-content iframe { vertical-align: bottom!important; height:360px!important;} /* COVERS */ section.cover {position: relative; font-family: "Frank New", sans-serif; padding: 0px; margin: 0px;} section.cover > .page { position: relative; z-index: 1; max-width: 100%; padding: 0px; margin: 0px; } section.cover > .page > .wrap { position: static; z-index: 1; padding: 0px;} section.cover > .page > .wrap > .columns { min-height: 120px;} section.cover > .page > .wrap > .columns > * { } section.cover > .page > .wrap > .columns > * > .padding { padding: 40px;} section.cover > .page > .wrap > .columns > * > .padding > .contain {} /*COVERS DEFAULT*/ section.cover.type_default { } section.cover.type_default .columns {text-align: center; padding: 180px 0;} section.cover.type_default .columns.align_default { justify-content: center; } section.cover.type_default .columns.align_left { justify-content: flex-start; } section.cover.type_default .columns.align_right { justify-content: flex-end; } section.cover.type_default .column.text { position: relative; z-index: 3; color: #fff; max-width: 620px;} section.cover.type_default .column.text .contain { margin: 0 auto;} section.cover.type_default .column.text h2 { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 32px; line-height: 1.2em; color: inherit!important; } section.cover.type_default .column.text h2 strong { font-family: 'Brotherhood',sans-serif; font-size: 3.8em; line-height: 0.75em; text-transform: lowercase; display: block; transform: skewY(-2deg) translateX(0px); font-weight: 400!important; } section.cover.type_default .column.text p.actions {} section.cover.type_default .column.image { position: absolute; left:0px; top:0px; right:0px; bottom:0px; z-index: 0; background-color: #0f172f;} section.cover.type_default .column.image .shot { position: absolute; left:0px; top:0px; right:0px; bottom:0px; z-index: 0; } section.cover.type_text_image {} section.cover.type_text_image .columns {text-align: center; padding: 180px 0;} section.cover.type_text_image .columns.align_default { justify-content: center; } section.cover.type_text_image .columns.align_left { justify-content: flex-start; } section.cover.type_text_image .columns.align_right { justify-content: flex-end; } section.cover.type_text_image .column.text { position: relative; z-index: 3; background-color: #fff; color: #0f172f; max-width: 420px; text-align: left;} section.cover.type_text_image .column.text h2 { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 26px; line-height: 1.2em; color: inherit!important; } section.cover.type_text_image .column.text h2 strong { font-weight: 400;} section.cover.type_text_image .column.text p:first-of-type { padding-left: 20px; -webkit-box-shadow: inset 3px 0px 0px 0px #0f172f; -moz-box-shadow: inset 3px 0px 0px 0px #0f172f; box-shadow: inset 3px 0px 0px 0px #0f172f; } section.cover.type_text_image .column.text.align_default {} section.cover.type_text_image .column.text.align_left {} section.cover.type_text_image .column.image { position: absolute; left:0px; top:0px; right:0px; bottom:0px; z-index: 0; background-color: #0f172f;} section.cover.type_text_image .column.image .shot { position: absolute; left:0px; top:0px; right:0px; bottom:0px; z-index: 0; } /*COVERS COLORS */ section.cover.colors_default{} /*FOOTERLINKS*/ section.footerlinks h4 { color:#fff;} section.footerlinks a { color:#fff; font-size:14px;} section.footerlinks a span.icon { display:none;} section.footerlinks a span.title { text-transform: none; font-family: "Frank New", sans-serif; } /* STANDARD */ section.standard {} section.standard:nth-child(odd) { background-color:rgba(231,246,250,0.5);} section.standard > .-page { font-family: "Frank New", sans-serif; padding-left: 5vw; padding-right: 5vw;} section.standard > .-page > .-wrap {} section.standard > .-page > .-wrap > .-columns { padding: 60px 0;} section.standard > .-page > .-wrap > .-columns > .-column { padding: 30px;} section.standard > .-page > .-wrap > .-columns > .-column.title {} section.standard > .-page > .-wrap > .-columns > .-column.title h2 { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 26px; line-height: 1.2em; padding-bottom: 0px; } section.standard > .-page > .-wrap > .-columns > .-column.text h3 { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 21px; line-height: 1.2em; padding-bottom: 0px; } section.standard > .-page > .-wrap > .-columns > .-column.video { padding: 0px; margin-bottom:30px; } section.standard > .-page > .-wrap > .-columns > .-column.video .video-box {position: relative;} section.standard > .-page > .-wrap > .-columns > .-column.video .video-poster { position: absolute; left:0px; top:0px; right:0px; bottom:0px; z-index: 2;} section.standard > .-page > .-wrap > .-columns > .-column.video .video-button { position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); z-index: 2; background-color:rgba(235,25,116,0.8); border-radius:0px; white-space: nowrap; min-width: 70px; max-width: 100%;} section.standard > .-page > .-wrap > .-columns > .-column.video .video-button span.icon { display: inline-block; vertical-align: middle; width: 50px; height:50px; background: rgba(0,0,0,0.25) url('../icons/play_button.svg') no-repeat center center/40px; border-radius:50%; margin: 10px; } section.standard > .-page > .-wrap > .-columns > .-column.video .video-button span.title { display: inline-block; vertical-align: middle; padding: 10px 20px 10px 10px; max-width:calc(100% - 70px); white-space: normal; font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 16px; line-height: 1.2em; color:#fff; } section.standard > .-page > .-wrap > .-columns > .-column.video .video-frame { position: relative; z-index: 1;} section.standard > .-page > .-wrap > .-columns > .-column.video .video-frame iframe { width: 100%;} section.standard > .-page > .-wrap > .-columns > .-column.video .video-shade { position: absolute; z-index: 0; right: 0; top: 0; bottom: 0; left: 0; height: calc(100%)!important; transform: translate(15px,15px); background: url('../patterns/pattern-shade.svg') repeat left top / 6px; } section.standard > .-page > .-wrap > .-columns > .-column.video .video-box.-play .video-poster { display: none;} section.standard > .-page > .-wrap > .-columns > .-column.list { text-align: left;} section.standard > .-page > .-wrap > .-columns > .-column.list > h4.title { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 18px; line-height: 1.2em; } section.standard > .-page > .-wrap > .-columns > .-column.list > p.costs { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 18px; line-height: 1.2em; background-color: #fff; padding: 15px!important; margin-bottom: 0px;} section.standard > .-page > .-wrap > .-columns > .-column.list > p.links { } section.standard > .-page > .-wrap > .-columns > .-column.list > ul { list-style: none; padding: 0px; padding-bottom: 15px;} section.standard > .-page > .-wrap > .-columns > .-column.list > ul > li { position: relative; margin-left: 40px; border-bottom:#e7f6fa 1px solid; padding-top: 5px; padding-bottom: 5px;} section.standard > .-page > .-wrap > .-columns > .-column.list > ul > li:last-child { border-bottom:#e7f6fa 0px solid;} section.standard > .-page > .-wrap > .-columns > .-column.list > ul > li span.icon { position: absolute; left:-40px; top:5px; background-color: #e7f6fa; display: inline-block; border-radius:50%; width:30px; height:30px; line-height: 30px; text-align: center; } /* SPECIFIC MARKUP */ section.standard > .-page > .-wrap > .-columns.-has-video {} section.standard > .-page > .-wrap > .-columns.-has-video .-column.title { min-width: 100%; max-width: 100%; text-align: center; order:1; } section.standard > .-page > .-wrap > .-columns.-has-video .-column.text { order:2;} section.standard > .-page > .-wrap > .-columns.-has-video .-column.text * { max-width: 512px; margin: 0 auto; } section.standard > .-page > .-wrap > .-columns.-has-video .-column.video { flex:2; order:3;} section.standard > .-page > .-wrap > .-columns.-has-video .-column.links { min-width: 100%; max-width: 100%; text-align: center; padding-top: 15px; order:4;} section.standard > .-page > .-wrap > .-columns.-has-video.-has-list {} section.standard > .-page > .-wrap > .-columns.-has-video.-has-list .-column.title { min-width: 100%; max-width: 100%; text-align: center; padding-bottom: 0px!important; order:1;} section.standard > .-page > .-wrap > .-columns.-has-video.-has-list .-column.text { min-width: 100%; max-width: 100%; text-align: center; order:2; padding-bottom: 60px;} section.standard > .-page > .-wrap > .-columns.-has-video.-has-list .-column.text * { max-width: 512px; margin: 0 auto; } section.standard > .-page > .-wrap > .-columns.-has-video.-has-list .-column.video { min-width: 640px; max-width: 50%; order:4;} section.standard > .-page > .-wrap > .-columns.-has-video.-has-list .-column.list { min-width: calc(100% - 640px); max-width: calc(100% - 640px); order:3;} section.standard > .-page > .-wrap > .-columns.-has-video.-has-list .-column.links { min-width: 100%; max-width: 100%; text-align: center; padding-top: 15px; order:4;} section.standard > .-page > .-wrap > .-columns[class="-columns -has-title -has-text -has-image"] { } section.standard > .-page > .-wrap > .-columns[class="-columns -has-title -has-text -has-image"] .-column.title { max-width: 256px; text-align: left;} section.standard > .-page > .-wrap > .-columns[class="-columns -has-title -has-text -has-image"] .-column.text { max-width: calc(512px); background-color: rgba(0,157,146,1); padding:40px; color: #fff; transform: translateY(-50px); } section.standard > .-page > .-wrap > .-columns[class="-columns -has-title -has-text -has-image"] .-column.image { min-width: calc(100% - 256px); max-width: calc(100% - 256px); padding: 0px;} section.standard > .-page > .-wrap > .-columns[class="-columns -has-title -has-text -has-image -has-list"] { padding-bottom: 10px;} section.standard > .-page > .-wrap > .-columns[class="-columns -has-title -has-text -has-image -has-list"] .-column.title { max-width: 256px; text-align: left;} section.standard > .-page > .-wrap > .-columns[class="-columns -has-title -has-text -has-image -has-list"] .-column.text { max-width: calc(512px); background-color: rgba(0,157,146,1); padding:40px; color: #fff; transform: translateY(-50px); } section.standard > .-page > .-wrap > .-columns[class="-columns -has-title -has-text -has-image -has-list"] .-column.image { min-width: calc(100% - 256px); max-width: calc(100% - 256px); padding: 0px;} section.standard > .-page > .-wrap > .-columns[class="-columns -has-title -has-text -has-image -has-list"] .-column.list { max-width: 512px;} @media all and (max-width: 1152px) { section.standard > .-page > .-wrap > .-columns.-has-video .-column.text { min-width: calc(100% - 640px); max-width: calc(100% - 640px); order:2;} section.standard > .-page > .-wrap > .-columns.-has-video .-column.video { min-width: 640px; max-width: 50%; order:3;} section.standard > .-page > .-wrap > .-columns.-has-video.-has-list .-column.video { min-width: 50%; max-width: 50%;} section.standard > .-page > .-wrap > .-columns.-has-video.-has-list .-column.list { min-width: 50%; max-width: 50%;} } @media all and (max-width: 1024px) { section.standard > .-page > .-wrap > .-columns.-has-video .-column.text { min-width: 50%; max-width: 50%;} section.standard > .-page > .-wrap > .-columns.-has-video .-column.video { min-width: 50%; max-width: 50%;} section.standard > .-page > .-wrap > .-columns.-has-title.-has-text.-has-image .-column.title { max-width: 50%;} section.standard > .-page > .-wrap > .-columns.-has-title.-has-text.-has-image .-column.text { min-width: 50%;} } @media all and (max-width: 960px) { section.standard > .-page > .-wrap > .-columns.-has-title.-has-text.-has-image .-column.title { max-width: 256px; text-align: left; order:1;} section.standard > .-page > .-wrap > .-columns.-has-title.-has-text.-has-image .-column.text { max-width: calc(100% - 256px); order:2;} section.standard > .-page > .-wrap > .-columns.-has-title.-has-text.-has-image .-column.image { min-width: calc(100%); max-width: calc(100%); padding: 0px; order:0;} section.standard > .-page > .-wrap > .-columns[class="-columns -has-title -has-text -has-image -has-list"] { } section.standard > .-page > .-wrap > .-columns[class="-columns -has-title -has-text -has-image -has-list"] .-column.title { max-width: 256px; text-align: left; order:1;} section.standard > .-page > .-wrap > .-columns[class="-columns -has-title -has-text -has-image -has-list"] .-column.text { max-width: calc(100% - 256px); order:2; } section.standard > .-page > .-wrap > .-columns[class="-columns -has-title -has-text -has-image -has-list"] .-column.image { min-width: calc(100%); max-width: calc(100%); padding: 0px; order:0;} section.standard > .-page > .-wrap > .-columns[class="-columns -has-title -has-text -has-image -has-list"] .-column.list { display:none;} } @media all and (max-width: 896px) { section.standard > .-page > .-wrap > .-columns.-has-video .-column.title { padding-bottom: 0px!important;} section.standard > .-page > .-wrap > .-columns.-has-video .-column.text { min-width: 100%; max-width: 100%;} section.standard > .-page > .-wrap > .-columns.-has-video .-column.video { min-width: 100%; max-width: 100%;} section.standard > .-page > .-wrap > .-columns.-has-video.-has-list .-column.title { min-width: 100%; max-width: 100%; text-align: center;} section.standard > .-page > .-wrap > .-columns.-has-video.-has-list .-column.text { min-width: 50%; max-width: 50%;} section.standard > .-page > .-wrap > .-columns.-has-video.-has-list .-column.video { min-width: 100%; max-width: 100%;} section.standard > .-page > .-wrap > .-columns.-has-video.-has-list .-column.list { min-width: 50%; max-width: 50%;} section.standard > .-page > .-wrap > .-columns.-has-video.-has-list .-column.links { padding-top: 30px;} } @media all and (max-width: 768px) { section.standard > .-page > .-wrap > .-columns.-has-title.-has-text.-has-image .-column.title { min-width: calc(100%); max-width: calc(100%); text-align: center; order:1; background-color: rgba(0,157,146,1); color: #fff; } section.standard > .-page > .-wrap > .-columns.-has-title.-has-text.-has-image .-column.text { min-width: calc(100%); max-width: calc(100%); text-align: center; order:2; background-color:transparent; color:inherit;transform: translateY(0);} section.standard > .-page > .-wrap > .-columns.-has-title.-has-text.-has-image .-column.image { min-width: calc(100%); max-width: calc(100%); padding: 0px; order:0;} section.standard > .-page > .-wrap > .-columns[class="-columns -has-title -has-text -has-image -has-list"] { padding-top: 0px!important;} section.standard > .-page > .-wrap > .-columns[class="-columns -has-title -has-text -has-image -has-list"] .-column.title { min-width: calc(100%); max-width: none!important; text-align: center; order:1; background-color: rgba(0,157,146,1); color: #fff; margin-left:-5vw; margin-right: -5vw;} section.standard > .-page > .-wrap > .-columns[class="-columns -has-title -has-text -has-image -has-list"] .-column.text { min-width: calc(100%); max-width: calc(100%); text-align: center; order:2; background-color:transparent; color:inherit;transform: translateY(0); } section.standard > .-page > .-wrap > .-columns[class="-columns -has-title -has-text -has-image -has-list"] .-column.image { min-width: calc(100%); max-width:none!important; text-align: center; order:2; background-color:transparent; color:inherit;transform: translateY(0); margin-left:-5vw; margin-right: -5vw;} section.standard > .-page > .-wrap > .-columns[class="-columns -has-title -has-text -has-image -has-list"] .-column.list { display:none;} } @media all and (max-width: 640px) { section.standard > .-page > .-wrap > .-columns > .-column { min-width: 100%!important; max-width: 100%!important;} section.standard > .-page > .-wrap > .-columns > .-column.text { text-align: center; } section.standard > .-page > .-wrap > .-columns.-has-title.-has-text.-has-image .-column.title { text-align: center;} section.standard > .-page > .-wrap > .-columns.-has-video.-has-list .-column.text { padding-bottom: 30px;} } @media all and (max-width: 512px) { section.standard > .-page > .-wrap > .-columns { padding: 40px 0;} section.standard > .-page > .-wrap > .-columns > .-column { padding: 15px;} section.standard > .-page > .-wrap > .-columns > .-column.video { padding-top: 20px; padding-left: 10px; padding-right: 10px;} section.standard > .-page > .-wrap > .-columns > .-column.video .video-button { left: -10px; right:40%; top:-10px; bottom:auto; transform: translate(0,0);} section.standard > .-page > .-wrap > .-columns > .-column.video .video-button span.title { font-size: 12px;} section.standard > .-page > .-wrap > .-columns[class="-columns -has-title -has-text -has-image -has-list"] .-column.title { padding: 60px 30px;} } /* SELECTION */ section.selection {} section.selection > .-page { font-family: "Frank New", sans-serif; padding-left: 5vw; padding-right: 5vw; background-color:rgba(231,246,250,0.5); position: relative;} section.selection > .-page > .-wrap {} section.selection > .-page > .-wrap > .-columns { padding: 60px 0;} section.selection > .-page > .-wrap > .-columns > .-column { padding: 30px;} section.selection > .-page > .-wrap > .-columns > .-column.title {max-width: 33%; position: relative; z-index: 1;} section.selection > .-page > .-wrap > .-columns > .-column.title h2 { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 28px; line-height: 1.2em; padding-bottom: 0px; } section.selection > .-page > .-wrap > .-columns > .-column.image { position: absolute; left:0px; bottom:0px; right:0px; padding: 0px; z-index: 0; height:300px; } section.selection > .-page > .-wrap > .-columns > .-column.image .padding, section.selection > .-page > .-wrap > .-columns > .-column.image .contain, section.selection > .-page > .-wrap > .-columns > .-column.image .shot { height: 100%!important;} section.selection > .-page > .-wrap > .-columns > .-column.image .contain { background-color: #0f172f!important;} section.selection > .-page > .-wrap > .-columns > .-column.image .shot { opacity: 0.5!important; } section.selection > .-page > .-wrap > .-columns > .-column.selection-items h3 { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 21px; line-height: 1.2em; padding-bottom: 0px; margin-top: 30px; } section.selection > .-page > .-wrap > .-columns > .-column.selection-items h3:first-of-type { margin-top: 0px;} section.selection > .-page > .-wrap > .-columns > .-column.selection-items a { display: block; background-color: #fff; color: #0f172f!important;} /* SPECIFICS */ section.selection > .-page > .-wrap > .-columns.-has-image { padding-bottom: 340px;} @media all and (max-width: 1024px) { section.selection > .-page > .-wrap > .-columns > .-column.title { min-width: 100%; max-width: 100%;} } @media all and (max-width: 896px) { section.selection > .-page > .-wrap > .-columns > .-column.image { height:200px;} section.selection > .-page > .-wrap > .-columns.-has-image { padding-bottom: 240px;} } @media all and (max-width: 640px) { section.selection > .-page > .-wrap > .-columns > .-column { min-width: 100%!important; max-width: 100%!important;} section.selection > .-page > .-wrap > .-columns > .-column.title { text-align: center; padding-bottom: 0px;} section.selection > .-page > .-wrap > .-columns > .-column.text { text-align: center;} section.selection > .-page > .-wrap > .-columns { padding-top: 40px;} section.selection > .-page > .-wrap > .-columns > .-column.image { display: none;} section.selection > .-page > .-wrap > .-columns.-has-image { padding-bottom: 20px;} } /* BUNDLES */ section.bundles {} section.bundles > .-page { font-family: "Frank New", sans-serif; padding-left: 5vw; padding-right: 5vw; background-color:rgba(0,157,146,1);} section.bundles > .-page > .-wrap {} section.bundles > .-page > .-wrap > .-columns { padding: 60px 0;} section.bundles > .-page > .-wrap > .-columns > .-column { padding: 30px; } section.bundles > .-page > .-wrap > .-columns > .-column.title { min-width: 100%; max-width: 100%; text-align: center; color: #fff; padding-bottom: 0px;} section.bundles > .-page > .-wrap > .-columns > .-column.title h2 { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 26px; line-height: 1.2em; padding-bottom: 0px; color:#fff; } section.bundles > .-page > .-wrap > .-columns > .-column.text { text-align: center; color: #fff;} section.bundles > .-page > .-wrap > .-columns > .-column.text > * { max-width: 620px; margin-left: auto; margin-right: auto;} section.bundles > .-page > .-wrap > .-columns > .-column.bundles { min-width: 100%; max-width: 100%; padding-left: 0px; padding-right: 0px; padding-bottom: 0px;} section.bundles > .-page > .-wrap > .-columns > .-column.bundles > .-columns { justify-content: center; align-items: flex-start; } section.bundles > .-page > .-wrap > .-columns > .-column.bundles > .-columns > .-column { margin: 0 20px 20px 20px; max-width: 40%;} section.bundles > .-page > .-wrap > .-columns > .-column.bundles > .-columns > .-column > * {padding: 20px; background-color: #fff; border-bottom:#009d92 1px solid;} section.bundles > .-page > .-wrap > .-columns > .-column.bundles > .-columns > .-column > .bundle-costs { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 26px; line-height: 1.2em; color:#fff; background-color:#0f172f; border-bottom:#009d92 0px solid; padding-bottom: 0px; padding-right: 120px; } section.bundles > .-page > .-wrap > .-columns > .-column.bundles > .-columns > .-column > .bundle-title { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 18px; line-height: 1.2em; color:#fff; background-color:#0f172f; border-bottom:#009d92 0px solid; padding-top: 5px; } section.bundles > .-page > .-wrap > .-columns > .-column.bundles > .-columns > .-column > .bundle-persons { position: absolute; right:-10px; top:-10px; background-color: #e61674; color: #fff; border:#000 0px solid; font-size: 16px; font-weight: 700; } section.bundles > .-page > .-wrap > .-columns > .-column.bundles > .-columns > .-column > .bundle-image { padding: 0px; } section.bundles > .-page > .-wrap > .-columns > .-column.bundles > .-columns > .-column > .bundle-usps { padding: 0px;} section.bundles > .-page > .-wrap > .-columns > .-column.bundles > .-columns > .-column > .bundle-usps ul { list-style: none; padding: 0px;} section.bundles > .-page > .-wrap > .-columns > .-column.bundles > .-columns > .-column > .bundle-usps ul li { position: relative; padding: 10px 20px 10px 50px; background-color:rgba(0,157,146,0.9); border-bottom:#009d92 1px solid; color: #fff; } section.bundles > .-page > .-wrap > .-columns > .-column.bundles > .-columns > .-column > .bundle-usps ul li span.icon { position: absolute; left:20px; top:10px;} section.bundles > .-page > .-wrap > .-columns > .-column.bundles > .-columns > .-column > .bundle-usps ul li span.title {} section.bundles > .-page > .-wrap > .-columns > .-column.bundles > .-columns > .-column > .bundle-links { background-color: transparent; padding: 0px;} section.bundles > .-page > .-wrap > .-columns > .-column.bundles > .-columns > .-column > .bundle-links a { background-color: #fff; color: #0f172f; width: 100%; margin: 0px!important; margin-bottom: 1px!important;} @media all and (max-width: 1280px) { } @media all and (max-width: 640px) { section.bundles > .-page > .-wrap > .-columns { padding-top: 40px; padding-bottom: 20px;} section.bundles > .-page > .-wrap > .-columns > .-column.bundles > .-columns > .-column { margin-left: 0px; margin-right: 0px; max-width: 100%;} section.bundles > .-page > .-wrap > .-columns > .-column.bundles > .-columns > .-column > .bundle-costs { font-size: 21px;} } /* BLOCKS */ section.blocks {} section.blocks > .-page { font-family: "Frank New", sans-serif; padding-left: 5vw; padding-right: 5vw; background-color:rgba(231,246,250,1);} section.blocks > .-page > .-wrap {} section.blocks > .-page > .-wrap > .-columns { padding: 60px 0 0 0;} section.blocks > .-page > .-wrap > .-columns > .-column { padding: 30px 0;} section.blocks > .-page > .-wrap > .-columns > .-column.title { min-width: 100%; max-width: 100%; text-align: center;} section.blocks > .-page > .-wrap > .-columns > .-column.title h2 { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 26px; line-height: 1.2em; padding-bottom: 0px; } section.blocks > .-page > .-wrap > .-columns > .-column.text { text-align: center;} section.blocks > .-page > .-wrap > .-columns > .-column.text > * { max-width: 620px; margin-left: auto; margin-right: auto;} section.blocks > .-page > .-wrap > .-columns > .-column.blocks { min-width: 100%; max-width: 100%; padding-left: 25px; padding-right: 25px;} section.blocks > .-page > .-wrap > .-columns > .-column.blocks > .-columns { justify-content: center; align-items: flex-start;} section.blocks > .-page > .-wrap > .-columns > .-column.blocks > .-columns > .-column { max-width: 384px; margin: 0 5px 15px 5px; background-color: #fff; } section.blocks > .-page > .-wrap > .-columns > .-column.blocks > .-columns > .-column .block-image .contain, section.blocks > .-page > .-wrap > .-columns > .-column.blocks > .-columns > .-column .block-image .shot { min-height: 300px;} section.blocks > .-page > .-wrap > .-columns > .-column.blocks > .-columns > .-column .block-title { padding: 30px 20px 20px 20px; text-align: center; background-color: #fff; } section.blocks > .-page > .-wrap > .-columns > .-column.blocks > .-columns > .-column .block-title h3 { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 21px; line-height: 1.2em; } section.blocks > .-page > .-wrap > .-columns > .-column.blocks > .-columns > .-column .block-text { padding: 0 20px 30px 20px; text-align: center; background-color: #fff;} section.blocks > .-page > .-wrap > .-columns > .-column.blocks > .-columns > .-column .block-alert { padding: 20px; background-color:#0f172f; color: #fff; text-align: center; font-weight: 700;} section.blocks > .-page > .-wrap > .-columns > .-column.blocks > .-columns > .-column .block-links { padding: 0 0 20px 0; text-align: center; background-color: #fff; } section.blocks > .-page > .-wrap > .-columns > .-column.blocks > .-columns > .-column .block-links a {color: #0f172f; margin-bottom: 0px;} @media all and (max-width: 1280px) { section.blocks > .-page > .-wrap > .-columns > .-column.blocks > .-columns[-column-count="4"] > .-column { min-width: 45%; max-width: 45%;} } @media all and (max-width: 832px) { section.blocks > .-page > .-wrap > .-columns > .-column.blocks > .-columns[-column-count="4"] > .-column { min-width: 100%; max-width: 100%; margin-bottom: 30px;} section.blocks > .-page > .-wrap > .-columns > .-column.blocks > .-columns[-column-count="4"] > .-column *[-equalheight] { height: auto!important; min-height: inherit!important;} } @media all and (max-width: 640px) { section.blocks > .-page > .-wrap > .-columns { padding-top: 40px; padding-bottom: 20px;} } @media all and (max-width: 512px) { section.blocks > .-page > .-wrap > .-columns > .-column.blocks { padding: 0px 0px;} section.blocks > .-page > .-wrap > .-columns > .-column.blocks > .-columns > .-column .block-image .contain, section.blocks > .-page > .-wrap > .-columns > .-column.blocks > .-columns > .-column .block-image .shot { min-height: 200px;} section.blocks > .-page > .-wrap > .-columns > .-column.blocks > .-columns > .-column .block-text { min-height: inherit!important;} } /* MAP */ section.map {} section.map > .-page { font-family: "Frank New", sans-serif; padding-left:5vw; padding-right:5vw; background-color:#fff; position: relative;} section.map > .-page > .-wrap { position: relative; } section.map > .-page > .-wrap > .-columns { padding:60px 0; max-width: 50%; margin-left: 50%; min-height: 640px;} section.map > .-page > .-wrap > .-columns > .-column { padding: 30px; position: relative; z-index: 2;} section.map > .-page > .-wrap > .-columns > .-column.title { max-width: 256px; padding-right: 0px;} section.map > .-page > .-wrap > .-columns > .-column.title h2 { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 22px; line-height: 1.2em; padding-bottom: 0px; } section.map > .-page > .-wrap > .-columns > .-column.links { padding: 30px;} section.map > .-page > .-wrap > .-columns > .-column.map { position: absolute; left:0%; top:50px; right:50%; bottom:50px; padding: 0px; min-height: 400px;} section.map > .-page > .-wrap > .-columns > .-column.map iframe { width: 100%!important; height: 100%!important;} section.map > .-page > .-wrap > .-columns > .-column.title { min-width:100%;} section.map > .-page > .-wrap > .-columns > .-column.text { min-width:100%;} @media all and (max-width: 896px) { section.map > .-page > .-wrap > .-columns { max-width: 100%; margin-left: auto;} section.map > .-page > .-wrap > .-columns > .-column.title { min-width: 100%; max-width: 100%; text-align: center; padding-right: 30px; } section.map > .-page > .-wrap > .-columns > .-column.text { text-align: left;} section.map > .-page > .-wrap > .-columns > .-column.map { position: relative; left: auto; top:auto; right:auto; bottom: auto;} section.map > .-page > .-wrap > .-columns > .-column.links { min-width: 100%; text-align: center; order:5;} } @media all and (max-width: 768px) { section.map > .-page > .-wrap > .-columns { padding-top: 40px; padding-bottom: 0px;} section.map > .-page > .-wrap > .-columns > .-column.text { min-width: 100%; max-width: 100%; text-align: center; } section.map > .-page > .-wrap > .-columns > .-column.map { margin-left: -5vw; margin-right: -5vw;} section.map > .-page > .-wrap > .-columns > .-column.links { display: none;} } /* REVIEW */ section.reviews {} section.reviews > .-page { font-family: "Frank New", sans-serif; padding-left:5vw; padding-right:5vw; background-color:#fff; position: relative; overflow: hidden;} section.reviews > .-page > .-wrap { } section.reviews > .-page > .-wrap > .-columns { padding: 120px 0; justify-content: center;} section.reviews > .-page > .-wrap > .-columns > .-column { padding: 30px; position: relative; z-index: 2;} section.reviews > .-page > .-wrap > .-columns > .-column.title { position: relative; z-index: 1; max-width: 384px; } section.reviews > .-page > .-wrap > .-columns > .-column.title h2 { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 32px; line-height: 1.2em; padding-bottom: 0px; color: #fff; } section.reviews > .-page > .-wrap > .-columns > .-column.title a { background-color:#fff;} section.reviews > .-page > .-wrap > .-columns > .-column.title p.ervaring {background-color:#fff; padding:25px 30px 25px 30px; position:relative; font-size:14px;} section.reviews > .-page > .-wrap > .-columns > .-column.title p.ervaring span.cloud { position:absolute; left:0px; bottom:-10px; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #fff; } section.reviews > .-page > .-wrap > .-columns > .-column.title p.ervaring span.score { color:#ffb612; margin-left:0px;} section.reviews > .-page > .-wrap > .-columns > .-column.title p.ervaring strong { font-size:16px;} section.reviews > .-page > .-wrap > .-columns > .-column.short { position: relative; z-index: 1; max-width: 384px; background-color: #fff;} section.reviews > .-page > .-wrap > .-columns > .-column.short h3 { font-family: "Eagle", sans-serif; position: relative; text-align: center; text-transform: uppercase; font-weight: 400; font-size: 21px; line-height: 1.2em; padding-bottom: 0px; } section.reviews > .-page > .-wrap > .-columns > .-column.short h3 img { width: 100px; height:auto; margin-bottom: 15px; } section.reviews > .-page > .-wrap > .-columns > .-column.short h3 span { display: block;} section.reviews > .-page > .-wrap > .-columns > .-column.short ul { list-style: none; padding: 0px;} section.reviews > .-page > .-wrap > .-columns > .-column.short ul li { position: relative; padding:5px 100px 5px 0; } section.reviews > .-page > .-wrap > .-columns > .-column.short ul li:first-of-type { } section.reviews > .-page > .-wrap > .-columns > .-column.short ul li span.name { display:inline; vertical-align: top; position: relative; z-index: 3; background-color: #fff; padding-right: 20px; } section.reviews > .-page > .-wrap > .-columns > .-column.short ul li span.value { display:inline-block; vertical-align: top; position: absolute; right:0px; top:0px; width: 100px; height:50px; background-color:#fff; padding: 5px 0; text-align: center; font-weight: 700; color:#ffb612; z-index: 4;} section.reviews > .-page > .-wrap > .-columns > .-column.short ul li span.bar { display:inline-block; vertical-align: top; position: absolute; left:0px; top:20px; right:100px; height: 1px; background-color: #e7f6fa; z-index: 1;} section.reviews > .-page > .-wrap > .-columns > .-column.short .grade { text-align: center;} section.reviews > .-page > .-wrap > .-columns > .-column.short .grade span.number { display: block; padding-bottom: 15px;} section.reviews > .-page > .-wrap > .-columns > .-column.short .grade span.number i { display: inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 19px; font-style: normal; font-weight: 700; border-radius: 50%; background-color:rgba(235,25,116,1); color: #fff; } section.reviews > .-page > .-wrap > .-columns > .-column.short .grade span.amount { font-size: 14px;} section.reviews > .-page > .-wrap > .-columns > .-column.short .grade span.spacer {font-size: 14px;} section.reviews > .-page > .-wrap > .-columns > .-column.short .grade span.recommend {font-size: 14px;} section.reviews > .-page > .-wrap > .-columns > .-column.short .fetch {} section.reviews > .-page > .-wrap > .-columns > .-column.short .action { display: none;} section.reviews > .-page > .-wrap > .-columns > .-column.short .action button { background-color: #fff; width: 100%; text-align: center; font-size: 16px;} section.reviews > .-page > .-wrap > .-columns > .-column.short .action button span { position: relative; display: inline-block; vertical-align: top; margin: 0px; left: auto; top:auto;} section.reviews > .-page > .-wrap > .-columns > .-column.short .links { margin-left:-30px; width:calc(100% + 60px); margin-bottom:-30px; padding:0px; margin-top:20px; background-color:rgba(231,246,250,1); text-align:center;} section.reviews > .-page > .-wrap > .-columns > .-column.short .links a { background-color:#fff; display:block; margin-bottom:0px!important; text-align:center; background-color:rgba(231,246,250,1);} section.reviews > .-page > .-wrap > .-columns > .-column.short .links a span.title { text-align:center; display:inline-block; vertical-align:top; padding-left:0px;} section.reviews > .-page > .-wrap > .-columns > .-column.short .links a span.icon { position:relative;left:auto; top:auto;} section.reviews > .-page > .-wrap > .-columns > .-column.image { position: absolute; left: 0px; top:0px; right:0px; bottom:0px; height:100%!important; z-index: 0; padding: 0px;} section.reviews > .-page > .-wrap > .-columns > .-column.image > .padding { height:100%!important; } section.reviews > .-page > .-wrap > .-columns > .-column.image > .padding > .contain { background-color: #0f172f!important; height:100%!important; } section.reviews > .-page > .-wrap > .-columns > .-column.image > .padding > .contain > .shot { opacity: 0.2!important; background-position: center center!important; height:100%!important; } section.reviews > .-page > .-wrap > .-columns.-reviewsoverview { justify-content: flex-start;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review { background-color: #e7f6fa; min-width: calc(100% / 1 - 20px); max-width: calc(100% / 1 - 20px); margin: 10px; overflow: hidden; padding: 0px; } section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.info { padding-bottom: 30px; min-width: 100%; padding: 20px; border-bottom: #e7f6fa 2px solid; background-color: #fff; } section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.info ul {list-style: none; padding: 0px; margin: 0px; font-size: 14px; position: relative;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.info ul li { padding-bottom: 0px; padding-left: 70px; padding-right: 100px;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.info ul li span.name { font-weight: 700; margin-right: 8px;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.info ul li span.value {} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.info ul li span.spacer { margin-left:3px; margin-right: 3px;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.info ul li.name { font-family: "Eagle", sans-serif; font-size: 21px; text-transform: uppercase;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.info ul li.name span.name { display: none;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.info ul li.grade { position: absolute; left:0px; top:0px; width: 60px; height:60px; line-height: 60px; text-align: center; border-radius:50%; background-color:rgba(235,25,116,1); color:#fff; padding-left: 0px; padding-right:0px; font-size: 21px; font-weight: 700;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.info ul li.grade span.name { display: none;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.info ul li.avarage { position: absolute; right:0px; bottom:0px; width: 100px; padding-left: 0px; padding-right: 0px; text-align: right; font-size: 16px; color:#ffb612;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.info ul li.avarage span.name { display: none;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.story { background-color: #fff; padding: 20px;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.story h4 { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 18px; line-height: 1.2em; padding-bottom: 0px; } section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.story p {font-size: 14px;line-height: 20px; padding-top: 5px;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.story p.recommend { display:inline-block; padding: 10px; white-space: nowrap; -webkit-box-shadow: inset 0 0 0 1px #e7f6fa; -moz-box-shadow: 0 0 0 1px #e7f6fa; box-shadow: 0 0 0 1px #e7f6fa; margin-right: 10px; margin-bottom: 5px; } section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.story p.recommend span.icon { display:inline-block; vertical-align: top; line-height: 30px; width: 30px; height:30px; border-radius:15px; background-color: #2ECC40; color: #fff; text-align:center; font-size: 14px; margin-right: 10px; } section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.story p.recommend span.icon.success {background-color: #2ECC40;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.story p.recommend span.icon.failed{background-color: #FF4136;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.story p.recommend span.name { display:inline-block; vertical-align: top; line-height: 30px; font-weight: 700; margin-right: 10px;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.story p.recommend span.value {display:inline-block; vertical-align: top; line-height: 30px; padding-right: 5px; } section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.story p.product { display:inline-block; padding: 10px; white-space: nowrap; -webkit-box-shadow: inset 0 0 0 1px #e7f6fa; -moz-box-shadow: 0 0 0 1px #e7f6fa; box-shadow: 0 0 0 1px #e7f6fa; margin-right: 10px; margin-bottom: 5px; } section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.story p.product span.icon { display:inline-block; vertical-align: top; line-height: 30px; width: 30px; height:30px; border-radius:15px; background-color: #2ECC40; color: #fff; text-align:center; font-size: 14px; margin-right: 10px; } section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.story p.product span.name { display:inline-block; vertical-align: top; line-height: 30px; font-weight: 700; margin-right: 5px;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.story p.product span.value {display:inline-block; vertical-align: top; line-height: 30px; padding-right: 5px; } section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.rating { background-color: #fff; padding: 20px;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.rating h4 { font-family: "Eagle", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 18px; line-height: 1.2em; padding-bottom: 0px; } section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.rating ul { list-style: none; padding: 0px; margin: 0px;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.rating ul li { position: relative; padding-right: 150px; font-size: 14px; line-height: 16px;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.rating ul li:nth-child(odd) { } section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.rating ul li span.name { display: inline-block; padding: 5px 10px 0px 0px; background-color: #fff; position: relative; z-index: 3;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.rating ul li span.value { position: absolute; right:5px; top:3px; width: 150px; height:20px; line-height: 20px; text-align: right; border-radius:10px; background-color:transparent; white-space: nowrap; z-index: 2; color:#ffb612;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.rating ul li span.bar { position: absolute; left:0px; top:13px; right:100px; height: 1px; background-color: #e7f6fa; z-index: 1;} @media (max-width: 590px) { section.reviews > .-page > .-wrap > .-columns { padding-top: 30px; padding-bottom: 30px;} section.reviews > .-page > .-wrap > .-columns > .-column.title { padding-top: 0px;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.info {order:1;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.story { order:3;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.rating { order:2;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.info ul li.avarage { display: none;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.info ul li { padding-right: 0px;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.info ul li span.title { clear: both;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.info ul li span.spacer { display: block; height:0px; overflow: hidden; width: 100%;} section.reviews > .-page > .-wrap > .-columns.-reviewsoverview > .review > .-columns > .-column.story p.product span.name { display: none;} } .-column.grid-items { margin-left: -256px; width: calc(100% + 512px);} .-column.grid-items .grid-items-group {} .-column.grid-item { min-width:calc(100% / 2); max-width:calc(100% / 2); transition: 175ms all ease-in; z-index: 1; } .-column.grid-item:hover { transform: scale(1.03); z-index: 2; cursor:pointer;} .-column.grid-item small.costs {transition: 175ms all ease-in;} .-column.grid-item:hover small.costs {/* right:5px!important; bottom:5px!important; */} .-column.grid-item small.persons {transition: 175ms all ease-in;} .-column.grid-item:hover small.persons { /* left:10px!important; top:10px!important; */} @media (max-width: 1740px) { .-column.grid-items { margin-left: -128px; width: calc(100% + 256px);} } @media (max-width: 1480px) { .-column.grid-items { margin-left: 0px; width: calc(100%);} } @media (max-width: 1280px) { .-column.grid-item { min-width:calc(100% / 2); max-width:calc(100% / 2);} } @media (max-width: 920px) { .-column.grid-item { min-width:calc(100% ); max-width:calc(100% );} } @media (max-width: 512px) { .-column.grid-item { min-width: 100%; max-width: 100%; padding-bottom: 0px!important; padding-top: 5px!important;} .-column.grid-items .grid-items-group { margin-left:-30px; min-width: calc(100% + 60px); max-width: calc(100% + 60px);} .-column.grid-item .grid-item-contain { } .-column.grid-item .grid-item-contain > * { min-width: calc(100% - 100px)!important; max-width: calc(100% - 100px)!important;} .-column.grid-item .grid-item-contain .-column.thumb { min-width: 100px!important; max-width: 100px!important;} .-column.grid-item .grid-item-contain .-column.info h3 { font-size: 16px!important; padding-right: 30px!important;} .-column.grid-item .grid-item-contain .-column.info h4 { font-size: 12px!important; margin-bottom: 15px!important;} .-column.grid-item .grid-item-contain .-column.icon { text-align: left; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; padding-top: 0px!important; position: absolute; right:20px; top:18px; min-width: 30px!important; max-width: 30px!important; text-align: right; } } .-page.-gallery { max-width: 100%; padding: 0px!important;} .-page.-gallery > .-wrap { max-width: 100%; } .-page.-gallery > .-wrap > .-columns {padding: 0px!important;} .row.gallery {} .row.gallery img { width: 455px; height:256px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; object-fit: cover; vertical-align:bottom; } /* Events Slider */ .events-slider { background-color: #e7f6fa; padding-top: 100px; padding-bottom: 100px; } .events-slider .wrap > h2 { text-align: center; text-transform: uppercase; padding: 0; margin: 0; } .events-slider .wrap > p { text-align: center; opacity: .65; } .events-slider .event-owlcarousel { margin-top: 50px; } .events-slider .owl-item { display: flex; } .events-slider .event-slide { background-color: white; margin: 0 1.5rem; display: flex; flex-direction: column; } .events-slider .event-slide__image { margin: 0; position: relative; display: block; overflow: hidden; } .events-slider .event-slide__image:before { content: ''; background: rgba(0,0,0,0.35); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .events-slider .event-slide__image img { aspect-ratio: 4/3; object-fit: cover; transition: 175ms all ease-in } .events-slider a.event-slide__image:hover img { transform: scale(1.05); } .events-slider .event-slide__date { position: absolute; top: 1.5rem; left: 1.5rem; aspect-ratio: 1; height: 64px; background-color: #ea1a74; color: white; text-transform: uppercase; font-weight: 600; display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 2; } .events-slider .event-slide__date-day { font-size: 2.25rem; line-height: 1; } .events-slider .event-slide__date-month { font-size: 1.5rem; line-height: 1; } .events-slider .event-slide__content { padding: 3rem; text-align: center; flex: 1; display: flex; flex-direction: column; } .events-slider .event-slide__title { text-transform: uppercase; margin-bottom: 1rem; } .events-slider .event-slide__title a { text-decoration: none; font-size: 21px; line-height: 1.2em; } .events-slider .event-slide__excerpt { margin-bottom: 1.5rem; opacity: .65; flex: 1; } .events-slider .event-slide__link { text-decoration: none; font-weight: 600; text-transform: uppercase; } .events-slider .event-slide__link i { margin-right: 0.5rem; } .events-slider .owl-stage { display: flex; } .events-slider .event-owlcarousel { position: relative; } .events-slider .owl-nav { position: absolute; width: calc(100% + 5rem); display: flex; align-items: center; justify-content: space-between; top: calc(50% - 2.5rem); left: -2.5rem; pointer-events: none; } .events-slider .owl-nav > button { background: transparent; border: none; padding: 0; pointer-events: all; transition: opacity 175ms ease-in; } .events-slider .owl-nav > button.disabled { opacity: 0; } .events-slider .owl-nav > button > span { width: 5rem; height: 5rem; line-height: 5rem; font-size: 0; background-color: #0f182f; color: white; display: block; } .events-slider .owl-nav > button.owl-next > span:before { content: "\f061"; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 2rem; } .events-slider .owl-nav > button.owl-prev > span:before { content: "\f061"; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 2rem; transform: rotate(180deg); display: inline-block; }