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

/*reset*/
*{margin:0; padding:0; outline:none; box-sizing:border-box;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox, button{-webkit-appearance:none; appearance:none; border-radius:0;}

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

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


/*text*/
h1, h2, h3, h4, h5, h6{width:100%; font-family:'Raleway', sans-serif; height:auto; font-weight:400;}
h1{font-size:3.5rem; color:#054485}
h2{font-size:2.0rem; margin-bottom:32px; text-transform:uppercase; font-weight:500;}
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{color:#054485; text-decoration:none;}
a:hover, a.on {color:#054485;}
small{font-size:1.2rem;}
section{padding: 32px 0;}
article ul,
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}
p span.red{color:#e2001a; font-weight:bold;}
/*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; font-size:1.4rem; font-weight:700; color:#ffffff; background-color:#054485; padding:8px 24px;}
.button:hover{background:#7297bc; color:white;}
.button.full{width:100%; height:48px; line-height:48px; padding:unset; border-radius: 0px 0px 4px 4px;}
.button.full:hover{}
.button.outline{background:unset; border:4px solid white;}

/*forms*/
form.form-grid{display:grid; grid-template-columns:150px auto; gap:16px;}
form.form-grid.order{gap:0px;}
form.form-grid .wide{grid-column-end:span 2;}
form.form-grid h2{margin-bottom:8px;}
form.form-grid h3{margin-top:16px; margin-bottom:8px;}
form.form-grid div{padding:8px 0px;}
form.form-grid div.margin-top{margin-top:16px;}
form.form-grid.order div{padding:0px;}
form.form-grid.order div.padding{padding:16px;}
form.form-grid div.hide{display:none;}
form.form-grid.order div,
form.form-grid div.noborder{border-bottom:none !important;}
form.form-grid .message{background:#fffee0; padding:8px; color:#054485;}
form.form-grid .message span{display:unset;}
form.form-grid div.label{color:#054485;}
form.form-grid div.row.red,
form.form-grid div.row label.red{color:#e2001a;}
form.form-grid div:not(.input-wrapper-submit):not(.message) span{display:block; height:32px; line-height:32px; color:#a3a3a3; font-size:1.2rem;}
form.form-grid div input[type="datetime-local" ],
form.form-grid div input[type="time" ],
form.form-grid div input[type="date" ]{color:#2a2620;}
form.form-grid div input[type="text"],
form.form-grid div input[type="number"],
form.form-grid div input[type="date"],
form.form-grid div input[type="time"],
form.form-grid div input[type="datetime-local"]{width:100%; height:24px; line-height:24px; font-size:1.4rem; font-family:'Raleway', sans-serif; padding:16px; border-radius:5px; border:1px solid #eae9e9; color:#2a2620; background:#F5F5F5; -webkit-box-shadow:inset 0 3px 6px rgba(0,0,0,0.2); box-shadow:inset 0 3px 6px undefinedpx rgba(0,0,0,0.2);}
form.form-grid div select{width:100%; height:24px; line-height:24px; font-size:1.4rem; padding:16px; border-radius:5px; color:#2a2620; background:#F5F5F5; border:1px solid #eae9e9; font-family:'Raleway', sans-serif; color:#555555; -webkit-box-shadow:inset 0 3px 6px rgba(0,0,0,0.2); box-shadow:inset 0 3px 6px undefinedpx rgba(0,0,0,0.2);}
form.form-grid div select{height:unset; line-height:unset; padding:8px 16px;}
form.form-grid div select option{color:#555555;}
form.form-grid div input[type="text"].red,
form.form-grid div input[type="number"].red,
form.form-grid div input[type="date"].red,
form.form-grid div input[type="time"].red,
form.form-grid div select.red,
form.form-grid div input[type="datetime-local"].red{border:1px solid #e2001a;}
form.form-grid div input[type="text"]:focus,
form.form-grid div input[type="number"]:focus,
form.form-grid div input[type="date"]:focus,
form.form-grid div input[type="time"]:focus,
form.form-grid div input[type="datetime-local"]:focus{border:1px solid #2a2620;}
form.form-grid div textarea{width:100%; height:300px; line-height:24px; padding:16px; font-size:1.4rem; font-family:'Raleway', sans-serif; border-radius:8px; border:1px solid #eae9e9; color:#2a2620; background:#F5F5F5; -webkit-box-shadow:inset 0 3px 6px rgba(0,0,0,0.2); box-shadow:inset 0 3px 6px undefinedpx rgba(0,0,0,0.2);} 
form.form-grid div textarea:focus{border:1px solid #303030;}
form.form-grid div.submit{display:grid; grid-template-columns:1fr 1fr;}
form.form-grid div.submit .left input[type=button],
form.form-grid div.submit .left input[type=submit]{border:0px; font-family:'Raleway', sans-serif; color:#555555; background-color:#eae9e9; font-size:1.4rem; padding:8px 24px; text-decoration:none; float:right; cursor:pointer;}
form.form-grid div.submit .right input[type=button],
form.form-grid div.submit .right input[type=submit]{border:0px; font-family:'Raleway', sans-serif; color:#ffffff; background-color:#054485; font-size:1.4rem; padding:8px 24px; text-decoration:none; float:right; cursor:pointer;}
form.form-grid div.submit .right input[type=submit].grey{color:#f1f1f1; background-color:#444444;}

/*header*/
header{height:75px; overflow:visible; position:absolute; top:90px; left:0; z-index:1000;}
header .background{background:url(../images/OLD-Header-BG.svg) repeat-x; height:inherit;}
header .grid{display:grid; grid-template-columns: 200px auto; gap:32px;}
header nav ul{display:flex; justify-content:end;}
header nav ul li{font-size:1.8rem; text-transform: uppercase; line-height:75px;}
header nav ul li a{color:white; margin:0 12px;}
header nav ul li a:hover,
header nav ul li a.on,
header nav ul li a:active{color:#A2914D !important;}
header .logo{height: 200px; width: 200px; margin-top:-60px;}
header .logo img{height: 100%; width: 100%; object-fit:cover;}
header .menu{display:none;}

/*Sections*/
section.hero{padding-top:unset; padding-bottom:unset; position: relative;}
section.hero .image{height:700px; width:inherit;}
section.hero .image .img{height: 100%; width: 100%; object-fit:cover;}
section.hero .overlay{position:relative; bottom:0; left:0; width:100%; height:100px; background:rgba(5,68,133,0.2);}
section.hero .overlay .title{font-size:4.0rem; font-weight:300; color:white; line-height:100px; margin-top:-100px; z-index:1000; text-transform:uppercase;}

section.content .vhr{width:2px; background:#054485; height:100%; grid-column-start:2;}
section.content .grid{display:grid; grid-template-columns:0.6fr  2px 0.4fr; column-gap:32px; row-gap:32px;}
section.content .intro{margin-bottom:32px;}
section.content .contact p{margin-bottom:24px;}
section.content .contact address{font-style:normal; text-align:center;}
section.content .contact address h2{color:#054485;}
section.content .contact address .team h2{margin:24px 0;}
section.content .contact address .team{margin-bottom:24px;}
section.content .contact address .team .member{margin:4px 0;}
section.content .contact address .team span{color:#054485; font-weight:500;}
section.content .contact address a{display:block;}
section.content .intro hr,
section.content .contact hr,
section.content .news-overview hr,
section.content .agenda-overview hr,
section.content .rules hr{border-top:2px solid #A2914D; margin: 32px 0;}
section.content .rules{grid-column-start:1; margin-bottom:64px;}
section.content .rules .intro{font-weight:500; margin-bottom:24px;}
section.content .rules ol{margin-bottom:24px; list-style-position:inside; list-style:decimal;}
section.content .rules .links{display:grid; grid-template-columns:1fr 1fr;}
section.content .rules .links .button .background{height:inherit; width:inherit; position:absolute; top:0; left:0; border-radius:5px; background:#cfdce8; z-index:-1;}
section.content .rules .links .button{width:230px; height:60px; border-radius:5px; border-bottom-right-radius:89px; position: relative; text-transform:uppercase; padding:8px 80px 8px 8px;}
section.content .rules .links .button:hover{background:#7297bc; color:white;}
section.content .rules .links .button .hand{width:40px; height:70px; position:absolute; bottom:-30px; right:30px;}
section.content .rules .links .button .hand img{width: 100%; height: 100%; object-fit:contain;}
section.content .blocks .item .button{margin:24px 0;}
section.content .news{background:#DFDFDF; border-top-right-radius: 42px; overflow:hidden; margin-bottom:32px;}
section.content .news h2{background:#054485; color:white; padding-left:58px; margin-bottom:unset;}
section.content .news .news-item article{padding:18px 16px;}
section.content .news .news-item p{font-size:1.2rem; color:#444444;}
section.content .news-overview .news-item .author,
section.content .news .news-item .author{color:#054485; font-style: italic; margin-top:12px;}
section.content .news-overview .news-item .author span:before,
section.content .news .news-item .author span:before{content:'|'; margin: 0 4px; font-style:normal;}
section.content .news-overview .navigate{margin-top:24px;}
section.content .gallery.grid{display:grid; grid-template-columns:1fr 1fr;}
section.content .gallery.grid .image{width:100%; height:250px;}
section.content .gallery.grid .image img{width:100%; height: 100%; object-fit:contain;}
section.content .image-car{width: 100%; height:500px;position: relative;}
section.content .image-car.small{height:380px;}
section.content .image-car img{width: 100%; height: 100%; object-fit:cover;}
section.content .image-car .background{height:100%; width:100%; background:#A2914D; position:absolute; bottom:-2%; left:-2%; z-index:-1;}
section.content .spacer{width: 100%; display:block; height:32px;}
section.content .sponsors{width: 100%; height:fit-content; overflow:hidden; border-top-right-radius:42px; border:1px solid #dadada; padding:12px; margin-bottom:32px;}
section.content .sponsors .grid{display:grid; grid-template-columns:1fr 1fr;}
section.content .sponsors .grid .image{width:100%; height:116px;}
section.content .sponsors .grid .image img{width: 100%; height: 100%; object-fit:contain;}
section.content .sponsors .image{width:100%; height: 116px; margin:auto;}
section.content .sponsors .image img{width: 100%; height: 100%; object-fit:contain;}
section.content .agenda{overflow:hidden; border-top-right-radius:42px; margin-bottom:32px;}
section.content .agenda h2{background:#054485; color:white; padding-left:58px; margin-bottom:12px;}
section.content .agenda a{padding:12px 16px; font-size:1.2rem; background:#edf6fe; color:#444444; display:block; margin:12px 0;}
section.content .agenda a span{display:block; color:#054485; font-weight:500; font-size:1.4rem;}
section.content .form-grid .row.wide.blue{background:#054485; color:white; padding-left:24px;}
section.content .agenda-overview,
section.content .news-overview{grid-column-start:1;}
section.content .news-overview .news-item{margin: 12px 0;}
section.content .agenda-overview a{display:block; margin:24px 0;}

/*Footer*/
footer{ height: 100px; background:#054485; border-top:4px solid #A2914D;}
footer .grid{display:grid; grid-template-columns:90px auto 100px; gap:32px;}
footer .grid .logo{width: 90px; height: 90px; margin:auto;}
footer .grid .logo img{width: 100%; height: 100%; object-fit:cover;}
footer .grid h4{margin-bottom:unset; color:white; line-height:60px;}
footer .grid div.copyright a{font-size:1.2rem; margin-right:12px; color:white;}
footer .grid .social{color:white; line-height:100px;}
footer .grid .social a{color:white; line-height:100px;}
footer .grid .social i{font-size:2.5rem;}

@media only screen and (max-width:1199px){
    header nav ul li{font-size:1.6rem; text-transform: uppercase; line-height:75px;}
    header nav ul li a{margin:0 4px;}  
}

/*tablet: 768-1023*/
@media only screen and (max-width:1023px) 
{
    h1{font-size:3.0rem; margin-bottom:24px; color:#054485}
    h2{font-size:2.0rem; margin-bottom:24px;}
    h3{font-size:2.0rem; margin-bottom:16px;}
    h4{font-size:2.0rem; margin-bottom:16px;}
    
    body.noscroll{overflow:hidden;}

    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 .menu a i{font-size:3.0rem; color:white; line-height:75px;}    
    header .grid nav ul{width:100%; height:auto; display:block; position:relative; float:left; padding:24px; background:#A2914D; margin-left:unset;}
    header .grid nav ul li:before{background:none;}
    header .grid nav ul li{width:100%; height:auto; min-height:48px; line-height:unset; display:block; float:left; margin:0px; text-align:right; border-radius:unset;}
    header .grid nav ul li a{color:#ffffff; height:48px; line-height:48px; margin:unset;}
    header .grid nav ul li a:active,
    header .grid nav ul li a.on{color:white !important; text-decoration:underline;}
    header .grid nav.open{width:100%; height:100vh; display:block; float:none; left:0px; top:75px; z-index:-1; position:absolute; margin:0px !important; -webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}

    
    section.hero .image{height:500px;}
    section.hero .overlay .title{font-size:3.0rem;}

    section.content .image-car{height:350px;}
    section.content .intro hr{margin: 8px 0;}
    section.content .rules .links{display:grid; grid-template-columns:1fr;}
    section.content .rules .links .button{margin-bottom:53px; width:100%; padding: 8px 90px 8px 8px;}
    section.content .image-car.small {height:224px}
    section.content .gallery.grid .image{width:100%; height:140px;}

}

/*mobile l: 427-767*/
@media only screen and (max-width:767px) 
{
    
    h1{font-size:2.4rem; margin-bottom:24px;}
    h2{font-size:2.0rem; margin-bottom:24px;}
    h3{font-size:1.8rem; margin-bottom:16px;}
    h4{font-size:1.8rem; margin-bottom:16px;}

    form.form-grid div{padding:unset;}
    form.form-grid{grid-template-columns:1fr;}
    form.form-grid .wide{grid-column-end:unset; padding-bottom:2px;}
    form.form-grid div.submit{grid-template-columns:1fr; grid-column-end:unset;}
    form.form-grid div.row.label{font-weight:500;}
    form.form-grid div.submit .right input[type=button], 
    form.form-grid div.submit .right input[type=submit]{width:100%;}
    
    header{top:32px;}
    header .grid{display:grid; grid-template-columns: 150px auto; gap:32px;}
    header .logo{height: 150px; width: 150px; margin-top:-30px;}

    section.hero .image{height:300px;}
    section.hero .overlay{height:50px; margin-top:-50px;}
    section.hero .overlay .title{font-size:2.6rem; line-height:50px;}

    section.content .vhr{display:none; }
    section.content .grid{display:grid; grid-template-columns:1fr; gap:24px;}
    section.content .intro hr{margin: 4px 0;}
    section.content .news{ border-top-right-radius: 30px; grid-column-start:unset;}
    section.content .news h2{padding-left:12px;}
    section.content .news .news-item .author{margin-top:8px;}
    section.content .image-car{height:250px;}
    section.content .image-car.small{display:none;}
    section.content .sponsors{border-top-right-radius:30px; padding:12px; grid-column-start:unset;}
    section.content .agenda{border-top-right-radius:30px; grid-column-start:unset;}
    section.content .agenda h2{padding-left:12px; margin-bottom:12px;}
    section.content .agenda a{padding:12px; margin:12px 0;}
    section.content .gallery.grid{display:grid; grid-template-columns:1fr;}
    section.content .gallery.grid .image{height:100%;}


    footer{ height: 100px; background:#054485; border-top:4px solid #A2914D;}
    footer .grid{display:grid; grid-template-columns:90px auto; gap:32px;}
    footer .grid h4{display:none;}
    footer .grid .social{text-align:right;}

}

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