#header {
background-color: rgba(10, 10, 10, 1);
border: none !important;
}
#footer {
background-color: #ffffff;
}
body, p { font-family: 'Raleway'; }
h1,h2,h3,h4,h5,h6 { font-family: 'Oswald'; }
ul.primary-menu > li > a { font-family: 'Oswald'; }
ul.primary-menu > li > ul > li > a { font-family: 'Oswald'; }
ul.primary-menu > li > ul > li > ul > li a { font-family: 'Oswald'; }
h1.page-title { font-family: 'Oswald'; }
.page-subtitle { font-family: 'Raleway'; }
body { font-weight: 400; }
h1 { font-weight: 400; }
h2 { font-weight: 400; }
h3 { font-weight: 400; }
h4 { font-weight: 400; }
h5 { font-weight: 400; }
h6 { font-weight: 400; }
#footer .widget-title { color: #303030; }
#footer, #footer .widget li { color: #333333; }
#footer a { color: #333333; }
#footer a:hover { color: #333333; }
.layout-wide.header-horizontal #header { padding: 30px; } 

/* Selection */

::selection {
  background: #333;
  color: #fff;
}

::-moz-selection {
  background: #333;
  color: #fff;
}

/* typography */

p {
  font-size: 120%;
}

a {
  transition: color 200ms ease-in-out;
}

.paoc-popup-modal-cnt {
  padding: 0 !important;
}

.paoc-popup-modal {
  width: auto;
}

.wilde {
  font-size: 80px !important;
}

/* Structure */

.header-regular #header, .header-sticky #header {
  position: relative !important;
}

.pad-left {
  padding-left: 15px !important;
}

.pad-right {
  padding-right: 15px !important;
}

@media (min-width: 991px) {
  .pad-right {
    padding-right: 10% !important;
  }

  .pad-left {
    padding-left: 10% !important;
  }
}

#main-wrapper.is-vc .post-content>.wpb_padding:first-child {
  padding-top: 0 !important;
}

/* Extras */

.min-h-300 {
  min-height: 300px !important;
}

.white {
  color: #fff !important;
}

.white .wpb_wrapper p .popupaoc-link {
  color: #fff !important;
  transition: color 200ms ease-in-out;
}

.white .wpb_wrapper p .popupaoc-link:hover {
  color: #A6C1B5 !important;
}

.over-vis {
  overflow: visible;
}

/* Pop up */

.paoc-popup {
  font-size: 200%;
  color: #A6C1B5;
}

/* Top Bar */

#tpbr_box {
  color: #333 !important;
}

/* Menus */

.widget_nav_menu .menu-social-menu-container .menu {
  display: flex;
  justify-content: center;
}

.widget_nav_menu .menu-social-menu-container .menu .menu-item {
  list-style: none;
}

.widget_nav_menu .menu-social-menu-container .menu .menu-item a {
  height: 50px;
  width: 50px;
  margin: 0.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #aaa;
  border-radius: 100%;
  transition: ease .1s background;
}

.widget_nav_menu .menu-social-menu-container .menu .menu-item a:hover {
  background: #A6C1B5;
}

.widget_nav_menu .menu-social-menu-container .menu .menu-item a::before {
  content: none !important;
}

.widget_nav_menu .menu-social-menu-container .menu .menu-item a i {
  color: #fff;
}

/* Process Section */

.process-wrapper .container .row .column_container {
  overflow: hidden;
  position: relative;
}

.process-wrapper .container .row .column_container::before {
  content: " ";
  width: 3px;
  margin: auto;
  background: #333;
  position: absolute;
  top: 13em;
  bottom: 3em;
  left: 0;
  right: 0;
}

.process-left {
  float: left !important;
  text-align: right !important;
  position: relative !important;
  padding-right: 30px !important;
  padding-bottom: 30px !important;
}

.process-right {
  float: right !important;
  text-align: left !important;
  position: relative !important;
  padding-left: 30px !important;
  padding-bottom: 30px !important;
}

.process-child {
  width: 50% !important;
}

.process-left div div .process-icon {
  position: absolute !important;
  right: 0;
  top: 0;
  transform: translateX(50%);
}

.process-right div div .process-icon {
  position: absolute !important;
  left: 0;
  top: 0;
  transform: translateX(-50%);
}

@media (max-width: 700px) {
  .process-wrapper .container .row .column_container::before {
    left: 10%;
    right: unset;
  }

  .process-left {
    float: right !important;
    text-align: left !important;
    padding-left: 30px !important;
    padding-right: 0 !important;
  }

  .process-child {
    width: 90% !important;
  }

  .process-left div div .process-icon {
    right: unset;
    left: 0;
    top: 0;
    transform: translateX(-50%);
  }
}

.post-content div:first-of-type {
  overflow: visible !important;
}

#header .header-logo a img {
  max-width: 465px !important;
  max-height: 100px !important;
  width: 100%;
}

.popupaoc-button,
.moreinfo {
  color: #fff !important;
  padding: 20px 0px;
  background: #aac6b8;
  border-radius: 5px;
  text-align: center;
  width: 100%;
  font-size: 200%;
  font-size: 2vw;
  display: block;
  transition: ease .1s background;
}

.popupaoc-button:hover,
.moreinfo:hover {
  background: #555555;
  color: #fff !important;
}

.post-content > p:first-of-type {
  display: none;
}

@media(max-width: 767px) {
  .popupaoc-button,
  .moreinfo {
    font-size: 5vw;
  }
  .pad-left,
  .pad-right {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}

.middle-container {
  display: none;
}

.header-style-h2 .header-logo {
  display: inline-block;
  position: relative;
  left: 50% !important;
  -webkit-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}

#tpbr_box a {color: #9dc598 !important;}
