* {outline: none !important; box-sizing: border-box; cursor: default}
html {font-size: 14px}
body {font-family: 'Helvetica Neue', arial, sans-serif; color: #565A5C; background-color: #EDEFED}

p {line-height: 1.5rem; margin: 0 0 15px 0}

ul {margin: 0 0 20px 15px; padding: 0}
  ul li {padding: 0; line-height: 1.5rem; margin: 0; list-style: disc}

ul.no-list {margin: 0; padding: 0}
  ul.no-list > li {margin: 0; padding: 0; list-style: none}

h1, h2, h3, h4, h5 {font-family: 'circular', 'Helvetica Neue', arial, sans-serif; font-weight: normal; color: #565A5C}
h1 {margin: 0}
a {cursor: pointer; text-decoration: none; color: #5b8a4e}
a * {cursor: pointer}

.gmap {width: 100%; height: 400px}
#footer .gmap {width: 100%; height: 200px}

.sections {overflow: hidden}
  .sections > .section {float: left; margin-right: 4%}
  
  .sections > .section-1-1 {float: none; margin-right: 0}
  .sections > .section-1-2 {width: 48%}
  
  .sections > .section-1-3 {width: 30.6%}
  
  .sections > .section-1-4 {width: 22%}
  
  .sections > .section-last {margin-right: 0}
  
  .image {}
    .image img {display: block; max-width: 100%; height: auto}

address {font-style: normal}
dl {overflow: hidden}
  dt {float: left; width: 80px; margin-bottom: 5px; clear: both; font-weight: bold}
  dd {float: left; margin-bottom: 5px}

#header {position: relative}
  #header #header-inner {overflow: hidden;  max-width: 1200px; padding: 0 10px 30px 0; margin: 0 auto; position: relative}
  .home #header #header-inner {}
    #header .logo {float: left; margin: 0 0 0 0; padding: 20px 10px 10px 10px}
    .home #header .logo {float: none}
      #header .logo a {display: block; max-width: 599px}
      .home #header .logo a {margin: 0 auto}
        #header .logo h1 a image {display: block; width: 100%; height: auto}

#header {border-bottom: 5px solid #122270}
.home #header {border-bottom: none}

#navigation {margin-top: 100px; position: absolute; right: 0; bottom: 40px}
.home #navigation {float: none; margin-top: 0; position: relative; bottom: auto; right: auto}
  #navigation ul {text-align: center}
    #navigation ul li {display: inline-block; margin-right: 15px}
    #navigation ul li:last-child {margin-right: 0}
      #navigation ul li a {display: block; padding: 10px; font-weight: bold; font-size: 1.6rem; text-transform: uppercase; color: #283478; background-color: rgba(255, 255, 255, 0.2)}
      #navigation ul li.current-menu-item a {color: #5b8a4e}

ul.backgrounds {margin: 0; padding: 0; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%}
.home ul.backgrounds {position: fixed}
  ul.backgrounds li {margin: 0; padding: 0; list-style: none; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-size: cover !important; opacity: 0; transition: opacity 1s}
  ul.backgrounds li.active {opacity: 1}

.slider {background-color: #000; background-color: rgba(0, 0, 0, 0.8); padding: 0; width: 100%; overflow: hidden}
  .slider-inner {position: relative; left: 50%}
    .slider ul {margin: 0; padding: 0; height: 100%; overflow: hidden}
      .slider ul li {margin: 0 0 0 0; padding: 0; background: none; list-style: none; width: 300px; float: left}
      .slider ul li:last-child {margin: 0}
        .slider ul li a {display: block; width: 100%; height: 100%}
          .slider ul li a img {display: block; width: 100%; height: auto; margin: 0}

.main {margin-bottom: 30px}

.page-title {max-width: 1200px; padding: 20px; margin: 0 auto}
  .page-title h1 {text-stroke: 1px #000}
.body-copy {max-width: 1200px; padding: 20px; /* background-color: rgba(0, 0, 0, 0.6); */ margin: 0 auto}


#footer {background: #000 url(../images/footer.jpg) 50% 100% no-repeat; background-size: cover; border-top: 5px solid #719F65}
.home #footer {position: absolute; top: 100%; width: 100%; left: 0}
  #footer * {color: #fff}
  #footer #footer-inner {max-width: 1200px; padding: 50px 20px; margin: 0 auto; overflow: hidden}
    
    #footer .widget {background-color: rgba(0, 0, 0, 0.5); padding: 10px; width: 32%; margin-right: 2%; float: left}
    #footer .widget-widget_nav_menu {width: 100%; float: none; margin: 0 0 10px 0}
    #footer .widget:last-child {margin-right: 0}
    
    #footer .widget-widget_nav_menu {}
      #footer .widget-widget_nav_menu ul {text-align: right; margin: 0; padding: 0}
        #footer .widget-widget_nav_menu ul li {margin: 0; padding: 0; list-style: none; background: none; display: inline-block; margin-right: 15px}
        #footer .widget-widget_nav_menu ul li:last-child {margin-right: 0}
          #footer .widget-widget_nav_menu ul li a {display: block}
      
      #footer .widget-widget_ww_widget > div {margin: 0 auto}
      #footer .pso-logo {overflow: hidden}
        #footer .pso-logo a {display: block; float: right; background: transparent url(../images/pso-logo.png) 0 0 no-repeat; background-size: 200px 63px; width: 200px; height: 63px; text-indent: -9999em; text-decoration: none}
    
    
.align-right {text-align: right}
.align-center {text-align: center}
.align-left {text-align: left}