body            {background:url('layout/main-banner.jpg') no-repeat top center;background-size:cover;padding-bottom:180px;position:relative;font-family: 'Comfortaa', cursive;}
body.whitebg    {background:#fff;}
.wsg-logo       {position:absolute;top:0;left:0;}
nav             {margin-top:5em;float:right;}
nav.navbar      {margin-top:0;float:none;}
body.whitebg nav.d-none.d-md-block .nav-link {color:#121e74;}
nav.d-none.d-md-block .nav-link   {color:#fff;margin:0 0.1em;font-size:0.7em;}
nav.d-none.d-md-block a.active.nav-link,
nav.d-none.d-md-block a:hover.nav-link   {color:#fff;background:#121e74;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.img-responsive {width:100%}
nav.navbar      {border-bottom:1px #121e74 solid;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{color:#121e74;}



#main-banner    {margin:15em 0 20em 0;color:#fff;}
#main-banner .inner {padding-left:5em;}
#main-banner h1 {font-size:3em;line-height:1.4em;}
#main-banner .buttons .btn  {color:#fff;border:2px #fff solid;margin-right:1em;padding:0 2em;display:block;float:left;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;font-weight:bold;line-height:45px;}
#main-banner .buttons a:hover.btn   {color:#fff;background:#121e74;border-color:#121e74;}

.page .news-short               {font-size:0.9em;font-weight:300;}
.page{padding-bottom:50px;}
footer          {position:absolute;bottom:0;width:100%;text-align:center;}

.header-margin  {margin-top:9em;}
.page h1        {font-size:4em;color:#121e74;margin:32px 0;font-weight:300;}
.page .page-content             {font-size:1em;line-height:1.7em;font-weight:300;}
.news-simple-list,
.news-simple-list li            {list-style:none;padding:0;margin:0;}
.news-simple-list               {margin-top:32px;}
.news-simple-list .news-title   {font-size:2em;color:#121e74;clear:both;display:block;line-height:1.2em;margin-bottom:1em;font-weight:300;text-decoration:none;cursor: pointer;}
.news-simple-list .news-short   {font-size:1em;line-height:1.7em;font-weight:300;}


.news-list .news-date span      {color:#676767;font-size:0.8em;line-height:32px;padding-left:5px;}
.news-list .news-date .fa       {color:#121e74;line-height:32px;}
.news-list .news-title          {color:#121e74;font-size:1.4em;font-weight:300;text-decoration:none;}
.news-list .news-more           {color:#121e74;background:#fff;text-align:center;text-decoration:none;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;font-weight:bold;line-height:45px;display:block;border:2px #121e74 solid;}
.news-list :hover.news-more     {background:#121e74;color:#fff;}

.cPaginatorcRound               {height:45px;}
.cOutPaginator                  {float:left;position:relative;left:50%;}
.cInPaginator                   {float:right;position:relative;left:-50%;}
.cPaginatorOL,
.cPaginatorOL li                {float:left;list-style:none;padding:0;margin:0;}
.cPaginatorOL li                {margin:0 5px;}
.cPaginatorOL li a              {color:#121e74;text-decoration:none;font-size:0.9em;padding:2px 15px;display:block;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;font-weight:bold;display:block;border:2px #121e74 solid;}
.cPaginatorOL li a:hover,
.cPaginatorOL li.cActive a      {color:#fff;background:#121e74;}
@media (max-width: 1400px) {nav {padding-left:350px;}}
@media (max-width: 575.98px) {
    body                        {padding:0 0 180px 0;}
    #main-banner                {margin:3em 0 ;}
    #main-banner .inner         {padding:0;}
    #main-banner .inner h1      {font-size:3em;}
    #main-banner .buttons .btn  {display:block;margin-bottom:1em;float:none;color:#fff;border-color:#fff;}
    .page h1                    {font-size:2em;}
    .news-simple-list .news-title   {font-size:1.4em;}
    .news-list .news-more       {margin-top:1em;}

}