@charset "utf-8";

/*reset*/
html{scroll-behavior:smooth;}
*{margin:0; padding:0; outline:none; box-sizing: border-box;}
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;}

section{margin:96px 0px;}
section:first-of-type{margin-top:0px;}
section:last-of-type{margin-bottom:0px;}

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

/*template*/
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; font-size:1.4rem; 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;}
h1{font-size:3.2rem; margin-bottom:32px; font-weight:900;}
h2{font-size:2.6rem; margin-bottom:32px;}
h3{font-size:2.0rem; margin-bottom:16px;}
h4{font-size:1.4rem; margin-bottom:16px;}
p{margin:0px 0px 32px 0px;}
p:last-of-type{margin:0px 0px 0px 0px;}
a, a{text-decoration:none;}


/*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;}


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


/*general image css*/
.photo{width: 100%;}
.photo 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%; height:32px;}
.breadcrumbs ol{display:flex; justify-content:flex-start;}

/*form*/
.form-grid{display:grid; grid-template-columns:200px 1fr; gap:32px;}
.form-grid .wide{grid-column:span 2;}

/*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;} 
input[type="radio"] {margin: 0;}
input[type="radio"]::before,
input[type="checkbox"]::before {content: ""; width: 0.65em; height: 0.65em; 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 1em 1em var(--form-control-color);}
input[type="radio"]::before {clip-path:unset; transform-origin:unset;}
input[type="radio"]:checked::before,
input[type="checkbox"]:checked::before {transform: scale(1);}





header{overflow:visible;}
.logo img{width:100%; height:100%; object-fit:contain;}

header .grid nav ul{display:flex;}
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;}



section.slider .background img {object-fit: cover;}
section.slider .container article .button {margin-top: 24px;}

.stripe .button{margin:24px 0;}
.stripe .photo{width: 100%; margin-top:0; margin-bottom:auto; overflow:hidden;}
.stripe .photo img{width: 100%; height: 100%; object-fit:cover;}
.stripe .photo.left{padding-right:48px;}
.stripe .photo.right{padding-left:48px;}

/*item wide no image*/
section.content .item.wide article{grid-column:span 2;}
section.content .item.wide .photo{display:none;}
/*item fullscreen*/
section.content .item.fullscreen article,
section.content .item.fullscreen .photo{grid-column:span 2;}

/*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;}
footer address{font-style: normal;}
footer a{display:block;}

footer .copyright{display:flex; justify-content:center;}


/*tablet: 768-1023*/
@media only screen and (max-width:1023px) 
{
    header{overflow:visible;}
    header .grid nav{width:100%; height:auto; display:block; float:none; 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 nav ul{ display:block; position:relative; float:left; }
    header .grid nav ul li:before{background:none;}
    header .grid nav ul li a i{display:none;}
    header .grid nav ul li{ line-height:unset; display:block; float:left; margin:0px; text-align:right; border-radius:unset;}

    header .grid nav ul li:last-of-type{display:block; width:100%;}

    header .grid nav ul li a{ margin:unset; border-right:unset;}

    header .grid nav.open{width:100%; height:100vh; display:block; float:none; left:0px; z-index:101; position:absolute; margin:0px !important; -webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}

    section{margin:48px 0px;}

}

/*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;}

    section{margin:32px 0px;}
    
    section .photo.right{padding-left:unset;}
    section .photo.left{padding-right:unset;}

.grid{gap:12px;}

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;}

}

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