@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%;}
body{width:100%; height:100%;  line-height:1.628571; font-family:'Poppins', sans-serif; color:#FFFF00; font-size:1.6rem; 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:'Playfair Display', serif; font-weight:900;}
h1{font-size:3.5rem;}
h2{font-size:3.0rem; margin-bottom:32px; color:#FF4500;}
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:#FF7E00;}
a:hover, a:hover {color:#50C878;}
small{}
.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:#FF1493; font-size:3.5rem; font-family:'Dancing Script',cursive; font-weight:600; padding: 16px 24px; border-radius:8px; background:#FFFF00; display:block;}
.button.alt{background:#FF1493; color:#FFff00;}
.button.small{padding:8px 16px; font-size:2.0rem;}
.button:hover{background:#FF1493; color:#FFFF00;}
.button.alt:hover{background:#FFFF00; color:#FF1493;}


.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*/
.bg-purple{background:#8000FF;}
.bg-darkblue{background:#002366;}
.bg-green{background:#50C878;}
.bg-orange{background:#FF9F45;}
.bg-pink{background:#FF00FF;}
.bg-white{background:white;}

.bg-purple article h1,
.bg-purple article h2,
.bg-purple article h3,
.bg-purple article h4{color:#FF1493;}
.bg-purple article *,
.bg-purple article p{color:white;}

.bg-white article p,
.bg-white article h1,
.bg-white article h2,
.bg-white article h3,
.bg-white article h4{color:#8000FF;}


.button.bg-white:hover,
.button.bg-purple:hover{background:#8c14c9; color:white;}

.bg-purple.gradient{background: linear-gradient(90deg, rgba(115,16,166,1) 0%, rgba(140,20,201,1) 100%);}

.txt-white{color:white;}
.txt-purple{color:#8000FF;}



/*general image css*/
.image{width: 100%; height:auto;}
.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;}
.breadcrumbs ol li:first-of-type span{margin-left:unset;}

/*form*/

/*error message*/
.message.fail article h2,
.message.fail article p{color:red;}
.message.succes article h2,
.message.succes article p{color:green;}

.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 {}
.form-grid label,
.form-control label{}

.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:'Poppins', sans-serif; font-size: 1.8rem; 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 {outline: none; box-shadow: 0 0 5px rgba(78, 11, 112, 0.3); border-color:#8000FF;  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.25em); display: grid; place-content: center; font: inherit; color:#707070; width: 1.08em; height: 1.08em; border: 0.15em solid #267932; border-radius: 0.15em;} 
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: red; 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:red;}
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;position:relative; padding:24px 0; background:#002366;}
.logo{width: 150px; aspect-ratio:1/1;}
.logo img{width:100%; height:100%; object-fit:contain;}

header .grid nav ul{display:flex;justify-content:flex-end;}
header .grid nav ul li{margin-right:32px; line-height:150px; font-family:'Dancing Script', cursive;  font-size:2.2rem; font-weight:600; }
header .grid nav ul li a:not(header .grid nav ul li.cta a){color:#ffd93d}
header .grid nav ul li:hover a:not(header .grid nav ul li.cta a){color:#FF7E00;}
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: hidden; padding:48px 0 !important;}
section.slider .background {width: 100%; height:100%; position: absolute; top: 0; left: 0;}
section.slider .video{width: 550px; transform:rotate(-2deg);}

section.slider article h1{font-size:7.0rem;}
section.stripe article q,
section.slider article p{font-family:'Dancing Script', cursive; font-size:3.5rem; font-weight:600; display:block;}

.stripe article q{color:#FF00FF;}
.stripe article .button{display:flex; margin-right:24px;}
.stripe article .button:last-of-type{margin-right:unset;}

section .button{margin:24px 0;}

.card{padding:24px; background:url(../images/IER-BG-06.svg)repeat; background-size:cover; background-color:#FF7E00;}

.image-content{position: relative;}
.image-content .bg-element,
.image{aspect-ratio:504/283;}
.image{border:14px solid #FF00FC; transform:rotate(2deg); position: relative; z-index:2;}
.image-content .bg-element{border:14px solid #8000FB; transform:rotate(5deg); position:absolute; top:20px; right:-60px; z-index:0;}
.image-content .bg-element img,
.image img{object-fit:cover;}
.overlay{aspect-ratio:111/232; width:111px; position:absolute; bottom:-20px; right:-50px; transform:rotate(15deg); z-index:3;}
.overlay img{width: 100%; height: 100%; object-fit:contain;}



/*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;}
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;}
footer address{font-style: normal;}
footer a{display:block;}
footer a:hover{color:#8000FF;}
footer a i{margin-right:12px;}
footer .copyright{display:flex; justify-content:center;}
footer .copyright,
footer .copyright * {font-size:1.4rem; color:#c4c4c4;}
footer .copyright a{margin-left:12px;}


/*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:#8000FF; 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 .menu a i{font-size:3.0rem; color:red; line-height:48px;}   
  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; float:none; 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)
{
    
    
}