@charset "UTF-8";
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/Merriweather-Regular.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;500&display=swap');
*{box-sizing:border-box}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,em,img,strong,sub,sup,b,u,i,ol,ul,li,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,footer,header,menu,nav,output,section{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
body{display:flex;flex-direction:column;height:100%;min-height:100vh}
body,input,textarea,select{font-family:'Merriweather',serif;font-size:11pt;line-height:1.75em;color:#393939}
h1,h2,h3,h4,h5,h6{font-family:'Merriweather',serif;font-weight:400;text-transform: uppercase;color:#0d638f}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;text-decoration:none}
a{color:#0d638f;font-weight:700}
b,strong{font-weight:700}
.highlight{color:#0d638f;font-weight:500}
em{font-style:italic}
p{margin:0 0 .8em}
.blue{color:#0d638f;font-weight:700}

#header{position:relative;background:#a0b3ba;padding:.6em 1em;/*border-bottom:1px solid #2c687b;*/color:#0d638f}
#logo{display:inline-block}
#logo h1{display:inline-block;font-size:1.4em;color:#0d638f}
#logo a{display:block;text-decoration:none}
#logo h3{font-family:'Ubuntu',sans-serif;text-transform:uppercase;letter-spacing:2px;color:#fff;margin-top: .4em}
#logo img{margin:0 .5em -.5em;display:none}
#logo img.logo{height:28px;display:inline-block}
.notmobile{display:none}
#header .login{float:right;display:flex;justify-content:center;align-items:center;margin:2em 1em 1em 0;width:80px;height:40px;background:#fff;color:#012169;font-family:'Ubuntu',sans-serif;border-radius:20px}
.reg, .logout{display:none}
@media screen and (max-width: 650px) {
#header .login{display:none}
.reg, .logout{display:block}
}
.hidden{display:none !important}

.main-container{background:#fff;flex:2;width:calc(100%)}
.maintext{padding:1.5em}
.maintext h1{margin:0 0 .5em;font-size:1.6em}
.maintext h2{margin:.5em 0;font-size:1.2em}
.maintext h3{font-size:1.2em}

.flex{display:-ms-flexbox;-ms-flex-pack:justify;display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-moz-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-moz-justify-content:space-between;-webkit-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;border-top:1px solid #2c687b}
.flex.flex-2{-moz-align-items:stretch;-webkit-align-items:stretch;-ms-align-items:stretch;align-items:stretch}

.flex.flex-2 .col1{width:260px}
.flex.flex-2 .col2{width:calc(100% - 260px)}
.a_wrapper{display:flex;flex-direction:column;margin-top:56px}
.advert{height:432px;width:auto;margin:0 14px 0 0;border:1px solid #007aba}
.advert img{display:block;margin:auto}
.your_advert_1{margin:24px 0}
.your_advert_2{display:none}
.ad_here{font-family:'Ubuntu',sans-serif}

a .listouter{color:#393939;font-weight:400}
.listouter{display:inline-block;min-height:150px;width:100%;border:3px solid #2c687b;border-radius:10px;padding:10px;margin:0 0 16px 0}
.listouter img{float:left;margin:0 10px 0 0}
/*.listouter a{color:inherit;text-decoration:none}*/

input.button, button{font-family: 'Ubuntu',sans-serif}

#footer{position:sticky;top:100vh;flex-shrink:0;background:#a0b3ba;padding:1.5em 0;text-align:center;border-top:1px solid #2c687b;color:#fff}
#footer a{text-decoration:none}

@media screen and (max-width: 1024px) {
/*.flex.flex-2 .col1,*/.flex.flex-2 .col2{width:100%/*;margin-bottom:2em*/}
.flex.flex-2 .col1{margin:unset;width:unset}
.col1{margin:0 auto !important}
.advert{margin: 16px 14px 0 0}
.flex.flex-2 .col1 .image,.flex.flex-2 .col2 .image{max-width:60%;margin:0 auto 2em}
.a_wrapper{flex-direction:row;margin-top:0}
.your_advert_1{display:none}
.your_advert_2{display:block;margin:12px 0}
}

@media screen and (max-width: 520px) {
.flex{border:0}
.flex.flex-2{margin-top:.5em}
.flex.flex-2 .col1 .image,.flex.flex-2 .col2 .image{max-width:85%}
.maintext{padding:.5em}
.maintext h1{font-size:1.4em}
.a_wrapper{flex-direction:column;margin:16px 0}
.advert{margin:auto}
.your_advert_1{display:block;margin:20px 0}
.your_advert_2{display:none}
}

@media (max-width: 767px) {
.login{margin-top:-1.8em}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
#logo h1{font-size:2.4em}
#logo img{display:inline-block}
#logo img.logo{height:56px}#nav{position:relative;text-align:center}
#logo h3{letter-spacing:4px}
#nav > ul{display: inline-block;list-style:none;margin:.6em 0 0}
}