* { xxxborder:1px solid red; }


/* .header .menuobj { xxvisibility:hidden; opacity:0; pointer-events:none; }
.header .row { xxxwidth:calc(100% - 1em); }
.header .btnmenu { display:none; } */

.maincontainer { width:100vw; }
.maincontainer2 { width:100vw; overflow-x:hidden; }

.newsblock { text-align:center; padding-top:8em; }
.newsblock:first-child { padding-top:0; }
.newsblock .sticky { position:sticky; top:5em; left:5em; }
.newsblock .con { text-align:left; padding:0 1.5em; }
.newsblock .con .content p { padding:.2em 0; }


.eventtitle { font-size:6em; font-family:Arial!important; line-height:1.1!important; font-weight:900!important; color:#1f634b; }
.eventtitle span { font-size:inherit; font-family:inherit!important; line-height:inherit!important; font-weight:inherit!important; }
.eventtitle2 { font-size:4em; }
.eventsub { font-size:2em; font-family:Arial!important; line-height:1.1!important; font-weight:900!important; margin-top:.5em; }


.campaign {}
.campaign .item { xxborder:1px solid gray; background:white; xxcolor:white; margin:3em 0; padding:0; overflow:hidden; border-radius:.5em; box-shadow:0 1px 7px rgba(0,0,0,.3); }
.campaign .item * { line-height:1.5!important; }
.campaign .item img { margin:0; padding:0; }
.campaign .item .info { margin:0; padding:1.5em 2em; text-align:left; }
.campaign .item .info strong { font-size:1.3em; font-weight:bold!important; }
.campaign .item .info p { margin:.5em 0; padding:0; }
.campaign .item .info ul { padding-left:1.5em; list-style:disc; }
.campaign .item .info .btn { display:inline-block; width:auto; margin:.5em 0; text-decoration:none; font-weight:bold; padding:.5em 1em; color:white; background:orange; border-radius:.2em; }
.campaign .item .info .btn:hover { background:#f6743b; }

.campaign .item .info .datexxxx { position:absolute; top:-2em; right:-2em; width:10em; padding:1em 2em; background:#333; color:white; }
.campaign .red { color:#f6743b; }


.campaign .logoset { display:flex; flex-wrap:wrap; justify-content:left; align-content:center; margin-top:2em; }
.campaign .logoset a { display:block; width:25%; height:8em; position:relative; }
.campaign .logoset a.nolink { cursor:default; }
.campaign .logoset a img { height:auto; width:80%; margin:.5em auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }


.btn-totop { display:block; position:fixed; bottom:5em; right:5em; z-index:1999; transform-origin:center; transition:.2s all; width:3em; height:3em; border-radius:2em; background:black; }
.btn-totop img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(-90deg); z-index:1999; width:1.em; height:1.2em; }
.btn-totop:hover { transform:scale(1.2); }
.btn-totop.hide { right:-3.5em; }



.con.larger { max-width:100%; width:calc(100vw - 20em); overflow:hidden; height:auto; }
.con.white>p,
.con.white>small { color:white; padding:0 3em; }
.scrollcampaign { display:block; position:relative; width:100%; height:55vw; margin-top:2em; padding:0 3em; }
.scrollcampaign .btn-prev,
.scrollcampaign .btn-next { display:block; position:absolute; top:50%; transform:translateY(-50%); cursor:pointer; opacity:.5; z-index:66; xxxxbackground:black; padding:.5em; height:auto; width:3em; }
.scrollcampaign .btn-prev { left:-1em; }
.scrollcampaign .btn-next { right:-1em; }
.scrollcampaign .btn-prev img,
.scrollcampaign .btn-next img { display:block; width:2.5em; height:2.5em; transform-origin:center; }
.scrollcampaign .btn-next img { transform:rotate(180deg); }
.scrollcampaign .btn-prev:hover,
.scrollcampaign .btn-next:hover { opacity:1; }
.scrollcampaign .maincon { display:block; width:100%; height:100%; overflow:hidden; position:relative; }
.scrollcampaign .mask { display:flex; position:absolute; top:0; left:0; width:400vw; }
.scrollcampaign .item { display:block; width:calc(33.33vw - 9.9em); height:41vw; background:white; margin:2px; padding:0; overflow:hidden; position:relative; xxborder:2px solid lightgray; }
.scrollcampaign .item:nth-child(odd) { xxxtransform:translateY(4em); xxxxmargin-top:4em; }
.scrollcampaign .item * { line-height:1.5!important; }
.scrollcampaign .item img { margin:0; padding:0; }
.scrollcampaign .item .info { margin:0; padding:1.5em 2em; text-align:left; color:black; }
.scrollcampaign .item .info strong { font-size:1.3em; font-weight:bold!important; }
.scrollcampaign .item .info p { margin:.5em 0; padding:0; }
.scrollcampaign .item .info ul { padding-left:1.5em; list-style:disc; }
.scrollcampaign .item .info .btn { display:inline-block; width:auto; margin:.5em 0; text-decoration:none; font-weight:bold; padding:.5em 1em; color:white; background:orange; border-radius:.2em; }
.scrollcampaign .item .info .btn:hover { background:#f6743b; }
.fixmenu { position:fixed; top:3.8em; left:0; display:flex; justify-content:center; align-items: center; width:100%; background:green;background:white; xxxxcolor:white; xxpadding:0; padding:.2em 0 0; z-index:166; box-shadow:0 1px 2px rgba(0,0,0,.2); }
.fixmenu.lighting { position:fixed; top:3.8em; left:0; display:flex; xxjustify-content:center; justify-content: space-between; align-items: center; width:100%; background:green;background:white; xxxxcolor:white; xxpadding:0; padding:1em 0 0; z-index:166; box-shadow:0 1px 2px rgba(0,0,0,.2); }
.fixmenu a { display:block; font-weight:bold; padding:.5em 1.5em; }
.fixmenu a:nth-child(1) { color:#f6743b; }
.fixmenu a:nth-child(2) { color:#dab99e; }
.fixmenu a:nth-child(3) { color:#1c634a; }
.fixmenu a:hover { background:#1c634a; color:white; }
.conmenu { text-align:center; display:flex; justify-content:center; }
.conmenu a { display:block; font-weight:bold; padding:.5em 1.5em; }
.conmenu a:nth-child(1) { color:#f6743b; }
.conmenu a:nth-child(2) { color:#dab99e; }
.conmenu a:nth-child(3) { color:#1c634a; }
.conmenu a:hover { text-decoration:underline; }

@media only screen and (max-width:1200px) and (min-width:961px) {
    .con.larger { width:100%; }
    .con.white>p,
    .con.white>small { padding:0; }
    .scrollcampaign { height:45em; padding:0; }
    .scrollcampaign .btn-prev { left:-2em; }
    .scrollcampaign .btn-next { right:-2em; }
    .scrollcampaign .mask { width:500vw; }
    .scrollcampaign .item { width:calc(33.33vw - 1.1em); height:40em; }
}
@media only screen and (max-width:960px) and (min-width:641px) {
    .con.larger { width:100%; }
    .con.white>p,
    .con.white>small { padding:0; }
    .scrollcampaign { height:60em; padding:0; }
    .scrollcampaign .btn-prev { left:-2em; }
    .scrollcampaign .btn-next { right:-2em; }
    .scrollcampaign .mask { width:500vw; }
    .scrollcampaign .item { width:calc(50vw - 1.1em); height:50em; }
}
@media only screen and (max-width:640px) {
    body { font-size:1em; overflow-x:hidden; }
    .maincontainer { font-size:.98em; }

    .newsblock { padding-top:2em; }
    .newsblock .sticky { top:2em; margin-left:1em; margin-bottom:1em; width:100vw; }
    .eventtitle { font-size:2.8em; }
    .eventtitle2 { font-size:2em; }
    .eventsub { font-size:1.6em; }
    .campaign .logoset a { width:33.33%; }


    .con.larger { width:100%; }
    .con.white>p,
    .con.white>small { padding:0; }
    .scrollcampaign { height:45em; padding:0; }
    .scrollcampaign .btn-prev { left:-2em; }
    .scrollcampaign .btn-next { right:-2em; }
    .scrollcampaign .mask { width:500vw; }
    .scrollcampaign .item { width:calc(100vw - 3.3em); height:40em; }
    .fixmenu { position:fixed; top:3.9em; left:0; display:flex; justify-content:center; width:100%; xxpadding:1em 0 0; padding:1em 0 0; z-index:166; }
    .fixmenu a { display:block; font-weight:bold; padding:.5em 1em; }
    .fixmenu a:hover { background:#1c634a; color:white; }


    .btn-totop { bottom:1.8em; right:1.8em; }
}




* { xxxborder:1px solid red;  }