@charset "utf-8";
/* CSS Document */

/*template*/
*{margin:0; padding:0; outline:none;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; background:#ffffff; overflow-x:hidden; font-family:'Poppins', sans-serif; overflow-y:scroll; font-size:16px; font-size:1.6rem; line-height:1.628571; color:#565656; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

h1, h2, h3, h4, h5, h6{width:100%; height:auto; font-weight:bolder; line-height:1.2; color:#565656; margin:0px 0px 35px 0px;}
h1{font-size:32px; font-size:3.2rem;}
h2{font-size:32px; font-size:3.2rem;}
h1::after{content:" "; width:35px; height:5px; display:block; margin:5px 0px; background-color:#542f7b;}
h2::after{content:" "; width:35px; height:5px; display:block; margin:5px 0px; background-color:#542f7b;}
h3{font-size:18px; font-size:1.8rem; margin:0px 0px 15px 0px;}
h4{color:#565656 !important;}
h1.purple,
h2.purple,
h3.purple,
h4.purple,
h5.purple,
h6.purple{color:#542f7b;}
h1.nomargin,
h2.nomargin,
h3.nomargin,
h4.nomargin,
h5.nomargin,
h6.nomargin{margin:0px;}

p{margin:0px 0px 35px 0px;}
a, a *{color:#542f7b; text-decoration:none;}
a.more{font-family:'Poppins', sans-serif; color:#131217; text-decoration:none !important; font-size:20px; font-size:2.0rem; font-weight:normal;}
a.more i{text-decoration:none; margin-left:10px; color:#131217;}
a.more.center{margin:0px auto;}
small{font-size:12px; font-size:1.2rem;}
article ul,
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}
article p:last-of-type{margin:0px;}
article h2,
article h3{color:#542f7b;}
article h1::after,
article h2::after{display:none;}
button{-webkit-appearance:none;}

table{}
table td{vertical-align:top; padding:3px 0px;}

header, nav, article, aside, section, footer{display:block; overflow:hidden;}
header, section, footer{width:100%; height:auto; position:relative;}

.left{float:left !important;}
.right{float:right !important;}

.video-container{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}

section{margin-bottom:70px;}


/*forms*/
form h3{margin-bottom:35px;}
/*text*/
.input-wrapper{position:relative; display:block; margin:0px 0px 45px 0px;}
.input-wrapper label{position:absolute; top:-13px; left:0; font-size:11px; color:#8b8f96; padding:0px 1%; transition:all 0.1s linear; opacity:0; font-weight:bold;}
.input-wrapper label.on{color:#8b8f96;}
.input-wrapper label.show{top:-15px; opacity:1;}
.input-wrapper input{width:98%; height:35px; display:block; color:#12192a; overflow:hidden; border:none; font-size:15px; font-size:1.5rem; padding:0px 1%; border-bottom:1px solid #eae9e9;}
.input-wrapper input.red{border-bottom:1px solid #d90000;}
.input-wrapper input:focus{border-color:#542f7b; transition:.2s;}
.input-wrapper input.red:focus{border-bottom:1px solid #d90000; transition:.2s;}

/*radio*/
.input-wrapper-radio{position:relative; display:flex; margin:0px 0px 45px 0px; padding:0px 1%;}
.input-wrapper-radio .headlabel{position:absolute; top:-25px; opacity:1; left:0; font-size:11px; color:#8b8f96; padding:0px 1%; transition:all 0.1s linear; font-weight:bold;}
.input-wrapper-radio input[type="radio"]:not(:checked), [type="radio"]:checked{position: absolute; left:-9999px;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label, [type="radio"]:checked + label{position:relative; color:#8b8f96; padding-left:25px; padding-right:25px; cursor:pointer; font-size:15px; font-size:1.5rem;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label.red, [type="radio"]:checked + label.red{color:#d90000;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label:before,[type="radio"]:checked + label:before,[type="radio"]:not(:checked) + label:after,[type="radio"]:checked + label:after{content: ''; position:absolute;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before{left:0; top:0; width:18px; height:18px; background:#ffffff; overflow:hidden; border-radius:15px; transition:background-color .2s;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label:after,[type="radio"]:checked + label:after {width:16px; height:16px; transition:all .2s; border-radius:50%; background:#ffffff; top:0; left:0; border:1px solid #cdd0d6;}
.input-wrapper-radio input[type="radio"]:checked + label:before {background:#542f7b;}
.input-wrapper-radio input[type="radio"]:checked + label:after {display:none;}

/*checkbox*/
.input-wrapper-checkbox{position:relative; display:block; padding:0px 1%;}
.input-wrapper-checkbox input[type="checkbox"] {position:absolute; left:-9999px;}
.input-wrapper-checkbox input[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after{content:''; position:absolute;}
.input-wrapper-checkbox input[type="checkbox"] + label:before{top:2px; left:0; width:15px; height:15px; content: ''; cursor: pointer; display:inline-block; border-radius:4px; border:1px solid #8991a8; transition:background-color .2s; background:#ffffff;}
.input-wrapper-checkbox input[type="checkbox"] + label{padding-left:25px; line-height:20px; position:relative; float:left; color:#12192a; font-size:15px; font-size:1.5rem; }
.input-wrapper-checkbox input[type="checkbox"] + label.red{color:#d90000;}
.input-wrapper-checkbox label a{color:#12192a;}
.input-wrapper-checkbox label.red a{color:#d90000;}
.input-wrapper-checkbox input[type="checkbox"] + label span{width:986px; font-size:19px; font-weight:normal; color:#86899c; line-height:17px; margin:0px 0px 15px 0px; display:inline-block;}
.input-wrapper-checkbox input[type="checkbox"] + label:last-child{margin:0px 0px 20px 0px;}
.input-wrapper-checkbox input[type="checkbox"] + label:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; content:''; position:absolute; width:6px; height:3px; background:transparent; top:6px; left:4px; border:3px solid #8991a8; border-top:none; transition:opacity .1s; border-right:none; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.input-wrapper-checkbox input[type="checkbox"] + label:hover::after {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity:0.9;}
.input-wrapper-checkbox input[type="checkbox"]:checked + label:before {background:#8991a8;}
.input-wrapper-checkbox input[type="checkbox"]:checked + label:after {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:0.9; border-color:#fff;}

/*textarea*/
.input-wrapper-textarea{position:relative; display:block; margin:0px 0px 45px 0px;}
.input-wrapper-textarea label{position:absolute; top:-13px; left:0; font-size:11px; color:#aaa; padding:0px 1%; transition:all 0.1s linear; opacity:0; font-weight:bold;}
.input-wrapper-textarea label.on{color:#8b8f96;}
.input-wrapper-textarea label.show{top:-23px; opacity:1;}
.input-wrapper-textarea textarea{width:98%; height:125px; display:block; overflow:hidden; border:none; resize:none; padding:0px 1%; font-family:'Roboto', sans-serif; font-size:15px; font-size:1.5rem; color:#12192a; border-bottom:1px solid #eae9e9;}
.input-wrapper-textarea textarea.red{border-bottom:1px solid #d90000;}
.input-wrapper-textarea textarea:focus{border-color:#542f7b; transition:.2s;}
.input-wrapper-textarea textarea.red:focus{border-bottom:1px solid #d90000; transition:.2s;}

/*select*/
.input-wrapper-select{position:relative; background: url('../images/dropdown.png') no-repeat right #FEFEFE; border: #ccc 1px solid; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 0px 10px 1px #FEFEFE; box-shadow: inset 0px 0px 10px 1px #FEFEFE;  display:block; margin:0px 0px 45px 0px; padding:0px 1%;}
.input-wrapper-select.red{border:#FF0000 1px solid;}
.input-wrapper-select .headlabel{position:absolute; top:-25px; opacity:1; left:0; font-size:11px; color:#8b8f96; padding:0px 1%; transition:all 0.1s linear; font-weight:bold;}
.input-wrapper-select .selectDefault,
.input-wrapper-select .selectDefault2 { padding-left:8px; font-size:15px; font-size:1.5rem; }
.input-wrapper-select select { opacity:0; filter:alpha(opacity=0); position:absolute; top:0; left:0; width:100%; height:100%; display:block; z-index:101; }
.input-wrapper-select select:focus { outline: none; }

.input-wrapper-submit{display:block;}
.input-wrapper-submit .button-left{float:left; width:50%;}
.input-wrapper-submit .button-left input[type=button],
.input-wrapper-submit .button-left input[type=submit]{border:0px; font-family:'Roboto', sans-serif; color:#8b8f96; padding:10px 15px; font-size:16px; font-size:1.6rem; text-decoration:none; float:left; cursor:pointer; background-color:#fffffff;}
.input-wrapper-submit .button-right{float:right; width:50%;}
.input-wrapper-submit .button-right input[type=button],
.input-wrapper-submit .button-right input[type=submit]{border:0px; font-family:'Roboto', sans-serif; color:#ffffff; padding:10px 15px; font-size:16px; font-size:1.6rem; text-decoration:none; float:right; cursor:pointer; background-color:#542f7b;}


/*wrapper*/
.wrapper{width:100%; max-width:1260px; display:grid; grid-template-columns: 50px 1fr 50px; box-sizing:border-box; margin:0px auto;}

.side{writing-mode:vertical-rl; padding-top: 367px; color:#565656; display:flex; justify-self:center; text-transform:uppercase; font-weight:bolder;}
.side span::after{content:" "; width:3px; height:60px; margin-top:15px; display:inline-block; background-color:#999999;}
.side a{color:#565656;}
.side a:hover{color:#542f7b;}
.side i{margin-top:16px; font-size:18px; font-size:1.8rem; color:#565656; font-weight:normal;}
.side i:hover{color:#542f7b;}

/*header*/
header{display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:25px; align-items:center; z-index:1000; padding:15px 0px; box-sizing:border-box;}
header .icon{padding:0px 25px; box-sizing:border-box; transition:0.7s ease-in-out;}
header .icon a{display:block;}
header .icon a i{font-size:25px; font-size:2.5rem; color:#565656;}
header .split{display:flex; justify-content:flex-end;}
header .flag{width:41px; height:25px; display:block;}
header .flag img{width:100%; height:100%; object-fit:cover;}
header .logo a{height:80px; display:block; text-indent:-4000px; background:url(../images/logo-tekst.png) no-repeat center center / cover; background-size:contain;}
header.open{background:#ffffff;}

/*nav*/
nav{width:100%; height:0px; display:block; position:absolute; top:-700px; z-index:800; transition:0.7s ease-in-out;}
nav.open{height:auto; top:0px; transition:0.7s ease-in-out;; padding:0px; box-sizing:border-box;}
nav.open ul{text-align:center; background:#565656; display: block; padding:125px 0px 25px 0px; max-width:1160px;}
nav.open ul li{margin:15px;}
nav.open ul li a{color:white; font-weight:bolder;}
nav.open ul li ul{padding-top:0px;}
nav.open ul li ul li a{font-size:14px; font-size:1.4rem; font-weight:normal;}

/*sections*/
section.splash{position:relative; z-index:100; background:#542f7b; display:grid; grid-template-columns: 1.5fr 2fr; grid-gap:0px;}
section.splash article{padding:70px; color:#fff;}
section.splash article span{font-size:65px; font-size:6.5rem; line-height:1; text-transform:uppercase; font-weight:bolder; float: left; margin:0px 0px 35px 0px;}
section.splash div.image{width:100%; height:800px; margin-left:1px;}

section.slider{height:525px; display:block; padding:0px; border-bottom:10px solid #542f7b;}
section.slider .slides{width:100%; height:inherit;}
section.slider .slides .slide{width:100%; height:inherit;}

section.actions{display:none;}
section.actions div.reserve{margin:auto 0;}

section.intro{display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:0px;}
section.intro .image img{width:60%; margin:0px auto;}
section.intro article.content{padding:0px 35px 35px 35px;}

section.locations{display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:105px; padding:0px 15px; box-sizing:border-box; border-top:35px solid #542f7b; box-shadow:inset 0 35px 0 #542f7b;}
section.locations .title{padding-top:105px;}
section.locations .title h2::after{content: " "; margin:5px 0px;}
section.locations .block .image{height:350px; margin-bottom:35px;}

section.blocks{display:grid; grid-template-columns:repeat(4, 25%);}
section.blocks .square{width:100%; padding-top:100%; position:relative; background:#f0f0f0;}
section.blocks .square .content{position:absolute; top:0; left:0; padding:35px; box-sizing:border-box; text-align:justify; font-size:14px; font-size:1.4rem; color:#565656 !important;}
section.blocks .square .bottom{bottom:0px !important; top:unset;}
section.blocks .square .content h2{width:auto !important; position:absolute; bottom:0px; left:35px; color:#542f7b;}
section.blocks .item1{grid-area: 1 / 1 / 1 / 1;}
section.blocks .item2{grid-area: 1 / 2 / 1 / 4; padding-top:unset;}
section.blocks .item3{grid-area: 1 / 4 / 1 / 4; background:transparent;}
section.blocks .item4{grid-area: 2 / 1 / 2 / 1;}
section.blocks .item5{grid-area: 2 / 2 / 2 / 2;}
section.blocks .item6{grid-area: 2 / 3 / 2 / 3;}
section.blocks .item7{grid-area: 2 / 4 / 2 / 4;}
section.blocks .item8{grid-area: 2 / 3 / 2 / 5; padding-top:unset;}

section.content{padding:0px 140px; box-sizing: border-box;}
section.content .breadcrumb{width:auto; height:auto; display:block; margin-bottom:15px; box-sizing:border-box;}
section.content .breadcrumb ol{width:100%; min-height:30px; list-style:none; display:block; margin:0; font-size:14px; font-size:1.4rem;}
section.content .breadcrumb ol li{float:left; margin-right:10px;}
section.content .breadcrumb ol li,
section.content .breadcrumb ol li a,
section.content .breadcrumb ol li a *{color:#999999;}
section.content .breadcrumb ol li:last-child,
section.content .breadcrumb ol li:last-child a,
section.content .breadcrumb ol li:last-child a *{color:#565656;}
section.content .wrapper{display:grid; grid-template-columns:1fr 1.5fr;}
section.content .wrapper article p:first-child{font-weight:bolder;}

/*footer*/
footer{width:100%; display:block; padding:15px 0px; box-sizing:border-box; border-top:2px solid #999999; font-size:14px; font-size:1.4rem; color:#a0a0a0;}
footer div,
footer div a{color:#a0a0a0;}
footer div a:hover{color:#542f7b;}
footer div a{margin-left:15px;}
footer div br{display:none;}

/*normal*/
@media only screen and (min-width:994px) and (max-width:1260px) 
{
    h1,h2{font-size:30px; font-size:3.0rem;}
    
    .side i{margin-top:15px;}
        
    nav.open ul{max-width:895px;}
    nav.open div.balk{max-width:895px;}
    
    .input-wrapper-radio input[type="radio"]:not(:checked) + label, [type="radio"]:checked + label{padding-right:9px;}
    
    section.splash{grid-template-columns:1.5fr 2fr;}
    section.splash article{padding:50px;}
    section.splash article span{font-size:50px; font-size:5.0rem;}
    section.splash div.image{height:660px;}
    
    section.slider{height:450px;}
   
    section.content{padding:0px 120px;}
    section.content{padding:0px 105px;}

    section.blocks .square .content{padding:15px; font-size:13px; font-size:1.3rem;}
    section.blocks .square .content h3{font-size:16px; font-size:1.6rem;}
    section.blocks .square .content h2{left:15px; bottom:-15px;}
    
}

/*medium*/
@media only screen and (max-width:994px) 
{
    body{font-size:14px; font-size:1.4rem;}
    h1,h2{font-size:25px; font-size:2.5rem; margin-bottom:15px;}
    h1::after{content:" "; height:5px;}
    h2::after{content:" "; height:5px;}
    
    section{margin-bottom: 50px;}
    .wrapper{grid-template-columns:1fr;}
    .side{display:none;}
    
    header a.icon{margin: 35px;}
    header a.icon i{font-size:22px; font-size:2.2rem;}
    
    nav.open a.close{font-size:42px; font-size:4.2rem; margin-right:38px;}
    nav.open a i.tel{font-size:20px; font-size:2.0rem; margin:25px 0px 0px 40px;}
    
        .input-wrapper-radio input[type="radio"]:not(:checked) + label, [type="radio"]:checked + label{padding-right:17px;}
    
    section.splash{margin-bottom:0px;}
    section.splash article{padding:35px 35px 15px 35px;}
    section.splash article span{font-size:40px; font-size:4.0rem;}
    section.splash div.image{height:500px;}
    
    section.actions{display:grid; grid-template-columns:repeat(2, 1fr); padding:15px 35px; box-sizing:border-box; font-size:15px; font-size:1.5rem; background-color:#999999;}
    section.actions br{display:none;}
    section.actions div.social span{color:#fff; margin-right:5px;}
    section.actions div.social span::after{content: " "; display:none;}
    section.actions div.social a i{color:#fff; margin:0px 10px; font-size:18px; font-size:1.8rem;}
    section.actions div.social a i:hover{color:#542f7b;}
    section.actions div.reserve a{color: #fff;}
    
    section.slider{height:395px; margin-bottom:0px;}
    
    section.intro article{padding:0px 35px 15px 15px;}

    section.locations{grid-gap:70px; padding:0px 35px; border-top:35px solid #542f7b; box-shadow:inset 0 15px 0 #542f7b;}
    section.locations .title{padding-top:70px;}
    section.locations .block .image{height:300px;}

    section.blocks{grid-template-columns:repeat(2, 50%);}
    section.blocks .square{padding-top:66.66%;}
    section.blocks .item1{grid-area: 2 / 2 / 2 / 2;}
    section.blocks .item2{grid-area: 2 / 1 / 2 / 1;}
    section.blocks .item3{grid-area: 1 / 1 / 1 / 3; padding-top:unset; height:100px;}
    section.blocks .item4{grid-area: 3 / 2 / 3 / 2;}
    section.blocks .item5{grid-area: 3 / 1 / 3 / 1;}
    section.blocks .item6{grid-area: 4 / 1 / 4 / 1;}
    section.blocks .item7{grid-area: 4 / 2 / 4 / 2;}    
    section.blocks .square .content h2{position:relative; bottom:unset; left:unset;}
    section.blocks .square .content h2 br{display:none;}
    
    section.content{padding: 0px 35px;}
    section.content div.wrapper article h4{font-size:16px; font-size:1.6rem;}
    
    footer{padding:15px; font-size:13px; font-size:1.3rem;}

}

/*small*/
@media only screen and (max-width:784px)
{
    .wrapper{grid-template-columns: 1fr;}
    .side{display:none;}
    section{margin-bottom:35px;}
    h1,h2{margin-bottom:25px;}
    
    header{grid-template-columns:80px 1fr 140px; grid-gap:35px;}
   
    nav ul li a{font-size:16px; font-size:1.6rem;}
    
    .input-wrapper-radio{display:block;}
    
    section.splash{padding:0px; grid-template-columns:repeat(1, auto);}
    section.splash article{grid-area: 2/1/2/1; padding:35px;}
    section.splash article span{font-size:30px; font-size:3.0rem; float:none; display:flex; justify-content:center; margin-bottom:15px;}
    section.splash div.image{grid-area: 1/1/1/1; height:300px;}
    
    section.actions{grid-template-columns: repeat(1, 1fr); text-align: center; grid-gap:15px; padding:10px 0px;}
    section.actions div.social a i{margin-right:5px;}
    section.actions div.social span::after{content: " "; height:2px;}
    section.actions .reserve a.right{float:unset !important;}
    
    section.slider{height:295px;}
    
    section.sides{display:none !important;}
    
    section.intro{grid-template-columns:repeat(1, 1fr); grid-gap:35px;}
    section.intro article{padding:0px 35px 35px 35px;}
    section.intro article p{margin:0px 0px 20px 0px;}
    
    section.locations{grid-template-columns:repeat(1, 1fr); grid-gap:0px; border-top:15px solid #542f7b; box-shadow:inset 0 15px 0 #542f7b;}
    section.locations .title{padding-top:35px;}
    section.locations .block .image{height:300px; margin-bottom:15px;}
    section.locations .block h3{margin-bottom:35px;}

    section.blocks{grid-template-columns:repeat(1, 100%);}
    section.blocks .square{padding-top:56.25%;}
    section.blocks .item1{grid-area: 3;}
    section.blocks .item2{grid-area: 2;}
    section.blocks .item3{grid-area: 1; padding-top:unset; height:100px;}
    section.blocks .item4{grid-area: 4;}
    section.blocks .item5{grid-area: 5;}
    section.blocks .item6{grid-area: 6;}
    section.blocks .item7{grid-area: 7;}    
    section.blocks .square .content h2{position:relative; bottom:unset; left:unset;}
    section.blocks .square .content h2 br{display:none;}        
    
    section.content{padding:0px 35px;}
    section.content div.wrapper{display:grid; grid-template-columns:repeat(1, 1fr);}
    section.content div.wrapper h2{margin-bottom:15px;}
    section.content div.wrapper article h4{font-size:16px; font-size:1.6rem;}
    
    footer div{width:100%; float:unset; text-align:center;}
    footer div a:first-of-type{margin-left:0px;}
    footer div br{display:block;}
}

/*mini*/
@media only screen and (max-width:479px)
{
    header{grid-template-columns:80px 1fr 80px; grid-gap:15px;}
    header .icon{padding:0px 15px;}
    header .icon:first-of-type:not(header .split .icon){grid-area:2 / 1 / 2 / 1;}
    header .split{grid-area:2 / 3 / 2 / 3;}
    header .logo{grid-area:1 / 1 / 1 / 4; padding:0px 15px; box-sizing:border-box;}

    nav.open ul{padding:168px 0px 15px 0px;}

    section{margin-bottom:35px;}
    
    .input-wrapper-radio input[type="radio"]:not(:checked) + label, [type="radio"]:checked + label{padding-right:15px;}
    
    section.splash article{padding:15px;}
    section.splash article span{font-size:25px; font-size:2.5rem;}
    
    section.slider{height:195px;}
    
    section.intro article{padding:15px;}
       
    section.locations{padding:0px 15px;}
    
    section.blocks{grid-template-columns:repeat(1, 100%);}
    section.blocks .square{padding-top:56.25%;}
    section.blocks .square .content{padding:15px; font-size:14px; font-size:1.4rem;}
    section.blocks .item3{grid-area: 1; padding-top:unset;}
    
    section.content{padding:0px 15px;}
    
    footer{font-size:12px; font-size:1.2rem;}
}