@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Open+Sans:ital,wght@0,300;0,700;1,300&display=swap');


/* http://meyerweb.com/eric/tools/css/reset/    v2.0 | 20110126     License: none (public domain) 
-------------------------------------------------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}


:root {
    --black: #464646; 
    --blackDark: #000;
    --gray: #e8e8e8; 
    --grayLight: #fafafa;
    --blue: #0f3c60;
    --orange: #ec5c3a;
    --pink: #e3007b;
    --green: #739f33;
    --FontHeader:  'Bebas Neue', sans-serif; 
    --boxShadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
}

body,html { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 160%; background: #FFF; font-weight: 300; color: var(--black); }
a { color: inherit; text-decoration: none; transition: color 0.2s linear;  -o-transition: color 0.2s linear;  -moz-transition: color 0.2s linear;  -webkit-transition: color 0.2s linear;  outline:0; }
strong, b { font-weight: 700; }
.hidden { display: none; }
img { width: 100%; height: auto; }

.container { position: relative; overflow: auto; max-width: 1200px; margin: 0 auto; padding: 10px 0; }

header  { font-size: 21px; font-weight: bold; }
ul.items li { position: relative; overflow: auto; margin: 10px 0; border-top: 1px solid var(--gray); padding: 20px 0; }
ul.items li .gallery { float: left; width: 250px; background: url(loader.gif) center center no-repeat;  }
ul.items li .gallery a { display:none; }
ul.items li .gallery img { width: 45%; display: none; opacity:1; }  
ul.items li .gallery img:first-child { width: 100%; height: auto; display: block; }
ul.items li .gallery a:first-child { display: block; }
ul.items li .title { font-weight: bold; font-size: 26px; margin: 20px 0; }
ul.items li .details  {float: right; width: calc(100% - 280px);  }
ul.items li .details p { margin: 20px 0; }
ul.items li .details p.date { font-size: 12px; opacity: 0.5; margin: -15px 0 -20px 0; text-transform: uppercase; }

p.req { color: var(--orange); font-weight: bold; }


p.download { margin: 20px 0; }
p.download a { padding: 10px 20px; background: var(--orange); color: white; border-radius: 10px; display: inline-block; }

@media only screen and (max-width: 1250px) {
    .container {  margin: 0 20px; }
}

@media only screen and (max-width: 600px) {
    ul.items li .gallery, ul.items li .details { float: none; width: 100%; }
}