@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Baloo+Thambi+2:wght@400;500;600;700;800&display=swap');

/*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%; color:#1a1a18; background:#ffffff; overflow-x:hidden; font-family:'Baloo Thambi 2', sans-serif; overflow-y:scroll; font-size:18px; font-size:1.8rem; line-height:1.628571; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

h1, h2, h3, h4, h5, h6{width: 100%; height:auto; line-height:1.2; color:#1a1a18; margin:0px 0px 15px 0px; font-family:'Baloo Thambi 2', sans-serif;}
h1{font-size:60px; font-size:6.0rem;}
h2{font-size:36px; font-size:3.6rem;}
h3{font-size:24px; font-size:2.4rem;}
h1.orange,
h2.orange,
h3.orange,
h4.orange,
h5.orange,
h6.orange,
a.orange{color:#f39100;}
h1.green,
h2.green,
h3.green,
h4.green,
h5.green,
h6.green,
a.green{color:#95c11c;}
h1.red,
h2.red,
h3.red,
h4.red,
h5.red,
h6.red,
a.red{color:#e3000f;}
h1.blue,
h2.blue,
h3.blue,
h4.blue,
h5.blue,
h6.blue,
a.blue{color:#009ee3;}
h1.black,
h2.black,
h3.black,
h4.black,
h5.black,
h6.black,
a.black{color:#000000;}
h1.nomargin,
h2.nomargin,
h3.nomargin,
h4.nomargin,
h5.nomargin,
h6.nomargin,
a.nomargin{margin:0px;}

p{margin:0px 0px 20px 0px;}
a, a *{color:#f39100; text-decoration:underline;}
a.more{color:#f39100; text-decoration:none; font-size:20px; font-size:2.0rem; font-weight:normal;}
a.more i{text-decoration:none; margin-left:10px; color:#f39100;}
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;}
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;}
.right{float:right;}

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

/*buttons*/
.button{padding:5px 25px; box-sizing:border-box; display:inline-block; text-align:center; font-size:16px; font-size:1.6rem; font-weight:normal; border-radius:2px; text-decoration:none; background:transparent;}
    .button.orange{border:1px solid #f39100; color:#f39100;}
    .button.orange:hover{color:#ffffff; background:#f39100;}  
    .button.green{border:1px solid #95c11c; color:#95c11c;}
    .button.green:hover{color:#ffffff; background:#95c11c;}  
    .button.red{border:1px solid #e3000f; color:#e3000f;}
    .button.red:hover{color:#ffffff; background:#e3000f;}  
    .button.blue{border:1px solid #009ee3; color:#009ee3;}
    .button.blue:hover{color:#ffffff; background:#009ee3;}  

/*forms*/
/*reset apple*/
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}
/*forms*/
.winnie{opacity:0; position:absolute; top:0; left:0; height:0; width:0; z-index:-1;}
/*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:#888888; padding:0px 1%; transition:all 0.1s linear; opacity:0; font-weight:bold;}
.input-wrapper label.on{color:#999999;}
.input-wrapper label.show{top:-15px; opacity:1;}
.input-wrapper input{width:98%; height:35px; display:block; color:#1a181b; 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:#f78e20; transition:.2s;}
.input-wrapper input.red:focus{border-bottom:1px solid #d90000; transition:.2s;}

/*radio*/
.input-wrapper-radio{position:relative; display:block; margin:0px 0px 45px 0px; padding:0px 1%;}
.input-wrapper-radio .headlabel{position:absolute; top:-25px; opacity:1; left:0; font-size:11px; color:#999999; 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:#888888; padding:0px 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:#cdd0d6;}
.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:#1a181b; font-size:15px; font-size:1.5rem; }
.input-wrapper-checkbox input[type="checkbox"] + label.red{color:#d90000;}
.input-wrapper-checkbox label a{color:#1a181b;}
.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:#999999;}
.input-wrapper-textarea label.show{top:-20px; opacity:1;}
.input-wrapper-textarea textarea{width:98%; height:125px; display:block; overflow:hidden; border:none; resize:none; padding:0px 1%; font-family:'Open Sans',Helvetica, sans-serif; font-size:15px; font-size:1.5rem; color:#1a181b; border-bottom:1px solid #eae9e9;}
.input-wrapper-textarea textarea.red{border-bottom:1px solid #d90000;}
.input-wrapper-textarea textarea:focus{border-color:#f78e20; 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:#999999; 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; }

section .orderbuttons{min-height:75px; margin:35px 0px !important; display:block; box-sizing:border-box;}
section .orderbuttons .button-left{float:left; width:50%;}
section .orderbuttons .button-left input[type=button],
section .orderbuttons .button-left input[type=submit]{border:0px; font-family:'Lato',Helvetica, sans-serif; color:#888888; padding:10px 15px; font-weight:bold; font-size:16px; font-size:1.6rem; text-decoration:none; float:left; cursor:pointer; background-color:#fffffff;}
section .orderbuttons .button-right{float:right; width:50%;}
section .orderbuttons .button-right input[type=button],
section .orderbuttons .button-right input[type=submit]{border:0px; font-family:'Lato',Helvetica, sans-serif; color:#ffffff; padding:10px 15px; font-weight:bold; font-size:16px; font-size:1.6rem; text-decoration:none; float:right; cursor:pointer; background-color:#f39100;}

/*containers*/
.wrapper{width:100%; max-width:1920px; display:block; margin:0px auto;}
.container{padding:0px 35px; box-sizing:border-box; width:100%; max-width:1260px; display:block; margin:0px auto;}

/*header*/
header{overflow:visible;}
    header .border{overflow:visible; height:35px; background:#e7e7e7; background:linear-gradient(180deg, rgba(231,231,231,1) 50%, rgba(26,26,24,0.2) 100%);}
    header .header-grid{overflow:visible; display:grid; grid-template-columns:1fr 1fr;}
    
    header .header-grid .logo{margin-bottom:15px; position:relative; top:-15px;}
    header .header-grid .logo img{width:305px;}
    
    header .header-grid .contact{margin:auto 0px; text-align:right; font-size:1.4rem; font-weight:bold;}
    header .header-grid .contact span{width:100%; display:block; color:#9e9e9e;}
    header .header-grid .contact span a{color:inherit; text-decoration:none;}
    header .header-grid .contact span a:hover{color:#f39100;}
    header .header-grid .contact .menu-item{display:none;}
    
    header .header-grid nav{padding:0px 70px; box-sizing:border-box; grid-area:2/1/2/3; border-top:1px solid #e7e7e7;}
    header .header-grid nav ul{height:70px; display:flex; justify-content:center;}
    header .header-grid nav ul li{margin:auto 0px;}
    header .header-grid nav ul li:first-of-type{color:#f39100;}
    header .header-grid nav ul li:nth-of-type(2){color:#009ee3;}
    header .header-grid nav ul li:nth-of-type(3){color:#e3000f;}
    header .header-grid nav ul li:nth-of-type(4){color:#95c11c;}
    header .header-grid nav ul li:not(:last-child){margin-right:70px;}
    header .header-grid nav ul li a{font-size:2.0rem; font-weight:bold; color:inherit; text-decoration:none;}
    header .header-grid nav ul li a:hover{text-decoration:underline;}
    header .header-grid nav .icon{display:none;}

/*sections*/
section{margin-bottom:70px;}

    .content.orange h2, 
    .content.orange h3, 
    .content.orange a, 
    .bulletin.orange,
    .sidebar aside.orange, 
    .sidebar aside.orange ul li a span{color:#f39100;} 

    .content.green h2, 
    .content.green h3,
    .content.green a,
    .bulletin.green,
    .sidebar aside.green, 
    .sidebar aside.green ul li a span{color:#95c11c;} 

    .content.red h2, 
    .content.red h3,
    .content.red a,
    .bulletin.red,
    .sidebar aside.red, 
    .sidebar aside.red ul li a span{color:#e3000f;} 

    .content.blue h2, 
    .content.blue h3,
    .content.blue a,
    .bulletin.blue,
    .sidebar aside.blue, 
    .sidebar aside.blue ul li a span{color:#009ee3;} 

    .content.black h2, 
    .content.black h3,
    .content.black a,
    .bulletin.black,
    .sidebar aside.black, 
    .sidebar aside.black ul li a span{color:#1a1a18;} 
    
.slider{height:525px; display:block; position:relative;}
    .slider .overlay{width:2075px; position:absolute; opacity:0.6; bottom:0px; right:-70px;}
    .slider .slides{width:100%; height:inherit; display:block; overflow:hidden;}
    .slider .slides .slide{width:100%; height:inherit; display:block; overflow:hidden; background-size:contain;}
    
.agenda{display:grid; column-gap:50px; grid-template-rows:repeat(5, 1fr); grid-template-columns:repeat(4,1fr); padding:0px 35px; box-sizing:border-box;}    
    .agenda .background{position:absolute; width:calc(100% - 140px); height:calc(100% - 70px); margin:auto; top:0; bottom:0; left: 0; right:0; background:#f1f1f1; z-index:-1;}   
    .agenda .title{grid-row:span 2; grid-column:span 2;} 
    .agenda .title:last-of-type{text-align:right; margin-top:auto;}
    .agenda .title:last-of-type a{color:#1a1a18;}
    .agenda .title strong{font-size:3.0rem; width:100%; display:block; color:#1a1a18; font-weight:bold; font-family:'Baloo Thambi 2', sans-serif;}
    .agenda .title a.more{font-size:1.6rem; font-weight:bold;}
    .agenda .title a.more:hover{text-decoration:underline;}
    .agenda .title a.more br{display:none;}
    .agenda .block{grid-row:span 3; grid-column:auto; text-decoration:none !important}  
    .agenda .block .image{width:100%; height:225px;}        
    .agenda .block .content{padding:15px; box-sizing:border-box; color:#ffffff; text-decoration:none !important;}  
    .agenda .block .content h3{margin:0px; color:inherit; text-decoration:none; text-decoration:none !important;}  
    .agenda .block .content span{font-size:1.4rem; width:100%; display:block; margin-bottom:5px; color:inherit; text-decoration:none;}  
    
.agenda-overview{display:grid; grid-gap:35px; grid-template-columns:repeat(4,1fr); text-decoration:none;}    
    .agenda-overview .background{position:absolute; width:calc(100% - 105px); height:calc(100% - 105px); margin:auto; top:0; bottom:0; left: 0; right:0; background:#f1f1f1; z-index:-1;}
    .agenda-overview .title{grid-area:1/1/1/5; padding:0px 35px; box-sizing:border-box;} 
    .agenda-overview .block{width:100%; grid-column:auto; color:#ffffff; text-decoration:none;}  
    .agenda-overview .block h3{height:86px; padding:15px; box-sizing:border-box; color:inherit; text-decoration:none;} 
    .agenda-overview .block .image{width:100%; height:220px;}  
    .agenda-overview .block .content{padding:15px; box-sizing:border-box; color:inherit; text-decoration:none;} 
    .agenda-overview .block .content span{font-size:1.4rem; width:100%; display:block; color:inherit; text-decoration:none;}   
        .orange-bg{background:#f39100;}
        .green-bg{background:#95c11c;}
        .red-bg{background:#e3000f;}
        .blue-bg{background:#009ee3;}
    
.news{display:grid; grid-gap:35px; grid-template-columns:repeat(3,1fr); padding-bottom:35px; box-sizing:border-box;}
    .news .background{position:absolute; width:calc(100% - 210px); height:25%; margin:auto; bottom:0; left: 0; right:0; background:#f1f1f1; z-index:-1;}
    .news .title{grid-area:1/1/1/4; padding:0px 35px; box-sizing:border-box;}
    .news .title a{font-size:1.6rem; font-weight:bold; color:#000000;}
    .news .title a.more:hover{text-decoration:underline;}
    .news .bulletin{width:100%; grid-column:auto; background:#ffffff; text-decoration:none;}  
    .news .bulletin.orange:hover{background:#f39100; transition:0.3s;}  
    .news .bulletin.orange:hover *{color:#ffffff;}
    .news .bulletin.black:hover{background:#1a1a18; transition:0.3s;}  
    .news .bulletin.black:hover *{color:#ffffff;}    
    .news .bulletin.green:hover{background:#95c11c; transition:0.3s;}  
    .news .bulletin.green:hover *{color:#ffffff;}    
    .news .bulletin.red:hover{background:#e3000f; transition:0.3s;}  
    .news .bulletin.red:hover *{color:#ffffff;}    
    .news .bulletin.blue:hover{background:#009ee3; transition:0.3s;}  
    .news .bulletin.blue:hover *{color:#ffffff;}    
    .news .bulletin .image{width:100%; height:200px;}  
    .news .bulletin .content{padding:15px; box-sizing:border-box; color:inherit; text-decoration:none;} 
    .news .bulletin .content h3{margin:0px 0px 35px 0px; color:inherit; text-decoration:none;} 
    .news .bulletin .content span{font-size:1.4rem; width:100%; display:block; margin-bottom:5px; color:inherit; text-decoration:none;} 

.news-overview{display:grid; grid-gap:35px; grid-template-columns:repeat(3,1fr); text-decoration:none;}
    .news-overview .background{position:absolute; width:calc(100% - 100px); height:75%; margin:auto; top:0; bottom:0; left: 0; right:0; background:#f1f1f1; z-index:-1;}
    .news-overview .title{grid-area:1/1/1/4; padding:0px 35px; box-sizing:border-box;} 
    .news-overview .bulletin{width:100%; grid-column:auto; background:#ffffff; text-decoration:none;}  
    .news-overview .bulletin.orange:hover{background:#f39100; transition:0.3s;}  
    .news-overview .bulletin.orange:hover *{color:#ffffff;}
    .news-overview .bulletin.black:hover{background:#1a1a18; transition:0.3s;}  
    .news-overview .bulletin.black:hover *{color:#ffffff;}    
    .news-overview .bulletin.green:hover{background:#95c11c; transition:0.3s;}  
    .news-overview .bulletin.green:hover *{color:#ffffff;}    
    .news-overview .bulletin.red:hover{background:#e3000f; transition:0.3s;}  
    .news-overview .bulletin.red:hover *{color:#ffffff;}    
    .news-overview .bulletin.blue:hover{background:#009ee3; transition:0.3s;}  
    .news-overview .bulletin.blue:hover *{color:#ffffff;}    
    .news-overview .bulletin .image{width:100%; height:200px;}      
    .news-overview .bulletin h3{height:86px; padding:15px; box-sizing:border-box; color:inherit; text-decoration:none;} 
    .news-overview .bulletin .image{width:100%; height:200px;}  
    .news-overview .bulletin .content{margin-top:15px; padding:0px 15px; box-sizing:border-box; color:inherit; text-decoration:none;} 
    .news-overview .bulletin .content span{font-size:1.4rem; width:100%; display:block; margin-bottom:5px; color:inherit; text-decoration:none;} 
    .news-overview .bulletin .content p{display:block; color:inherit; text-decoration:none;}  
    
.about{display:grid; grid-gap:155px; grid-template-columns:405px 1fr; padding:70px 35px; box-sizing:border-box;}
    .about .background{position:absolute; width:calc(100% - 210px); height:100%; margin:auto; top:0; bottom:0; left: 0; right:0; background:#f1f1f1; z-index:-1;}
    .about .content{padding-right:175px; box-sizing:border-box;}
    
.sidebar{display:grid; column-gap:70px; grid-template-columns:280px 1fr;}  
    .sidebar aside .button{display:none;}
        .sidebar aside ul li{padding:10px 15px; box-sizing:border-box; color:inherit; border-bottom:1px solid;}    
        .sidebar aside ul li a{font-weight:bold; color:#1a1a18; text-decoration:none; font-size:1.6rem;}    
        .sidebar aside ul li a span{margin-right:10px; text-decoration:none; display:block; float:left;}  
        .sidebar .content .background{position:absolute; width:calc(100% - 490px); height:calc(100% - 35px); margin:auto; bottom:0; right:70px; background:#f1f1f1; z-index:-1;}
        .sidebar .content article{margin:0px 70px; padding:105px; box-sizing:border-box;}    
        .sidebar .content article span.details{width:100%; display:block; margin-bottom:35px; color:#8f8f8f;}
        .sidebar .content article p{margin-bottom:35px;}    
        .sidebar .content article p:first-of-type{font-weight:bold;}
        .sidebar .content article .tickets{background:rgba(255,255,255,0.8); border-radius:8px; padding:12px; margin:12px 0px;}
        .sidebar .content article .tickets p{font-weight:normal; margin:0;}

.contact .content .background{position:absolute; width:calc(100% - 100px); height:calc(100% - 70px); margin:auto; top:0; bottom:0; left:0; right:0; background:#f1f1f1; z-index:-1;}            
           
.info{display:grid; row-gap:70px; grid-template-columns:1fr 1.5fr; padding:0px 0px 0px 35px; box-sizing:border-box;}   
    .info .background{position:absolute; width:calc(100% - 140px); height:calc(100% - 35px); margin:auto; bottom:0; left: 0; right:0; background:#f1f1f1; z-index:-1;}
    .info .title{grid-row:auto; grid-column:span 3;}     
    .info .content{margin-left:35px; padding:0px 35px; box-sizing:border-box;}     
    .info .content p{font-weight:bold;}     
    .info .image img{width:100%;}     
    
.info-form{padding:0px 35px; box-sizing:border-box;}
    .info-form .background{position:absolute; width:calc(100% - 140px); height:30%; margin:auto; bottom:0; left: 0; right:0; background:#f1f1f1; z-index:-1;}
    .info-form .title{margin-bottom:70px;}

    .info-form .form{margin:0px 70px 0px 245px;}
    .info-form .form form .fields .input-wrapper{background:#ffffff;}
    .info-form .form form .fields .input-wrapper label{color:#f39100;}
    .info-form .form form .fields .input-wrapper label.on{color:#009ee3;}
    .info-form .form form .fields .input-wrapper input{border-bottom:2px solid #1a1a18;}
    .info-form .form form .fields .input-wrapper input.red{border-bottom:2px solid #d90000;} 
    .info-form .form form .fields .input-wrapper input:focus{border-color:#f39100s;} 
    .info-form .form form .fields .input-wrapper input.red:focus{border-bottom:2px solid #d90000;} 
    
    .info-form .form form .fields .input-wrapper-textarea{margin:0px;}
    .info-form .form form .fields .input-wrapper-textarea label{color:#f39100;}
    .info-form .form form .fields .input-wrapper-textarea label.on{color:#009ee3;}
    .info-form .form form .fields .input-wrapper-textarea textarea{border-bottom:2px solid #1a1a18;}
    .info-form .form form .fields .input-wrapper-textarea textarea.red{border-bottom:2px solid #d90000;}
    .info-form .form form .fields .input-wrapper-textarea textarea:focus{border-color:#f39100s;}
    .info-form .form form .fields .input-wrapper-textarea textarea.red:focus{border-bottom:2px solid #d90000;}
    
    .info-form .form .orderbuttons .button-right input{padding:10px 15px 10px 70px;}
    
/*footer*/    
footer{color:#ffffff; background:#1a1a18;}
    footer .footer-grid{display:grid; row-gap:70px; column-gap:35px; grid-template-columns:1fr 1fr 40px 40px; padding:35px; box-sizing:border-box;}
    footer .footer-grid .contact strong{width:100%; display:block;}
    footer .footer-grid .contact span{width:100%; display:block;}
    footer .footer-grid .contact span a{font-weight:bold; color:inherit; text-decoration:none;}
    footer .footer-grid .contact span a:hover{color:#f39100;}
    footer .footer-grid .pagelinks li:not(:last-child){margin-bottom:10px;}
    footer .footer-grid .pagelinks li a{font-weight:bold; color:inherit; text-decoration:none;}
    footer .footer-grid .pagelinks li a:hover{color:#f39100;}
    footer .footer-grid .socials .round{float:right; width:100%; margin-bottom:15px;}
    footer .footer-grid .socials .round:last-child{margin-bottom:0px;}
    footer .footer-grid .socials .round a{width:40px; height:40px; display:flex; float:right; border-radius:100%; text-decoration:none;}
    footer .footer-grid .socials .round a.image{border-radius:unset;}
    footer .footer-grid .socials .round a i{margin:auto; font-size:22px; font-size:2.2rem; text-decoration:none; display:block; color:#ffffff;}
    footer .footer-grid .socials .round a.image img{width:100%; height:100%; object-fit:contain;}
    footer .footer-grid .socials .round .twitter{background:#1da1f2;}
    footer .footer-grid .socials .round .facebook{background:#3b5998;}
    footer .footer-grid .socials .round .instagram{background:#c32aa3;}
    footer .footer-grid .copyright{grid-area:auto/1/auto/4; font-size:1.4rem; color:#818180; padding:15px 0px 0px 0px; box-sizing:border-box; border-top:1px solid #818180;}
    footer .footer-grid .copyright span:not(:last-child){margin-right:15px; padding-right:15px; border-right:1px solid #818180;}    
    footer .footer-grid .copyright span:nth-last-child(3){border-right:none;}    
    footer .footer-grid .copyright span:last-of-type{float:right;}    
    footer .footer-grid .copyright span a{color:inherit; text-decoration:none;}    
    footer .footer-grid .copyright span a:hover{color:#ffffff;}    
    footer .footer-grid .copyright br{display:none;}

/*normal*/
@media only screen and (min-width:994px) and (max-width:1260px) 
{ 
h1{font-size:56px; font-size:5.6rem;}
h2{font-size:44px; font-size:4.4rem;}
h3{font-size:22px; font-size:2.2rem;}    
    
    header .header-grid .logo img{width:250px;}
        header .header-grid nav{padding:0px 35px;}
        header .header-grid nav ul{height:50px;}
        header .header-grid nav ul li:not(:last-child){margin-right:50px;}
        header .header-grid nav ul li a{font-size:1.8rem;}

    section{margin-bottom:50px;}    
        
    .slider{height:405px;}
        .slider .overlay{width:1480px;}

    .agenda{row-gap:50px; column-gap:50px; grid-template-rows:repeat(10, 1fr); grid-template-columns:repeat(8,1fr);}    
        .agenda .background{width:calc(100% - 115px); height:calc(100% - 50px);}   
        .agenda .title{grid-row:span 2; grid-column:span 4;} 
        .agenda .title strong{font-size:2.8rem;}
        .agenda .title a.more br{display:block;}
        .agenda .block{grid-row:span 4; grid-column:span 4;}
  
    .agenda-overview .block .image{height:165px;}  
        .agenda-overview .block .content{padding:10px 15px;}    
        
    .news .background{width:calc(100% - 105px); left:unset; right:35px;}
    
    .news-overview .bulletin h3{height:110px;}
        .news-overview .background{position:absolute; width:calc(100% - 55px); height: 80%;}
        .news-overview .bulletin .image{height:155px;}

    .about{grid-gap:110px; grid-template-columns:315px 1fr; padding:50px 35px;}
        .about .background{width:calc(100% - 105px); left:unset; right:35px;}
        .about .content{padding-right:85px;}

    .sidebar{column-gap:70px; grid-template-columns:250px 1fr;}  
        .sidebar .content .background{width:calc(100% - 420px); height:calc(100% - 35px); right:50px; }
        .sidebar .content article{margin:0px 50px; padding:50px;}     
        
    .info{row-gap:50px; grid-template-columns:1fr 1.3fr;}     
   
    .info-form .form{margin:0px 70px 0px 175px;}
        .info-form .title{margin-bottom:50px;}
}

/*medium*/
@media only screen and (max-width:994px) 
{
body{font-size:16px; font-size:1.6rem;}   
h1{font-size:48px; font-size:4.8rem;}
h2{font-size:40px; font-size:4.0rem;}
h3{font-size:20px; font-size:2.0rem;}  
    
    header .header-grid .logo{margin-bottom:unset;}
        header .header-grid .logo img{width:250px;}
        header .header-grid .contact{font-size:1.2rem;}
        header .header-grid nav{padding:0px 15px;}
        header .header-grid nav ul{height:50px;}
        header .header-grid nav ul li:not(:last-child){margin-right:35px;}
        header .header-grid nav ul li a{font-size:1.4rem;}
   
    section{margin-bottom:35px;}    
        
    .slider{height:325px;}
        .slider .overlay{width:1180px;}
        
    .agenda{row-gap:35px; column-gap:35px; grid-template-rows:repeat(10, 1fr); grid-template-columns:repeat(8,1fr);}    
        .agenda .background{width:calc(100% - 100px); height:calc(100% - 50px);}   
        .agenda .title{grid-row:span 2; grid-column:span 4;} 
        .agenda .title strong{font-size:2.6rem;}
        .agenda .title a.more br{display:block;}
        .agenda .block{grid-row:span 4; grid-column:span 4;}  
    
    .agenda-overview{grid-template-columns:repeat(3,1fr);}    
        .agenda-overview .background{width:calc(100% - 50px); height:calc(100% - 50px);}
        .agenda-overview .title{grid-area:1/1/1/4;} 
        .agenda-overview .block h3{height:80px;} 
        .agenda-overview .block .image{height:175px;}  
        .agenda-overview .block .content{padding:10px 15px;}     
        
    .news .background{width:calc(100% - 100px); left:unset; right:35px;} 
    
    .news-overview{grid-template-columns:repeat(2,1fr);}
        .news-overview .title{grid-area:1/1/1/3;}
        .news-overview .bulletin h3{height:85px;}
        .news-overview .background{position:absolute; width:calc(100% - 50px); height:90%;}
        .news-overview .bulletin .image{height:180px;}
    
    .about{grid-gap:45px; grid-template-columns:280px 1fr; padding:35px 35px;}
        .about .background{width:calc(100% - 100px); left:unset; right:35px;}
        .about .content{padding-right:50px;}
     
    .sidebar{column-gap:50px; grid-template-columns:175px 1fr;}  
        .sidebar .content .background{width:calc(100% - 295px); height:calc(100% - 35px); right:35px;}      
        .sidebar .content article{margin:0px 35px; padding:35px;}        
        
    .info{row-gap:35px; grid-template-columns:1fr 1fr;}   
        .info .background{width:calc(100% - 105px); left:unset; right:35px;}       
        
    .info-form .background{width:calc(100% - 105px); left:unset; right:35px;}
        .info-form .title{margin-bottom:35px;}
        .info-form .form{margin:0px 35px 0px 105px;}    
        
    footer .footer-grid{row-gap:50px; padding:35px 35px 15px 35px;} 
        footer .footer-grid .socials .round a{width:35px; height:35px;}
        footer .footer-grid .socials .round a i{font-size:20px; font-size:2.0rem;}
        footer .footer-grid .copyright{padding:15px 0px 0px 0px; font-size:1.2rem;}
}

/*small*/
@media only screen and (max-width:784px)
{
.container{padding:0px 15px;}
body{font-size:14px; font-size:1.4rem;}
h1{font-size:34px; font-size:3.4rem;}
h2{font-size:28px; font-size:2.8rem;}
h3{font-size:18px; font-size:1.8rem;}  
    
    header .border{height:25px;}
        header .header-grid{grid-template-columns:1fr auto auto; border-bottom:1px solid #e7e7e7;}
        header .header-grid .logo img{width:200px;}
        header .header-grid .contact{font-size:1.2rem;}
        header .header-grid .contact span{display:none;}
        header .header-grid .contact .menu-item{display:block; font-size:1.6rem; font-family:'Baloo Thambi 2', sans-serif; text-decoration:none;}
        header .header-grid nav{width:25px; padding:unset; grid-area:unset; margin:auto 0px auto 35px; text-align:right; border-top:unset;}
        header .header-grid nav ul{width:100%; height:0px; display:block; position:absolute; top:-700px; left:0; z-index:300; text-align:center; background:#e7e7e7;}
        header .header-grid nav.open ul{height:auto; top:93px; transition:0.7s ease-in-out; padding:0px; z-index:800; box-sizing:border-box;}
        header .header-grid nav ul li{padding:15px 0px; box-sizing:border-box; z-index:300;}
        header .header-grid nav ul li:not(:last-child){margin-right:unset;}
        header .header-grid nav ul li a{font-size:1.6rem;}
        header .header-grid nav .icon{font-size:2.4rem; display:block; text-decoration:none;}
        header .header-grid nav .icon i{text-decoration:none;}
       
    .slider{height:195px;}
        .slider .overlay{width:715px;}
        
    .agenda{padding:0px 15px; row-gap:15px; column-gap:15px; grid-template-rows:repeat(8, 1fr); grid-template-columns:repeat(4,1fr);}    
        .agenda .background{width:calc(100% - 70px); height:calc(100% - 35px);} 
        .agenda .title{grid-row:span 1; grid-column:span 4;}
        .agenda .title strong{font-size:2.4rem;}
        .agenda .title a.more {font-size:1.4rem;}
        .agenda .title a.more br{display:none;}
        .agenda .block{grid-row:span 3; grid-column:span 2;}  
        .agenda .block .image{height:165px;}
        .agenda .block .content span{font-size:1.2rem;}
 
    .agenda-overview{grid-gap:15px; grid-template-columns:repeat(2,1fr);}    
        .agenda-overview .background{width:calc(100% - 35px); height:calc(100% - 35px);}
        .agenda-overview .title{grid-area:1/1/1/3;} 
        .agenda-overview .block h3{height:70px;}         
        
    .news{grid-gap:15px; grid-template-columns:repeat(1,1fr);}
        .news .background{height:calc(100% - 15px); width:calc(100% - 70px);}
        .news .title{grid-area:unset; padding:0px 15px;}
        .news .bulletin{display:grid; grid-template-columns:1fr 1fr;}  
        .news .bulletin .image{height:150px;}  
        .news .bulletin .content h3{margin:unset;}
        .news .bulletin .content span{font-size:1.2rem;}
        
    .news-overview{grid-gap:15px;} 
        .news-overview .title{padding:unset;}
        .news-overview .bulletin h3{height:90px;}
        .news-overview .bulletin .image{height:110px;}    
      
    .about{grid-gap:15px; grid-template-columns:1fr; padding:15px 15px;}
        .about .background{height:calc(100% - 35px); width:calc(100% - 70px); top:unset;}
        .about .content{padding-right:unset; padding:0px 35px;}
      
    .sidebar{grid-gap:35px; grid-template-columns:1fr;}  
        .sidebar aside .button{display:inline-block; width:100%;}   
        .sidebar aside ul{max-height:0px; width:100%; height:auto; position:relative; -webkit-transition:0.7s; transition:0.7s;}   
        .sidebar aside ul.open{max-height:1000px;  z-index:9999; -webkit-transition:7.5s; transition:0.7s;}   
        .sidebar aside ul li{margin:0px auto; width:100%; background:#ffffff;}  
        .sidebar .content{position:relative;}
        .sidebar .content .background{width:calc(100% - 30px); height:calc(100% - 15px); right:15px;}  
        .sidebar .content article{margin:unset; padding:0px 35px;}    
    
    .contact .content .background{width:calc(100% - 35px); height:calc(100% - 35px); right:15px;}    
        
    .info{row-gap:15px; grid-template-columns:1fr; padding:unset;}   
        .info .background{width: calc(100% - 30px); height:calc(100% - 15px); right:15px;}
        .info .title{grid-column:span 1;}     
        .info .content{margin-left:unset;}     
        .info .image{grid-area:2;}      
      
    .info-form{padding:unset;}
        .info-form .background{width: calc(100% - 30px); right:15px;}
        .info-form .title{margin-bottom:15px;}
        .info-form .form{margin:0px 35px;}     
        
    footer .footer-grid{row-gap:15px; column-gap:15px; grid-template-columns:repeat(2,1fr); padding:15px;}     
        footer .footer-grid .socials{grid-area:auto/1/auto/3; display:flex;}
        footer .footer-grid .socials .round{float:unset; width:unset; margin-bottom:unset; margin:0px 15px 0px 0px;}
        footer .footer-grid .socials .round:last-of-type{margin-right:unset; margin:0px 15px 0px 0px;}
        footer .footer-grid .socials .round a{float:unset;}
        footer .footer-grid .copyright{grid-area:auto/1/auto/3;}
        footer .footer-grid .copyright br{display:block;}
        footer .footer-grid .copyright span:first-of-type{ border-right:none; margin-right:unset; padding-right:unset; margin-bottom:10px; display:inline-block;}
        footer .footer-grid .copyright span:last-of-type{float:unset; margin-top:10px; display:inline-block;}
}

/*mini*/
@media only screen and (max-width:479px)
{
h1{font-size:28px; font-size:2.8rem;}
h2{font-size:24px; font-size:2.4rem;}  
h3{font-size:16px; font-size:1.6rem;}
    
    header .header-grid .logo img{width:150px;}
        header .header-grid .contact .menu-item{font-size:1.4rem;}
        header .header-grid nav{width:19px;}
        header .header-grid nav.open ul{top:75px;}
        header .header-grid nav .icon{font-size:2.0rem;}
        header .header-grid nav ul li a{font-size:1.4rem;}

    .slider{height:135px;}
        .slider .overlay{width:515px;}
        
    .agenda{padding:0px; column-gap:0px; grid-template-rows:unset; grid-template-columns:repeat(1,1fr);}
        .agenda .background{width:calc(100% - 30px);} 
        .agenda .title{grid-row:unset; grid-column:unset;} 
        .agenda .title strong{font-size:2.4rem;}
        .agenda .block{grid-row:unset; grid-column:unset; display:grid; grid-template-columns:1fr 1.5fr;}  
        .agenda .block .image{height:120px;}
        
    .agenda-overview{padding:0px; column-gap:0px; grid-template-rows:unset; grid-template-columns:repeat(1,1fr);}
        .agenda-overview .background{width:calc(100% - 30px);} 
        .agenda-overview .title{grid-area:unset;} 
        .agenda-overview .block{display:grid; grid-template-columns:1fr 1.5fr;}  
        .agenda-overview .block .image{grid-area:1/1/3/1; height:unset; width:100%;}    
        .agenda-overview .block h3{height:unset;} 
        
    .news .bulletin{display:grid; grid-template-columns:1fr 1.5fr;}
        .news .background{width:calc(100% - 30px); right:15px;}
        .news .title{padding:unset;}
        .news .bulletin .image{height:130px;}
        
    .news-overview{grid-template-columns:unset;} 
        .news-overview .background{width:calc(100% - 30px); height:calc(100% - 35px);}
        .news-overview .title{grid-area:unset;}    
        .news-overview .bulletin h3{height:unset;} 
        .news-overview .bulletin .image{height:155px;}
        
    .about{padding:unset;}
        .about .background{height:calc(100% - 15px); width:calc(100% - 30px); right:15px;}   
      
    .sidebar .content article{margin:unset; padding:0px 35px;}         
        
    footer .footer-grid{padding:15px 0px;}
        footer .footer-grid .socials .round{width:unset; margin-bottom:unset;}
        footer .footer-grid .copyright span:not(:last-child){margin-right:5px; padding-right:10px;}
}