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

/*reset*/
html{scroll-behavior:smooth;}
*{margin:0; padding:0; outline:none;}
img,fieldset{border:0px; display:block;}
ul, ol{list-style:none;}

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

img{width: 100%; height:100%; object-fit:contain;}

/*template*/
html{width:100%; height:100%; font-size:62.5%;background:#FFF5EC;}
body{width:100%; height:100%; font-family:'Montserrat', sans-serif; color:#352d25; font-weight:400; font-size:1.8rem;  line-height:1.628571; overflow-x:hidden; overflow-y:scroll; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/*text*/
h1, h2, h3, h4, h5, h6{width:100%; height:auto;font-family:'Poppins', sans-serif; font-weight:700 !important;}
h1{font-size:3.5rem; margin-bottom:32px; font-weight:900;}
h2{font-size:3.0rem; margin-bottom:32px;}
h3{font-size:2.0rem; margin-bottom:16px;}
h4{font-size:2.0rem; margin-bottom:16px;}
p{margin:0px 0px 32px 0px;}
p:last-of-type{margin:0px 0px 0px 0px;}
a, a{text-decoration:none;color:#444444;}
a:hover, a:hover {color:#FF57A6;}
small{font-size:1.2rem;}
.centered{text-align:center;}

/*floats*/
.left{float:left;}
.right{float:right;}

/*main-container*/
main{width:100%; max-width:1920px; min-height:100vh; margin:0px auto;}
.container{max-width:1260px; margin:0px auto; padding: 0 24px; position:relative;}

/*generals*/
.button{display:block; width:fit-content;color:white; font-size:2.0rem; padding: 8px 32px; background:#FF57A6; font-family:'Pacifico', cursive; font-weight:400; border-radius:25px;}
.button:hover{color:#FF57A6; background:white;}
.button.full{height:48px; line-height:48px; padding:unset; border-radius: 0px 0px 4px 4px;}
.button.outline{border:4px solid white;}


.grid{display:grid; grid-template-columns:repeat(12,1fr); gap:24px;}

.stripe{padding:48px 0;}
.stripe.wide .container{width:calc(1260px + 120px); max-width:unset;}
.stripe.full .container{width:100%; max-width:unset;}

.small-margin{margin:48px 0;}
.smaller-margin{margin:24px 0;}
.small-margin-bottom{margin:96px 0 48px 0;}
.small-margin-top{margin:48px 0 96px 0;}
.smaller-margin-top{margin:24px 0 96px 0;}
.smaller-margin-bottom{margin:96px 0 24px 0;}
.no-margin-bottom{margin-bottom:0;}
.no-margin-top{margin-top:0;}

.content-padding{padding:24px;}
.extra-padding{padding:24px;}

.padding{padding:24px;}
.margin-header{margin-bottom:82px;}
.round-corner{border-radius:8px;}
.border{border:2px solid black;}
.box-shadow{-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.35); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.35);}

/*colors and conditions*/


/*general image css*/
.image{width: 100%; height:auto; overflow: hidden;}
.image img{width: 100%; height: 100%; object-fit:cover;}

/*Grid controls*/
.block-1{grid-column:span 1;}
.block-2{grid-column:span 2;}
.block-3{grid-column:span 3;}
.block-4{grid-column:span 4;}
.block-5{grid-column:span 5;}
.block-6{grid-column:span 6;}
.block-7{grid-column:span 7;}
.block-8{grid-column:span 8;}
.block-9{grid-column:span 9;}
.block-10{grid-column:span 10;}
.block-11{grid-column:span 11;}
.block-12{grid-column:span 12;}

/*Breadcrumbs*/
.breadcrumbs{width:100%; line-height:32px;}
.breadcrumbs ol{display:flex; justify-content:flex-start;}
.breadcrumbs ol li span{margin: 0 4px;font-size:1.2rem; color:#5C5C5C;}
.breadcrumbs ol li:first-of-type span{margin-left:unset;}

/*form*/

.form-grid .wide{grid-column:span 2;}
.form-grid{display:grid; grid-template-columns:200px 1fr; gap:32px;}
.form-grid .wide{grid-column:span 2;}
.form-grid .row{margin:8px 2px;}
.form-control {font-size:1.4rem; font-family:'Open Sans', sans-serif;}
.form-grid label,
.form-control label{font-size:1.6rem; color:#4e0b70;}


.form-grid input[type="text"],
.form-grid input[type="number"],
.form-grid input[type="date"],
.form-grid input[type="time"],
.form-grid select,
.form-grid textarea,
.form-grid input[type="datetime-local"]{width:100%; height: 24px; font-family:'Open Sans', sans-serif; font-size: 1.6rem; position: relative; padding:16px;  line-height: 24px; border-radius: 8px;}
.form-grid textarea,
.form-grid select{height:unset;  padding:12px;}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {border-color:#7310A6; outline: none; box-shadow: 0 0 5px rgba(78, 11, 112, 0.3); background-color: #fff7fb;}
select.red,
textarea.red,
input.red{border:1px solid red !important; color:red !important;}
label.red,
textarea.red::placeholder,
input.red::placeholder{color:red;}
.form-grid .submit{display:grid; grid-template-columns:1fr 1fr;}
.form-grid .submit .button-right .button{float:right;}
.form-grid .submit .button-left .button{float:left;}

/*checkboxes & switches*/
/*checkbox & radio*/
.form-control {display: grid; grid-template-columns: 24px auto; gap:12px;}
input[type="radio"],
input[type="checkbox"] { -webkit-appearance: none; appearance: none; margin: 0; transform: translateY(0.25rem); display: grid; place-content: center; font: inherit; color: #4e0b70; width: 1.08rem; height: 1.08rem; border: 0.15rem solid #267932; border-radius: 0.15rem; } 
input[type="radio"] {margin: 0; background-color: #f8f8f8; border-radius: 50%; border: 0.15rem solid #267932;}
input[type="radio"]::before,
input[type="checkbox"]::before {background-color: #ffd93d; content: ""; width: 0.65rem; height: 0.65rem; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); transform: scale(0); transform-origin: bottom left; transition: 120ms transform ease-in-out; box-shadow: inset 1rem 1rem #ccc;}
input[type="radio"]::before {clip-path:unset; transform-origin:unset;border-radius: 50%; background-color:rgb(115,16,166);}
input[type="radio"]:checked::before,
input[type="checkbox"]:checked::before {transform: scale(1);}
input[type="checkbox"]:disabled,
input[type="checkbox"]:disabled,
input[type="radio"]:disabled{background:rgb(192,192,192); border:0.15em solid #707070;}


/*header*/
header{overflow:visible; height: 80px; position: relative; margin-bottom: 128px;}
.logo{width: 170px; height: 70px;}
.logo img{width:100%; height:100%; object-fit:contain;}

header .grid nav ul{display:flex;justify-content:flex-end !important;}
header .grid nav ul li{margin-right:24px; line-height:80px; font-size:1.8rem; font-weight:600;}
header .grid nav ul li:hover a:not(header .grid nav ul li.cta a){color:#FF57A6;}
header .grid nav ul li.cta a{background:#00CFFD};
header .grid nav ul li:last-child{margin-right:unset !important;}
header .grid nav ul li.language{height:fit-content; margin:auto 24px auto 0;}
header .grid nav ul li.cta{height:fit-content; margin: auto 24px auto 0; line-height:unset;}
header .grid nav ul li.language img{width: 24px; height: 24px; object-fit:contain; margin: auto 0;}
header .grid .mobilelanguage{display:none;}
header .grid .menu{display:none;}


/*sections*/

section.slider .background img {object-fit: cover;}
section.slider .container article .button {margin-top: 24px;}
section.slider {position: relative; overflow: visible;}
section.slider article h1{font-size:4.0rem;}
section.slider article p{font-family: "Pacifico", cursive; font-size:3.0rem;}

section .button{margin:24px 0;}


.shape{height:calc(100% + 112px); width: calc(100% + 330px); position:absolute; z-index:-1;}
.shape.a{background:#A1E44D; border-top-left-radius:171px; top:-76px; right:-330px; }
.shape.b{background:#FF9F45; border-top-right-radius:171px; top:-76px; left:-330px;}

.stripe{overflow:visible; padding: 64px 0 !important;}

section .image-content{position: relative;}
section .image-content .bg-element,
section .image{aspect-ratio:1/1 !important; width:340px; border-radius:50%; margin:0 auto;}
section .image{position: relative; z-index:2;}
section .image img{object-fit:cover;}
section .overlay{ position:absolute; z-index:3;}
section .overlay.a{aspect-ratio:103/136; bottom:0; right:30px;}
section .overlay.b{aspect-ratio:54/ 49; bottom:0; right:unset; left:30px;}
section .overlay img{width: 100%; height: 100%; object-fit:contain;}

.card{width:100%; position:relative;}
.card .image{width:100%; aspect-ratio:285/307; border-radius:25px; margin:0 auto;}
.card .image img{object-fit:cover;}
.card .title{padding:8px 32px; font-size:3.0rem; font-family:'Pacifico',cursive; color:white; position:absolute; top:-30px; right:-12px; z-index:50; background:#A1E44D; border-radius:25px;}

section article{position: relative; overflow:visible;}
.filler{position: relative;}





/*article content*/
article ol{list-style:decimal; margin:0px 0px 30px 20px;}
article ul{list-style:disc outside; margin:0px 0px 30px 20px;}
article.wide{grid-column:span 2;}

article table{width: 100%; margin-top:24px;}
table, th,td{border:3px solid white; border-collapse:collapse; padding:4px;}

article table thead tr{font-size:2.0rem; font-weight:600; text-align:left;}
article img{width: 100%; height:auto; object-fit:contain;}

/*video*/
.video{aspect-ratio:16/9; width: 100%; overflow:hidden;}
.video iframe,
.video video{width: 100%; height:100%; object-fit:cover;}

/*Footer*/
 footer{margin-top:64px;padding:32px 0; background:#FF57A6;}
footer address{font-style: normal;}
footer a{display:block;}
footer a:hover{color:#FFD700;}
footer a i{margin-right:12px;}
footer h4{color:#00CFFD;}
footer .copyright,
footer .copyright * {font-size:1.4rem; color:#FFD700;}
footer .copyright a{margin-left:12px;}
footer .copyright{display:flex; justify-content:center;}






/*tablet: 1220*/
@media only screen and (max-width:1220px) 
{
  .stripe.full .container,
  .stripe.wide .container{width:unset; max-width:1260px;}

}
/*tablet: 768-1023*/
@media only screen and (max-width:1023px) 
{

}

/*mobile l: 427-767*/
@media only screen and (max-width:767px) 
{
    .form-grid{display:grid; grid-template-columns:1fr; gap:32px;}
    .form-grid .wide{grid-column:unset;}

    header{overflow:visible;}
    header .grid nav{width:100%; height:auto; display:block;  left:0; top:-800px; position:absolute; -webkit-transform:translateY(-140%); transform:translateY(-140%); -webkit-transition:-webkit-transform 0.5s, visibility 0s 0.5s; transition:transform 0.5s, visibility 0s 0.5s;}
    header .grid .menu{display:unset; display:block; text-align:right;}
      header .grid .menu a i{font-size:3.0rem; color:#fccc00; line-height:80px;} 
  
    header .grid nav ul{ display:block; position:relative; padding:24px; background:#A1E44D; margin-left:unset;}
    header .grid nav ul li:before{background:none;}
    header .grid nav ul li a i{display:none;}
    header .grid nav ul li{width:100%; height:auto; min-height:48px; line-height:unset; display:block; margin:0px; text-align:right; border-radius:unset;}
    header .grid nav ul li.language{min-height:24px;}
    header .grid nav ul li.language img{margin:unset; margin-right:0; margin-left:auto;}
    header .grid nav ul li:last-of-type{display:block; width:100%;}
    header .grid nav ul li:last-of-type a{margin-right:0; margin-left:auto; text-align:center; padding:0 8px; line-height:48px;}
    header .grid nav ul li a{color:white; height:48px; line-height:48px;}
    header .grid nav ul li a:active,
    header .grid nav ul li a:hover{color:white;}
    header .grid nav ul li a.on{color:#fccc00;}
  header .grid nav ul li.cta{background:unset; position: relative; top:unset; right:unset; transform:unset;}
    header .grid nav.open{width:100%; height:100vh; display:block; left:0px; z-index:101; position:absolute;top:80px; margin:0px !important; -webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}


}

/*mobile l: 427-767*/
@media only screen and (max-width:767px) 
{
    .form-grid{display:grid; grid-template-columns:1fr; gap:32px;}
    .form-grid .wide{grid-column:unset;}




.grid{gap:6px;}

section .block-1{grid-column:span 12;}
section .block-2{grid-column:span 12;}
section .block-3{grid-column:span 12;}
section .block-4{grid-column:span 12;}
section .block-5{grid-column:span 12;}
section .block-6{grid-column:span 12;}
section .block-7{grid-column:span 12;}
section .block-8{grid-column:span 12;}
section .block-9{grid-column:span 12;}
section .block-10{grid-column:span 12;}
section .block-11{grid-column:span 12;}
section .block-12{grid-column:span 12;}

footer .block-1,
footer .block-2,
footer .block-3,
footer .block-4{grid-column:span 12;}

h1{font-size:2.4rem; margin-bottom:12px;}
h2{font-size:2.2rem; margin-bottom:12px;}
h3{font-size:2.0rem; margin-bottom:12px;}
h4{font-size:1.8rem; margin-bottom:12px;}
}

/*mobile s: 320-426*/
@media only screen and (max-width:426px)
{
    
    
}