@font-face {
     font-family: 'Oswald';
     src: url('fonts/Oswald-Bold.eot');
     src: local('☺'), url('fonts/Oswald-Bold.woff') format('woff'), url('fonts/Oswald-Bold.ttf') format('truetype'), url('fonts/Oswald-Bold.svg') format('svg');
     font-weight: 700;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'Oswald';
     src: url('fonts/Oswald-Regular.eot');
     src: local('☺'), url('fonts/Oswald-Regular.woff') format('woff'), url('fonts/Oswald-Regular.ttf') format('truetype'), url('fonts/Oswald-Regular.svg') format('svg');
     font-weight: 400;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'Source Sans Pro';
     src: url('fonts/SourceSansPro-Regular.eot');
     src: local('☺'), url('fonts/SourceSansPro-Regular.woff') format('woff'), url('fonts/SourceSansPro-Regular.ttf') format('truetype'), url('fonts/SourceSansPro-Regular.svg') format('svg');
     font-weight: 400;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'Source Sans Pro';
     src: url('fonts/SourceSansPro-Bold.eot');
     src: local('☺'), url('fonts/SourceSansPro-Bold.woff') format('woff'), url('fonts/SourceSansPro-Bold.ttf') format('truetype'), url('fonts/SourceSansPro-Bold.svg') format('svg');
     font-weight: 700;
     font-style: normal;
 }
 /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
 
 html {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%
 }
 
 body {
     margin: 0
 }
 
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 menu,
 nav,
 section,
 summary {
     display: block
 }
 
 audio,
 canvas,
 progress,
 video {
     display: inline-block;
     vertical-align: baseline
 }
 
 audio:not([controls]) {
     display: none;
     height: 0
 }
 
 [hidden],
 template {
     display: none
 }
 
 a {
     background-color: transparent
 }
 
 a:active,
 a:hover {
     outline: 0
 }
 
 abbr[title] {
     border-bottom: 1px dotted
 }
 
 b,
 strong {
     font-weight: bold
 }
 
 dfn {
     font-style: italic
 }
 
 h1 {
     font-size: 2em;
     margin: .67em 0
 }
 
 mark {
     background: #ff0;
     color: #000
 }
 
 small {
     font-size: 80%
 }
 
 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline
 }
 
 sup {
     top: -0.5em
 }
 
 sub {
     bottom: -0.25em
 }
 
 img {
     border: 0
 }
 
 svg:not(:root) {
     overflow: hidden
 }
 
 figure {
     margin: 1em 40px
 }
 
 hr {
     box-sizing: content-box;
     height: 0
 }
 
 pre {
     overflow: auto
 }
 
 code,
 kbd,
 pre,
 samp {
     font-family: monospace, monospace;
     font-size: 1em
 }
 
 button,
 input,
 optgroup,
 select,
 textarea {
     color: inherit;
     font: inherit;
     margin: 0
 }
 
 button {
     overflow: visible
 }
 
 button,
 select {
     text-transform: none
 }
 
 button,
 html input[type="button"],
 input[type="reset"],
 input[type="submit"] {
     -webkit-appearance: button;
     cursor: pointer
 }
 
 button[disabled],
 html input[disabled] {
     cursor: default
 }
 
 button::-moz-focus-inner,
 input::-moz-focus-inner {
     border: 0;
     padding: 0
 }
 
 input {
     line-height: normal
 }
 
 input[type="checkbox"],
 input[type="radio"] {
     box-sizing: border-box;
     padding: 0
 }
 
 input[type="number"]::-webkit-inner-spin-button,
 input[type="number"]::-webkit-outer-spin-button {
     height: auto
 }
 
 input[type="search"] {
     -webkit-appearance: textfield;
     box-sizing: content-box
 }
 
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
     -webkit-appearance: none
 }
 
 fieldset {
     border: 1px solid silver;
     margin: 0 2px;
     padding: .35em .625em .75em
 }
 
 legend {
     border: 0;
     padding: 0
 }
 
 textarea {
     overflow: auto
 }
 
 optgroup {
     font-weight: bold
 }
 
 table {
     border-collapse: collapse;
     border-spacing: 0
 }
 
 td,
 th {
     padding: 0
 }
 /*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */
 
 :root {
     -ms-overflow-style: -ms-autohiding-scrollbar;
     overflow-y: scroll;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     text-size-adjust: 100%
 }
 
 audio:not([controls]) {
     display: none
 }
 
 details {
     display: block
 }
 
 input[type="number"] {
     width: auto
 }
 
 input[type="search"] {
     -webkit-appearance: textfield
 }
 
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
     -webkit-appearance: none
 }
 
 main {
     display: block
 }
 
 summary {
     display: block
 }
 
 pre {
     overflow: auto
 }
 
 progress {
     display: inline-block
 }
 
 small {
     font-size: 75%
 }
 
 template {
     display: none
 }
 
 textarea {
     overflow: auto
 }
 
 [hidden] {
     display: none
 }
 
 [unselectable] {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }
 
 *,
 ::before,
 ::after {
     box-sizing: inherit
 }
 
 * {
     font-size: inherit;
     line-height: inherit;
 }
 
 body {
     overflow-x: hidden !important;
 }
 
 @media screen and (min-width:1025px) {
     h1,
     h2,
     h3,
     h4,
     h5,
     h6,
     a,
     p,
     span,
     button {
         /*text-rendering: auto !important;*/
         /*-webkit-font-smoothing: subpixel-antialiased !important;*/
         /*filter: blur(0.00000001px) !important;*/
     }
 }
 
 ::before,
 ::after {
     text-decoration: inherit;
     vertical-align: inherit
 }
 
 *,
 ::before,
 ::after {
     border-style: solid;
     border-width: 0
 }
 
 * {
     margin: 0;
     padding: 0
 }
 
 :root {
     box-sizing: border-box;
     cursor: default;
     font: 16px/1.5 sans-serif;
     text-rendering: optimizeLegibility
 }
 
 html {
     background-color: #fff
 }
 
 a {
     text-decoration: none
 }
 
 audio,
 canvas,
 iframe,
 img,
 svg,
 video {
     vertical-align: middle
 }
 
 button,
 input,
 select,
 textarea {
     background-color: transparent
 }
 
 button,
 input,
 select,
 textarea {
     color: inherit;
     font-family: inherit;
     font-style: inherit;
     font-weight: inherit
 }
 
 button,
 [type="button"],
 [type="date"],
 [type="datetime"],
 [type="datetime-local"],
 [type="email"],
 [type="month"],
 [type="number"],
 [type="password"],
 [type="reset"],
 [type="search"],
 [type="submit"],
 [type="tel"],
 [type="text"],
 [type="time"],
 [type="url"],
 [type="week"],
 select,
 textarea {
     min-height: 1.5em
 }
 
 code,
 kbd,
 pre,
 samp {
     font-family: monospace, monospace
 }
 
 nav ol,
 nav ul {
     list-style: none
 }
 
 select {
     -moz-appearance: none;
     -webkit-appearance: none
 }
 
 select::-ms-expand {
     display: none
 }
 
 select::-ms-value {
     color: currentColor
 }
 
 table {
     border-collapse: collapse;
     border-spacing: 0
 }
 
 textarea {
     resize: vertical
 }
 
 ::-moz-selection {
     background-color: #b3d4fc;
     text-shadow: none
 }
 
 ::selection {
     background-color: #b3d4fc;
     text-shadow: none
 }
 
 *,
 *:after,
 *:before {
     box-sizing: border-box;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     text-rendering: optimizeLegibility
 }
 
 html {
     font-size: 62.5%;
     height: 100%;
     min-height: 100%
 }
 
 body {
     font: 400 11px/1.4 sans-serif;
     color: #292929;
     margin: 0;
     background: #fff !important;
     height: 100%;
     min-height: 100%
 }
 
 .clear:before,
 .clear:after {
     content: ' ';
     display: table
 }
 
 .clear:after {
     clear: both
 }
 
 .clear {
     *zoom: 1
 }
 
 img {
     max-width: 100%;
     vertical-align: bottom;
     height: auto
 }
 
 a {
     color: #444;
     text-decoration: none
 }
 
 a:hover {
     color: #444
 }
 
 a:focus {
     outline: 0
 }
 
 a:hover,
 a:active {
     outline: 0
 }
 
 input:focus {
     outline: 0;
     border: 1px solid #292929
 }
 
 select {
     width: 100%
 }
 
 .alignnone {
     margin: 5px 20px 20px 0
 }
 
 .aligncenter,
 div.aligncenter {
     display: block;
     margin: 5px auto 5px auto
 }
 
 .alignright {
     float: right;
     margin: 5px 0 20px 20px
 }
 
 .alignleft {
     float: left;
     margin: 5px 20px 20px 0
 }
 
 a img.alignright {
     float: right;
     margin: 5px 0 20px 20px
 }
 
 a img.alignnone {
     margin: 5px 20px 20px 0
 }
 
 a img.alignleft {
     float: left;
     margin: 5px 20px 20px 0
 }
 
 a img.aligncenter {
     display: block;
     margin-left: auto;
     margin-right: auto
 }
 
 .wp-caption {
     background: #c5c5c5;
     max-width: 100%;
     padding: 2rem;
     text-align: center
 }
 
 .wp-caption.alignnone {
     margin: 5px 20px 20px 0
 }
 
 .wp-caption.alignleft {
     margin: 5px 20px 20px 0
 }
 
 .wp-caption.alignright {
     margin: 5px 0 20px 20px
 }
 
 .wp-caption img {
     border: 0 none;
     height: auto;
     margin: 0;
     max-width: 100%;
     padding: 0;
     width: auto
 }
 
 .wp-caption .wp-caption-text,
 .gallery-caption {
     margin: 0;
     padding: .5rem
 }
 
 .textwidget img {
     margin: 1rem 0
 }
 
 .bypostauthor {
     background: inherit
 }
 
 .widget_calendar {
     display: table;
     width: 100%
 }
 
 #wp-calendar {
     width: 100%
 }
 
 #wp-calendar caption {
     text-align: right;
     color: #000;
     font-size: 12px;
     margin-top: 10px;
     margin-bottom: 15px
 }
 
 #wp-calendar thead {
     font-size: 10px
 }
 
 #wp-calendar thead th {
     padding-bottom: 10px
 }
 
 #wp-calendar tbody {
     color: #000;
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 300
 }
 
 #wp-calendar tbody td {
     background: #fff;
     border: 1px solid #fff;
     text-align: center;
     padding: 8px
 }
 
 #wp-calendar tbody td:hover {
     background: #fff
 }
 
 #wp-calendar tbody .pad {
     background: 0
 }
 
 #wp-calendar tfoot #next {
     font-size: 10px;
     text-transform: uppercase;
     text-align: right
 }
 
 #wp-calendar tfoot #prev {
     font-size: 10px;
     text-transform: uppercase;
     padding-top: 10px
 }
 
 .size-auto,
 .size-full,
 .size-large,
 .size-medium,
 .size-thumbnail {
     max-width: 100%;
     height: auto
 }
 
 :root {
     overflow-y: auto !important
 }
 
 body,
 html {
     position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
     height: 100vh;
     overflow: hidden
 }
 
 .wrap {
     display: table;
     width: 100%;
     height: 100%;
     font-size: 5vh;
     padding: 3vh;
     background: #000046;
     color: #fff
 }
 
 .content {
     display: table-cell;
     width: 100%;
     vertical-align: middle;
     margin: 0 auto;
     text-align: center
 }
 
 * {
     box-sizing: border-box;
     position: relative
 }
 
 section {
     overflow: hidden;
     width: 100%
 }
 
 section:before,
 section:after {
     content: " ";
     display: table
 }
 
 section:after {
     clear: both
 }
 
 section .inner {
     width: calc(100% - 18rem);
     margin: 0 auto;
     max-width: 1530px
 }
 
 .yellow {
     color: #5d960f
 }
 
 a {
     text-decoration: none;
     -webkit-transition: color .5s;
     transition: color .5s
 }
 
 a:hover {
     color: #5d960f
 }
 
 button,
 input,
 select {
     font-family: "bebas-neue", sans-serif;
     font-weight: 400;
     font-size: 17px;
     line-height: 1;
     letter-spacing: 2px;
     outline: 0;
     text-transform: uppercase;
     display: inline-block;
     padding: .75rem 1.75rem;
     border: 1px solid #fff;
     color: #fff;
     will-change: padding;
     -webkit-transition: padding .5s;
     transition: padding .5s;
     position: relative
 }
 
 button i,
 input i,
 select i {
     position: absolute;
     right: 1rem;
     opacity: 0;
     -webkit-transition: opacity .5s;
     transition: opacity .5s
 }
 
 button:hover,
 input:hover,
 select:hover {
     padding: .75rem 2.5rem .75rem 1rem
 }
 
 button:hover i,
 input:hover i,
 select:hover i {
     opacity: 1
 }
 
 .sidetext {
     font-family: "bebas-neue", sans-serif;
     font-weight: 400;
     font-size: 17px;
     line-height: 1;
     color: #fff;
     position: absolute;
     left: 0;
     top: 50%;
     z-index: 100;
     -webkit-transform: rotateZ(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotateZ(-90deg);
     letter-spacing: 3px;
     text-transform: uppercase
 }
 
 .sidetext .line {
     height: 1px;
     background: #fff;
     display: block;
     right: 110%;
     position: absolute;
     top: 7px;
     width: 0;
     -webkit-transition: width .5s;
     transition: width .5s
 }
 
 .topbar {
     width: 100%;
     height: auto !important;
     -webkit-transition: all .5s;
     transition: all .5s
 }
 /* .topbar.sticky {
    padding: .5rem 3rem;
    background: rgba(0, 0, 0, 0.5)
}
 */
 
 .topbar .logo {
     display: inline-block;
     margin: 0.5rem 3rem
 }
 
 .topbar .logo img {
     height: 4rem;
     image-rendering: auto !important;
 }
 
 section.header {
     width: 100%;
     position: fixed;
     overflow: hidden;
     top: 0;
     left: 0;
     z-index: 1000000;
     background: #fff
 }
 
 section.header .inner {
     z-index: 10;
     height: 125px;
     width: calc(100% - 440px)
 }
 
 section.header .slider {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 125px
 }
 
 section.header .slider .slide {
     position: absolute;
     z-index: 1;
     background-size: cover !important;
     left: 0;
     top: 0;
     width: 100%;
     height: 125px;
     opacity: 0;
     -webkit-transition: opacity 1s;
     transition: opacity 1s
 }
 
 section.header .slider .slide.delay {
     -webkit-transition-delay: 1s;
     transition-delay: 1s
 }
 
 section.header .slider .slide.active {
     opacity: 1;
     z-index: 2
 }
 
 section.header .slider .slide.active .headings h3,
 section.header .slider .slide.active .headings p {
     padding-top: 0
 }
 
 section.header .slider .slide:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 2;
     opacity: .2;
     background: url("assets/img/pattern-overlay.png")
 }
 
 section.header .slider .slide:after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     opacity: .5;
     background: #000
 }
 
 section.header .slider .slide .inner {
     position: relative;
     z-index: 50
 }
 
 section.header .slider .slide video {
     position: absolute;
     z-index: -1;
     width: 100%;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%)
 }
 
 section.header .slider .slide .headings {
     position: absolute;
     z-index: 20;
     right: 220px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     text-align: right
 }
 
 section.header .slider .slide .headings h3 {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 600;
     font-size: 100px;
     line-height: 83px;
     color: #fff;
     text-align: right;
     line-height: 100%;
     height: 120px;
     overflow: hidden;
     padding-top: 120px;
     -webkit-transition: padding-top .5s;
     transition: padding-top .5s;
     -webkit-transition-delay: 1s;
     transition-delay: 1s
 }
 
 section.header .slider .slide .headings p {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 300;
     font-size: 17px;
     line-height: 25px;
     color: #fff;
     margin: 2rem 0 4rem;
     text-align: right;
     height: 25px;
     overflow: hidden;
     padding-top: 25px;
     -webkit-transition: padding-top .5s;
     transition: padding-top .5s;
     -webkit-transition-delay: 1.5s;
     transition-delay: 1.5s
 }
 
 section.header.nav-open .menu-main-container {
     -webkit-transform: none;
     -ms-transform: none;
     transform: none;
     opacity: 1
 }
 
 section.header.nav-open .hamburger i:nth-child(1) {
     background: #000;
     -webkit-transform: rotateZ(45deg) translateY(14px);
     -ms-transform: rotate(45deg) translateY(14px);
     transform: rotateZ(45deg) translateY(14px)
 }
 
 section.header.nav-open .hamburger i:nth-child(2) {
     opacity: 0
 }
 
 section.header.nav-open .hamburger i:nth-child(3) {
     background: #000;
     -webkit-transform: rotateZ(-45deg) translateY(-14px);
     -ms-transform: rotate(-45deg) translateY(-14px);
     transform: rotateZ(-45deg) translateY(-14px)
 }
 
 section.header .hamburger {
     position: relative;
     z-index: 100;
     cursor: pointer;
     display: inline-block;
     margin-left: 1rem;
     margin-bottom: 1rem
 }
 
 section.header .hamburger i {
     width: 32px;
     height: 2px;
     display: block;
     background: #fff;
     margin-bottom: 8px;
     -webkit-transition: all .5s;
     transition: all .5s
 }
 
 section.header .hamburger i:nth-child(2) {
     width: 24px
 }
 
 section.header .menu-main-container {
     position: absolute;
     left: 0;
     top: 0;
     z-index: 50;
     width: 100%;
     max-width: 400px;
     height: 100vh;
     background: #fff;
     border-right: 1px solid #ccc;
     padding: 150px 2rem 4rem;
     -webkit-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     transform: translateX(-100%);
     opacity: 0;
     -webkit-transition: all .5s;
     transition: all .5s
 }
 
 section.header .menu-main-container input {
     outline: none !important
 }
 
 section.header .menu-main-container .search-form {
     display: block;
     margin-top: 3rem
 }
 
 section.header .menu-main-container .search-field {
     border: 0;
     color: #000;
     border-bottom: 4px solid #f2f2f2;
     padding: .5rem 0;
     display: block;
     margin-top: 1rem;
     font-family: "bebas-neue", sans-serif;
     font-weight: 400;
     font-size: 23px;
     line-height: 25px;
     width: 100%
 }
 
 section.header .menu-main-container i.fa-search {
     display: block;
     width: 32px;
     height: 32px;
     position: absolute;
     top: .75rem;
     right: 0;
     font-size: 1.3rem
 }
 
 section.header .menu-main-container .search-submit {
     color: #000;
     position: absolute;
     top: 0;
     left: 0;
     border: 0;
     width: 100%;
     height: 100%
 }
 
 section.header .menu-main-container .search-submit:hover {
     padding: 0 !important
 }
 
 section.header .menu-main-container ul li {
     padding: 0;
     margin: 0;
     list-style: none
 }
 
 section.header .menu-main-container ul li:before {
     content: '';
     width: 3rem;
     height: 4px;
     background: #5d960f;
     display: block;
     position: absolute;
     top: 49%;
     left: -5rem;
     -webkit-transition: all .5s;
     transition: all .5s
 }
 
 section.header .menu-main-container ul li:hover:before,
 section.header .menu-main-container ul li.current-menu-item:before {
     -webkit-transform: translateX(3rem);
     -ms-transform: translateX(3rem);
     transform: translateX(3rem)
 }
 
 section.header .menu-main-container ul li:hover a,
 section.header .menu-main-container ul li.current-menu-item a {
     -webkit-transform: translateX(1.5rem);
     -ms-transform: translateX(1.5rem);
     transform: translateX(1.5rem);
     color: #5d960f
 }
 
 section.header .menu-main-container ul li a {
     font-family: "bebas-neue", sans-serif;
     font-weight: 400;
     font-size: 23px;
     line-height: 25px;
     letter-spacing: 5px;
     display: block;
     color: #000;
     margin: 0;
     padding: 1.5rem 0;
     -webkit-transition: all .5s;
     transition: all .5s
 }
 
 section.header .social {
     margin-top: 1rem;
     float: right
 }
 
 section.header .social a {
     overflow: hidden;
     height: 32px;
     display: inline-block;
     cursor: pointer;
     z-index: 10;
     position: relative
 }
 
 section.header .social i {
     font-size: 1rem;
     padding: .5rem;
     color: #fff;
     -webkit-transition: color .5s;
     transition: color .5s
 }
 
 section.header .social i:hover {
     color: #5d960f
 }
 
 section.header .sidetext {
     color: #fff
 }
 
 section.header .rightbutton {
     vertical-align: top;
     float: right;
     height: 100%;
     padding: 0 2rem;
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-size: 19px;
     line-height: 5rem;
     text-transform: uppercase;
     color: #fff;
     -webkit-transition: background-color .3s;
     transition: background-color .3s
 }
 
 section.header .rightbutton.learn {
     background-color: #014b6c
 }
 
 section.header .rightbutton.learn:hover {
     background-color: #016e9f
 }
 
 section.header .rightbutton.apply {
     background-color: #5d960f
 }
 
 section.header .rightbutton.apply:hover {
     background-color: #8dc63f;
 }
 
 section.header .rightbutton.title {
     color: #014b6c
 }
 
 section.footer {
     position: fixed;
     bottom: 0;
     left: 0;
     width: 100%;
     z-index: 100;
     background: #fff
 }
 
 section.footer .col {
     display: inline-block
 }
 
 section.footer .col-left {
     padding: 1.25rem 2rem 0 2rem
 }
 
 section.footer .col-left a {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 400;
     font-size: 11px;
     line-height: 1;
     text-transform: uppercase;
     font-weight: 400;
     color: #666;
     display: inline-block;
     margin-right: .5rem;
     padding-right: .5rem;
     border-right: 1px solid #666
 }
 
 section.footer .col-left a:last-child {
     border-right: 0
 }
 
 section.footer .col-left a:hover {
     color: #5d960f
 }
 
 section.footer .col-right {
     float: right
 }
 
 section.footer .social {
     height: 50px
 }
 
 section.footer .social p {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-size: 17px;
     line-height: 58px;
     color: #666;
     text-transform: uppercase;
     display: inline-block;
     margin: 0 1rem 0 0;
     height: 50px;
     vertical-align: top
 }
 
 section.footer .social .share {
     display: inline-block;
     padding: 1rem;
     position: relative;
     margin-left: -5px;
     width: 50px;
     height: 50px;
     -webkit-transition: all .5s;
     transition: all .5s
 }
 
 section.footer .social .share i {
     position: absolute;
     left: 50%;
     top: 50%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     color: #fff;
     font-size: 17px;
     transition: all .3s
 }
 
 section.footer .social .share:hover i {
     font-size: 2rem !important;
 }
 
 section.footer .social .share.facebook {
     background: #43619e
 }
 
 section.footer .social .share.facebook:hover i {
     color: #43619e !important;
 }
 
 section.footer .social .share.linkedin {
     background: #007bb6
 }
 
 section.footer .social .share.linkedin:hover i {
     color: #007bb6 !important;
 }
 
 section.footer .social .share.twitter {
     background: #5fa9dd
 }
 
 section.footer .social .share.twitter:hover i {
     color: #5fa9dd !important;
 }
 
 .video-popup {
     position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
     height: 100vh;
     z-index: 100000;
     background: rgba(0, 0, 0, 0.85);
     opacity: 0;
     -webkit-transition: opacity .5s;
     transition: opacity .5s;
     pointer-events: none
 }
 
 .video-popup.show {
     pointer-events: all;
     opacity: 1
 }
 
 .video-popup video {
     width: 100%;
     max-width: 1280px;
     height: calc(100vw * 0.75);
     max-height: 960px;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%)
 }
 
 i.arrow {
     position: absolute;
     -webkit-transition: all .5s;
     transition: all .5s;
     height: .7rem;
     width: 1.7rem;
     display: inline-block;
     background-size: cover !important
 }
 
 i.arrow.white {
     background: url("/wp-content/themes/adcorp/assets/img/arrow-white.png") center no-repeat
 }
 
 i.arrow.black {
     background: url("/wp-content/themes/adcorp/assets/img/arrow-black.png") center no-repeat
 }
 
 i.arrow.yellow {
     background: url("/wp-content/themes/adcorp/assets/img/arrow-yellow.png") center no-repeat
 }
 
 i.arrow.right {
     right: 1rem
 }
 
 i.arrow.left {
     left: 1rem;
     -webkit-transform: rotateZ(180deg);
     -ms-transform: rotate(180deg);
     transform: rotateZ(180deg)
 }
 
 a:hover i.arrow.right {
     right: 0
 }
 
 a:hover i.arrow.left {
     left: 0
 }
 
 svg.pulse-svg.show {
     overflow: visible
 }
 
 svg.pulse-svg.show .first-circle,
 svg.pulse-svg.show .second-circle,
 svg.pulse-svg.show .third-circle {
     -webkit-transform: scale(0.5);
     -ms-transform: scale(0.5);
     transform: scale(0.5);
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     transform-origin: center center;
     -webkit-animation: pulse-me 4s linear infinite;
     animation: pulse-me 4s linear infinite;
     -webkit-animation-delay: .5s;
     animation-delay: .5s;
     pointer-events: none
 }
 
 svg.pulse-svg.show .second-circle {
     -webkit-animation-delay: 1.5s;
     animation-delay: 1.5s
 }
 
 svg.pulse-svg.show .third-circle {
     display: none !important;
     opacity: 0 !important;
     -webkit-animation-delay: 2.5s;
     animation-delay: 2.5s
 }
 
 section.content-2col-image {
     position: relative;
     overflow: hidden;
     padding: 5rem 0
 }
 
 section.content-2col-image .sidetext {
     color: #000
 }
 
 section.content-2col-image .sidetext .line {
     background: #000
 }
 
 section.content-2col-image p.copy {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 400;
     font-size: 19px;
     line-height: 30px;
     margin: 0 0 1rem
 }
 
 section.content-2col-image p.copy.large {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 600;
     font-size: 26px;
     line-height: 32px
 }
 
 section.content-2col-image .columns {
     width: 80vw;
     margin-left: 20vw
 }
 
 section.content-2col-image .video-col {
     position: absolute;
     left: 40%;
     top: -5rem;
     height: 100%;
     width: 100%;
     z-index: 10;
     overflow: hidden
 }
 
 section.content-2col-image .video-col * {
     position: absolute;
     left: 0;
     top: -30%;
     width: 100%;
     height: 133%
 }
 
 section.content-2col-image .content-col {
     height: 100%;
     min-height: 50vh;
     width: 50%;
     background: #5d960f;
     padding: 3rem
 }
 
 section.content-2col-image .subtitle {
     display: block;
     width: 100%;
     font-family: "bebas-neue", sans-serif;
     font-weight: 400;
     font-size: 16px;
     line-height: 50px;
     font-weight: 400;
     letter-spacing: 4px
 }
 
 section.content-2col-image .subtitle:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 67px;
     height: 5px;
     background: #000
 }
 
 section.content-big-video {
     position: relative;
     overflow: hidden;
     padding: 5rem 0
 }
 
 section.content-big-video .sidetext {
     color: #000
 }
 
 section.content-big-video .sidetext .line {
     background: #000
 }
 
 section.content-big-video p {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 400;
     font-size: 19px;
     line-height: 30px;
     margin: 0 0 1rem
 }
 
 section.content-big-video p:nth-child(2) {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 600;
     font-size: 26px;
     line-height: 32px
 }
 
 section.content-big-video .video-col {
     position: absolute;
     left: 40%;
     top: -5rem;
     height: 100%;
     width: calc(100% - 5rem);
     z-index: 10;
     overflow: hidden;
     background-size: cover
 }
 
 section.content-big-video .video-col:after {
     content: '';
     position: absolute;
     z-index: 1;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5)
 }
 
 section.content-big-video .video-col button {
     position: absolute;
     z-index: 10;
     top: 50%;
     left: 50%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%)
 }
 
 section.content-big-video .video-col .video-frame {
     width: 100%;
     height: auto;
     z-index: 10000;
     opacity: 0;
     -webkit-transition: opacity .5s;
     transition: opacity .5s;
     pointer-events: none;
     min-height: 100%;
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%)
 }
 
 section.content-big-video .video-col .video-frame.youtube {
     height: 150%
 }
 
 section.content-big-video .video-col .video-frame.show {
     opacity: 1;
     pointer-events: all
 }
 
 section.content-big-video .content-col {
     height: 100%;
     min-height: 50vh;
     width: 50%;
     background: #5d960f;
     padding: 3rem 12rem 3rem 3rem
 }
 
 section.content-big-video .subtitle {
     display: block;
     width: 100%;
     font-family: "bebas-neue", sans-serif;
     font-weight: 400;
     font-size: 16px;
     line-height: 50px;
     font-weight: 400;
     letter-spacing: 4px
 }
 
 section.content-big-video .subtitle:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 67px;
     height: 5px;
     background: #000
 }
 
 section.cta-two-column .backgrounds {
     position: absolute;
     z-index: 1;
     width: 100%;
     height: 25vh
 }
 
 section.cta-two-column .backgrounds div {
     display: inline-block;
     float: left;
     width: 50%;
     height: 25vh;
     background-size: cover
 }
 
 section.cta-two-column .backgrounds:after {
     content: '';
     position: absolute;
     z-index: 2;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5)
 }
 
 section.cta-two-column .columns {
     position: relative;
     z-index: 10
 }
 
 section.cta-two-column .columns a:hover h2 {
     -webkit-transform: none;
     -ms-transform: none;
     transform: none
 }
 
 section.cta-two-column .columns a:hover h3 {
     opacity: 1
 }
 
 section.cta-two-column .columns .col {
     float: left;
     display: inline-block;
     width: 50%;
     height: 25vh;
     overflow: hidden
 }
 
 section.cta-two-column .columns .col.col1 {
     padding-left: 20vw
 }
 
 section.cta-two-column .columns .col.col1 h3 {
     text-align: right
 }
 
 section.cta-two-column .columns .col.col2 {
     padding-right: 20vw;
     text-align: right
 }
 
 section.cta-two-column .columns .col.col2 h2,
 section.cta-two-column .columns .col.col2 h3 {
     text-align: left
 }
 
 section.cta-two-column .columns .col .captions {
     display: inline-block;
     width: auto;
     margin-top: 4vh
 }
 
 section.cta-two-column .columns .col .captions i.arrow {
     bottom: 2rem
 }
 
 section.cta-two-column .columns .col .captions i.arrow.left {
     margin-left: -1rem
 }
 
 section.cta-two-column .columns .col .captions i.arrow.right {
     margin-right: -1rem
 }
 
 section.cta-two-column .columns .col h3 {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 600;
     font-size: 46px;
     line-height: 46px;
     color: #fff;
     text-align: left;
     padding-top: 2rem;
     padding-right: 1rem;
     opacity: 0;
     -webkit-transition: opacity .5s;
     transition: opacity .5s
 }
 
 section.cta-two-column .columns .col h2 {
     text-align: right;
     width: auto;
     display: inline-block;
     font-family: "bebas-neue", sans-serif;
     font-weight: 400;
     font-size: 46px;
     line-height: 46px;
     letter-spacing: 1rem;
     color: #fff;
     border: 0;
     border-bottom: 1px solid #fff;
     padding-bottom: 1rem;
     -webkit-transform: translateY(8rem);
     -ms-transform: translateY(8rem);
     transform: translateY(8rem);
     -webkit-transition: -webkit-transform .5s;
     transition: -webkit-transform .5s;
     transition: transform .5s;
     transition: transform .5s, -webkit-transform .5s
 }
 
 section.cta-two-column .columns .col h2 span {
     color: #5d960f
 }
 
 section.latest-news {
     position: relative;
     overflow: hidden;
     padding: 60px 0
 }
 
 section.latest-news:after {
     content: '';
     position: absolute;
     bottom: 0;
     right: 0;
     opacity: .25;
     background: url("assets/img/pattern-overlay-black.png");
     width: 69vw;
     height: 345px;
     z-index: -1
 }
 
 section.latest-news .sidetext {
     color: #000
 }
 
 section.latest-news .sidetext .line {
     background: #000
 }
 
 section.latest-news .watermark-logo {
     position: absolute;
     right: 0;
     top: 0
 }
 
 section.latest-news .news-item {
     position: relative;
     width: 100%;
     margin: 70px 0
 }
 
 section.latest-news .news-item .date-posted {
     display: block;
     width: 100%;
     font-family: "bebas-neue", sans-serif;
     font-weight: 400;
     font-size: 17px;
     line-height: 60px
 }
 
 section.latest-news .news-item .date-posted:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 67px;
     height: 5px;
     background: #5d960f
 }
 
 section.latest-news .news-item .title {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 400;
     font-size: 25px;
     line-height: 38px;
     display: block;
     width: 100%
 }
 
 section.latest-news .news-feature {
     display: inline-block;
     width: 30%;
     margin-right: 10%;
     background: #5d960f;
     padding: 200px 8% 32px 4%;
     box-sizing: border-box
 }
 
 section.latest-news .news-feature:before {
     content: '';
     position: absolute;
     z-index: 1;
     left: 0;
     top: 0;
     width: 100%;
     height: 270px;
     background: url("assets/img/news-officemax.png") center no-repeat;
     background-size: cover
 }
 
 section.latest-news .news-feature .news-item {
     position: relative;
     z-index: 5;
     margin-bottom: 0
 }
 
 section.latest-news .news-feature .news-item .date-posted:before {
     background: #000
 }
 
 section.latest-news .news-feature .news-item .title {
     color: #fff
 }
 
 section.latest-news .news-col {
     display: inline-block
 }
 
 section.latest-news .news-col button {
     border: 0;
     border-bottom: 1px solid #000;
     color: #000;
     text-align: left;
     padding-left: 0
 }
 
 section.latest-work {
     background: -webkit-repeating-linear-gradient(45deg, #eda924, #ffc950, #eda924) center;
     background: repeating-linear-gradient(45deg, #eda924, #ffc950, #eda924) center;
     background-size: 200%
 }
 
 section.latest-work .inner {
     height: 1200px
 }
 
 section.latest-work .inner .tile {
     position: absolute
 }
 
 section.latest-work .inner .tile p {
     position: absolute;
     width: 100%;
     text-align: right;
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 600;
     font-size: 30px;
     line-height: 38px;
     color: #fff;
     z-index: 3
 }
 
 section.latest-work .inner .tile p.inverse {
     color: #000
 }
 
 section.latest-work .inner .tile.isometric {
     -webkit-transform: skew(50deg, -25deg);
     -ms-transform: skew(50deg, -25deg);
     transform: skew(50deg, -25deg)
 }
 
 section.latest-work .watermark-logo {
     position: absolute;
     right: 0;
     bottom: 0
 }
 
 section.latest-work h3 {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 600;
     font-size: 43px;
     line-height: 49px;
     padding: 180px 0;
     margin: 0;
     color: #000;
     display: block;
     width: 100%;
     max-width: 520px
 }
 
 section.latest-work .sidetext {
     color: #000
 }
 
 section.what-we-do {
     background: #000;
     position: relative
 }
 
 section.what-we-do .inner {
     padding: 50px 0 50px 300px;
     position: relative;
     text-align: right
 }
 
 section.what-we-do .sidetext .line {
     width: 100vh
 }
 
 section.what-we-do button {
     width: 250px;
     display: block;
     position: absolute;
     left: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     padding: 0;
     text-align: left;
     font-family: "bebas-neue", sans-serif;
     font-weight: 400;
     font-size: 46px;
     line-height: 46px;
     border: 0;
     border-bottom: 1px solid #fff;
     padding-bottom: 1rem
 }
 
 section.what-we-do button span {
     color: #5d960f
 }
 
 section.what-we-do button i {
     right: 2rem;
     will-change: right, opacity;
     -webkit-transition: all .5s;
     transition: all .5s;
     opacity: 0
 }
 
 section.what-we-do button:hover i {
     right: 0;
     opacity: 1
 }
 
 section.what-we-do .circles {
     display: inline-block
 }
 
 section.what-we-do .circles .circle {
     width: 250px;
     height: 250px;
     display: inline-block;
     border-radius: 50%
 }
 
 section.what-we-do .circles .circle:nth-child(1) {
     background: url("assets/img/what-we-do-1.png") center no-repeat;
     background-size: cover
 }
 
 section.what-we-do .circles .circle:nth-child(2) {
     background: -webkit-linear-gradient(left, #5d960f, #000);
     background: linear-gradient(to right, #5d960f, #000);
     background-size: cover;
     position: relative;
     left: 125px
 }
 
 section.what-we-do .circles .circle:nth-child(3) {
     background: url("assets/img/what-we-do-2.png") center no-repeat;
     background-size: cover
 }
 
 section.left-heading-copy {
     position: relative;
     overflow: hidden;
     padding: 60px 0
 }
 
 section.left-heading-copy .sidetext {
     color: #000
 }
 
 section.left-heading-copy .sidetext .line {
     background: #000
 }
 
 section.left-heading-copy h3 {
     display: inline !important;
     vertical-align: top;
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 600;
     font-size: 43px;
     line-height: 49px;
     padding: 180px 0;
     margin: 0;
     color: #000;
     display: block;
     width: 100%;
     max-width: 520px
 }
 
 section.left-heading-copy .heading-col {
     display: inline-block;
     width: 40%;
     vertical-align: top
 }
 
 section.left-heading-copy .content-col {
     display: inline-block;
     width: 55%;
     vertical-align: top
 }
 
 section.left-heading-copy .content-col p {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 400;
     font-size: 19px;
     line-height: 30px;
     margin: 0 0 1rem
 }
 
 section.left-heading-copy .content-col .subtitle {
     display: block;
     width: 100%;
     font-family: "bebas-neue", sans-serif;
     font-weight: 400;
     font-size: 16px;
     line-height: 50px;
     font-weight: 400;
     letter-spacing: 4px
 }
 
 section.left-heading-copy .content-col .subtitle:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 67px;
     height: 5px;
     background: #000
 }
 
 section.left-heading-copy .content-col ul {
     display: block;
     width: 100%;
     list-style: none
 }
 
 section.left-heading-copy .content-col ul li {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 400;
     font-size: 15px;
     line-height: 41px;
     padding: 0 0 0 3rem;
     margin: 0;
     display: inline-block;
     width: 49%;
     text-transform: uppercase
 }
 
 section.left-heading-copy .content-col ul li:before {
     content: '';
     position: absolute;
     top: 42.5%;
     left: 0;
     width: 25px;
     height: 4px;
     background: #5d960f
 }
 
 section.left-hero-text {
     position: relative;
     overflow: hidden;
     padding: 60px 0
 }
 
 section.left-hero-text .sidetext {
     color: #000
 }
 
 section.left-hero-text .sidetext .line {
     background: #000
 }
 
 section.left-hero-text h3 {
     display: inline !important;
     vertical-align: top;
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 600;
     font-size: 43px;
     line-height: 49px;
     padding: 180px 0;
     margin: 0;
     color: #000;
     display: block;
     width: 100%;
     max-width: 520px
 }
 
 section.left-hero-text .heading-col {
     display: inline-block;
     width: 50%;
     vertical-align: top
 }
 
 section.silent-video-content {
     position: relative;
     overflow: hidden;
     padding: 5rem 0
 }
 
 section.silent-video-content .sidetext {
     color: #000
 }
 
 section.silent-video-content .sidetext .line {
     background: #000
 }
 
 section.silent-video-content .video-col {
     position: relative;
     display: inline-block;
     height: 100%;
     width: 50%;
     padding: 0
 }
 
 section.silent-video-content .video-col video {
     width: 100%
 }
 
 section.silent-video-content .video-col .overlay {
     position: absolute;
     z-index: 20;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5)
 }
 
 section.silent-video-content .video-col a {
     width: 250px;
     display: block;
     position: absolute;
     left: 50%;
     top: 50%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     padding: 0;
     text-align: left;
     font-family: "bebas-neue", sans-serif;
     font-weight: 400;
     font-size: 46px;
     line-height: 46px;
     border: 0;
     border-bottom: 1px solid #fff;
     padding-bottom: 1rem;
     color: #fff
 }
 
 section.silent-video-content .video-col a span {
     color: #5d960f
 }
 
 section.silent-video-content .video-col a .arrow {
     bottom: 2rem
 }
 
 section.silent-video-content .content-col {
     position: relative;
     display: inline-block;
     height: 100%;
     width: 49%;
     padding: 3rem 0 3rem 6rem;
     vertical-align: bottom;
     min-height: 50vh
 }
 
 section.silent-video-content .content-col i.arrow {
     bottom: 1.5rem
 }
 
 section.silent-video-content .content-col a {
     font-family: "bebas-neue", sans-serif;
     font-weight: 400;
     font-size: 17px;
     line-height: 60px;
     display: inline-block;
     border: 0;
     border-bottom: 1px solid #5d960f;
     color: #5d960f;
     text-align: left;
     padding: 0 3.5rem 0 0;
     letter-spacing: .5rem
 }
 
 section.silent-video-content .content-col p {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 400;
     font-size: 19px;
     line-height: 30px;
     margin: 1rem 0
 }
 
 section.silent-video-content .content-col p.large {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 600;
     font-size: 26px;
     line-height: 32px
 }
 
 section.silent-video-content .content-col p.subtitle {
     display: block;
     width: 100%;
     font-family: "bebas-neue", sans-serif;
     font-weight: 400;
     font-size: 16px;
     line-height: 50px;
     font-weight: 400;
     letter-spacing: 4px
 }
 
 section.silent-video-content .content-col p.subtitle:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 67px;
     height: 5px;
     background: #5d960f
 }
 
 section.carousel .slick-slide {
     height: 50vh;
     background-size: cover !important;
     -webkit-transform: translateX(-33%);
     -ms-transform: translateX(-33%);
     transform: translateX(-33%)
 }
 
 section.carousel .slick-slide .inner {
     position: absolute;
     width: 0;
     height: 50%;
     top: 25%;
     right: 0;
     padding: 65px 90px 50px 50px;
     color: #fff;
     background: #000;
     opacity: 0;
     -webkit-transition: all .5s;
     transition: all .5s;
     -webkit-transition-delay: .5s;
     transition-delay: .5s
 }
 
 section.carousel .slick-slide .inner br {
     line-height: 1rem;
     margin: 0
 }
 
 section.carousel .slick-slide .inner p.copy {
     opacity: 0;
     -webkit-transform: translateY(100%);
     -ms-transform: translateY(100%);
     transform: translateY(100%);
     -webkit-transition: all .75s;
     transition: all .75s;
     -webkit-transition-delay: 1s;
     transition-delay: 1s;
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 400;
     font-size: 19px;
     line-height: 30px;
     margin: 1rem 0
 }
 
 section.carousel .slick-slide .inner p.copy.large {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 600;
     font-size: 26px;
     line-height: 32px
 }
 
 section.carousel .slick-slide .inner .subtitle {
     opacity: 0;
     -webkit-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     transform: translateY(-100%);
     -webkit-transition: all .75s;
     transition: all .75s;
     -webkit-transition-delay: 1s;
     transition-delay: 1s;
     display: block;
     width: 100%;
     font-family: "bebas-neue", sans-serif;
     font-weight: 400;
     font-size: 17px;
     line-height: 26px;
     font-weight: 400;
     letter-spacing: 4px;
     padding-top: 1rem;
     margin-bottom: 2rem
 }
 
 section.carousel .slick-slide .inner .subtitle:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 67px;
     height: 5px;
     background: #5d960f
 }
 
 section.carousel .slick-slide.slick-current .inner {
     width: 20vw;
     opacity: 1
 }
 
 section.carousel .slick-slide.slick-current .inner p.copy,
 section.carousel .slick-slide.slick-current .inner .subtitle {
     -webkit-transform: none;
     -ms-transform: none;
     transform: none;
     opacity: 1
 }
 
 section.carousel .slick-list:after {
     content: '';
     width: calc(33% + 17px);
     height: 100%;
     position: absolute;
     right: 0;
     top: 0;
     background: rgba(0, 0, 0, 0.5)
 }
 
 section.carousel .slick-arrow {
     position: absolute;
     width: 60px;
     height: 60px;
     right: 0;
     top: calc(50% + 1px);
     z-index: 100;
     background: #000;
     border: 0;
     outline: none !important;
     font-size: 2rem;
     cursor: pointer
 }
 
 section.carousel .slick-arrow.slick-prev {
     top: calc(50% - 61px)
 }
 
 section.carousel .slick-arrow:hover i.arrow.right {
     right: .5rem
 }
 
 section.carousel .slick-arrow:hover i.arrow.left {
     left: .5rem
 }
 
 section.carousel .slick-arrow i.arrow {
     top: 1.5rem
 }
 
 body.category-news #primary {
     background: #f5f5f5 !important
 }
 
 section.blog {
     padding-bottom: 50vh;
     background: 0;
     padding-bottom: 50vh;
     margin-top: -300px;
     position: relative;
     z-index: 200
 }
 
 section.blog .col {
     display: inline-block;
     vertical-align: top
 }
 
 section.blog .col.col1 {
     margin-top: 400px;
     width: 30%;
     padding-right: 5rem
 }
 
 section.blog .col.col1 p {
     font-family: "bebas-neue", sans-serif;
     font-weight: 400;
     font-size: 45px;
     line-height: 45px;
     letter-spacing: 1rem
 }
 
 section.blog .col.col1 p span {
     color: #5d960f
 }
 
 section.blog .col.col1 form {
     width: 100%;
     border-bottom: 1px solid #000;
     margin-top: 3rem
 }
 
 section.blog .col.col1 form .image-button {
     float: right;
     cursor: pointer
 }
 
 section.blog .col.col1 form .image-button [type="submit"] {
     border: 0
 }
 
 section.blog .col.col1 form .image-button .arrow {
     pointer-events: none;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     -webkit-transition: -webkit-transform .5s ease-in-out;
     transition: -webkit-transform .5s ease-in-out;
     transition: transform .5s ease-in-out;
     transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out
 }
 
 section.blog .col.col1 form .image-button:hover .arrow {
     -webkit-transform: translateX(-25%) translateY(-50%);
     -ms-transform: translateX(-25%) translateY(-50%);
     transform: translateX(-25%) translateY(-50%)
 }
 
 section.blog .col.col1 form input {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 300;
     font-size: 24px;
     line-height: 32px;
     text-transform: none;
     color: #000
 }
 
 section.blog .col.col1 form input[type="email"] {
     border: 0;
     padding-left: 0;
     -webkit-transition: none;
     transition: none;
     width: calc(100% - 70px)
 }
 
 section.blog .col.col2 {
     width: 69%
 }
 
 section.blog .col.col2 .more {
     color: #000;
     border-color: #000;
     padding: .75rem 1.75rem;
     -webkit-transition: all .5s;
     transition: all .5s;
     margin-top: 3rem;
     margin-left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%)
 }
 
 section.blog .col.col2 .more:hover {
     padding: .75rem 1.75rem;
     color: #5d960f;
     border-color: #5d960f
 }
 
 section.blog .col.col2 .post {
     padding-top: 3rem;
     -webkit-transform: translateY(100%);
     -ms-transform: translateY(100%);
     transform: translateY(100%);
     -webkit-transition: all .5s;
     transition: all .5s;
     opacity: 0
 }
 
 section.blog .col.col2 .post.show {
     -webkit-transform: none;
     -ms-transform: none;
     transform: none;
     opacity: 1
 }
 
 section.blog .col.col2 .post .header {
     padding: 200px 2rem 1rem;
     background-size: cover;
     background-color: #000
 }
 
 section.blog .col.col2 .post .header:after {
     content: '';
     position: absolute;
     z-index: 0;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: -webkit-linear-gradient(rgba(0, 0, 0, 0.25), #000);
     background: linear-gradient(rgba(0, 0, 0, 0.25), #000)
 }
 
 section.blog .col.col2 .post .header .date-byline {
     position: relative;
     z-index: 1;
     font-family: "bebas-neue", sans-serif;
     font-weight: 400;
     font-size: 17px;
     line-height: 60px;
     letter-spacing: 4px;
     color: #fff
 }
 
 section.blog .col.col2 .post .header .date-byline span {
     color: #5d960f;
     margin-right: 1rem
 }
 
 section.blog .col.col2 .post .header h2 {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 600;
     font-size: 35px;
     line-height: 40px;
     color: #fff;
     width: 100%;
     border-bottom: 1px solid #fff;
     position: relative;
     z-index: 1;
     padding-bottom: 1rem;
     cursor: pointer
 }
 
 section.blog .col.col2 .post .blog-content {
     width: 100%;
     overflow: hidden;
     -webkit-transition: height .75s;
     transition: height .75s
 }
 
 section.blog .col.col2 .post .blog-content .tagsandsocial {
     width: 100%;
     background: #000;
     padding: 0 2rem 1rem
 }
 
 section.blog .col.col2 .post .blog-content .tagsandsocial a.tag {
     font-family: "bebas-neue", sans-serif;
     font-weight: 400;
     font-size: 15px;
     line-height: 40px;
     letter-spacing: 2px;
     color: #fff;
     border: 1px solid #fff;
     border-radius: 1rem;
     -webkit-transition: all .5s;
     transition: all .5s;
     padding: .5rem 1rem;
     margin-right: .5rem
 }
 
 section.blog .col.col2 .post .blog-content .tagsandsocial a.tag:hover {
     color: #5d960f;
     border-color: #5d960f
 }
 
 section.blog .col.col2 .post .blog-content .blog-copy {
     background: #fff;
     padding: 2rem;
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 400;
     font-size: 19px;
     line-height: 30px
 }
 
 section.blog .col.col2 .post .blog-content .blog-copy h3 {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 400;
     font-size: 19px;
     line-height: 30px;
     font-weight: 700
 }
 
 section.blog .col.col2 .post .blog-content .blog-copy h4 {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 600;
     font-size: 26px;
     line-height: 32px;
     color: #5d960f;
     margin: 3rem 30% 3rem 10%;
     padding-top: 1rem
 }
 
 section.blog .col.col2 .post .blog-content .blog-copy h4:before {
     content: '';
     position: absolute;
     top: -6px;
     left: 0;
     width: 64px;
     height: 6px;
     background: #5d960f
 }
 
 section.blog .col.col2 .post .blog-content .blog-copy p {
     margin-bottom: 1rem;
     font-weight: 300
 }
 
 section.blog .col.col2 .post .blog-content .blog-copy p:first-child {
     font-weight: 400;
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 400;
     font-size: 25px;
     line-height: 35px
 }
 
 #map {
     position: relative;
     overflow: hidden;
     width: 100%;
     height: 100vh;
     color: #6195a0;
 }
 
 .rightbutton span {
     display: block;
     line-height: 1;
     margin-top: -1.5rem;
     font-size: 12px;
     margin-bottom: 1.5rem;
     width: 100%;
     text-align: center;
 }
 
 @media only screen and (max-width: 768px) {
     .rightbutton span {
         margin-top: -0.5rem;
     }
 }
 
 @media only screen and (max-width: 480px) {
     .rightbutton span {
         font-size: 9px;
     }
     .rightbutton.apply span {
         position: absolute;
    bottom: -8px;
    left: 0;
     }
 }
 
 #lightbox #panel .banner button span, #lightbox #panel .banner .apply-now span {
     display: block !important;
     line-height: 1 !important;
     margin-top: 0.25rem !important;
     font-size: 12px !important;
     width: 100% !important;
     text-align: center !important;
 }
 
 .infobox {
     position: fixed;
     z-index: 10000000;
     background-color: #fff !important;
     background-size: cover !important;
     padding: 1.5rem 2.5rem 3.5rem 1.5rem;
     opacity: 0;
     -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
     -ms-transform: translateX(-50%) translateY(-50%) scale(0);
     transform: translateX(-50%) translateY(-50%) scale(0);
     -webkit-transition: all .5s;
     transition: all .5s;
     cursor: pointer;
     border-radius: 0 1rem;
     overflow: hidden !important;
     box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.5);
 }
 
 #main>.infobox {
     max-width: 350px;
 }
 
 #swiper-wrap .infobox {
     padding: 1rem;
 }
 
 .infobox .readmore {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-size: 18px;
     line-height: 1;
     position: absolute;
     z-index: 1;
     right: 0;
     bottom: 0;
     text-transform: uppercase;
     color: #fff !important;
     padding: .75rem 1.5rem .5rem;
     background: #0084a0
 }
 
 button .fa-chevron-right, a.apply-now .fa-chevron-right,
 .rightbutton .fa-chevron-right,
 .infobox .readmore .fa-chevron-right {
     opacity: 0;
     font-size: 75%;
     margin-left: -0.5rem;
     display: inline-block;
     position: relative;
     top: -1px;
     right: 0 !important;
     transition: all 0.5s ease-in-out;
 }
 
 button:hover .fa-chevron-right, a.apply-now:hover .fa-chevron-right,
 .rightbutton:hover .fa-chevron-right,
 .infobox:hover .readmore .fa-chevron-right {
     transform: translateX(1rem);
     opacity: 1;
 }
 
 .infobox:after {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 0;
     background: rgba(0, 0, 0, 0.7);
     border-radius: 0 1rem
 }
 
 .infobox h3 {
     position: relative;
     z-index: 1;
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-size: 18px;
     line-height: 1.2;
     text-transform: uppercase;
     color: #fff !important
 }
 
 .infobox hr {
     position: relative;
     z-index: 1;
     width: 3rem;
     height: 4px;
     background: #0084a0;
     margin-bottom: .7rem;
     margin-top: 0.5rem;
 }
 
 .infobox p {
     position: relative;
     z-index: 1;
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-size: 16px;
     line-height: 1;
     text-transform: uppercase;
     color: #fff !important
 }
 
 .infobox:hover,
 .infobox.show {
     -webkit-transform: translateX(-8px) translateY(-12px) scale(1);
     -ms-transform: translateX(-8px) translateY(-12px) scale(1);
     transform: translateX(-8px) translateY(-12px) scale(1);
     opacity: 1;
     z-index: 10;
 }
 
 .mapmarker {
     position: fixed;
     width: 30px;
     height: 60px;
     -webkit-transform: translateX(-50%) translateY(-95%) scale(0);
     -ms-transform: translateX(-50%) translateY(-95%) scale(0);
     transform: translateX(-50%) translateY(-95%) scale(0);
     pointer-events: none;
     opacity: 0;
     -webkit-transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out;
     transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out;
     transition: transform 1s ease-in-out, opacity 1s ease-in-out;
     transition: transform 1s ease-in-out, opacity 1s ease-in-out, -webkit-transform 1s ease-in-out
 }
 
 .mapmarker.show {
     -webkit-transform: translateX(-50%) translateY(-95%) scale(1);
     -ms-transform: translateX(-50%) translateY(-95%) scale(1);
     transform: translateX(-50%) translateY(-95%) scale(1);
     opacity: 1;
     cursor: pointer;
     pointer-events: all
 }
 
 .mapmarker.uncategorized .marker {
     background-color: #5d960f;
 }
 
 .mapmarker.category-1 .marker {
     background-color: #005a82
 }
 
 .mapmarker.category-2 .marker {
     background-color: #0084a0
 }
 
 .mapmarker.category-3 .marker {
     background-color: #6e298d
 }
 
 .mapmarker.category-4 .marker {
     background-color: #fdb913
 }
 
 .mapmarker.category-5 .marker {
     background-color: #ef3e42
 }
 
 .mapmarker.category-6 .marker {
     background-color: #a7600c
 }
 /* Borders */
 
 .mapmarker.uncategorized .marker:before {
     border-top-color: #5d960f;
 }
 
 .mapmarker.category-1 .marker:before {
     border-top-color: #005a82
 }
 
 .mapmarker.category-2 .marker:before {
     border-top-color: #0084a0
 }
 
 .mapmarker.category-3 .marker:before {
     border-top-color: #6e298d
 }
 
 .mapmarker.category-4 .marker:before {
     border-top-color: #fdb913
 }
 
 .mapmarker.category-5 .marker:before {
     border-top-color: #ef3e42
 }
 
 .mapmarker.category-6 .marker:before {
     border-top-color: #a7600c
 }
 
 .container {
     top: 200px;
     left: 50%;
     width: 120px;
     height: 108px;
     position: relative;
 }
 
 .mapmarker .marker {
     z-index: 1;
     width: 30px;
     height: 30px;
     border-radius: 60px;
     background-color: #005596;
     -webkit-animation: hover 1s infinite ease-in;
     animation: hover 1s infinite ease-in;
 }
 
 .mapmarker .marker:after {
     content: '';
     z-index: 2;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-left: -5px;
     margin-top: -5px;
     width: 10px;
     height: 10px;
     border-radius: 10px;
     background-color: #fff;
 }
 
 .mapmarker .marker:before {
     z-index: 0;
     content: '';
     position: absolute;
     top: 80%;
     left: 50%;
     margin-left: -12px;
     border-left: 12px solid transparent;
     border-right: 12px solid transparent;
     border-top: 20px solid #005596;
 }
 
 .mapmarker .pulse {
     display: none;
     position: absolute;
     top: 30%;
     left: 50%;
     width: 32px;
     height: 12px;
     background: skyblue;
     /* background alternative white */
     border-radius: 50%;
     -webkit-transform: translate(-50%, 275%);
     transform: translate(-50%, 275%);
 }
 
 @keyframes hover {
     0% {
         margin-top: 0px;
     }
     50% {
         margin-top: 10px;
     }
 }
 
 #swiper-slides {
     display: none
 }
 
 #swiper-wrap {
     background: #b9e1f2;
     min-height: 13rem !important;
     padding: 2rem !important;
     display: none
 }
 
 #swiper-wrap #swiper {
     display: none;
     min-height: 9rem !important;
     background: none !important;
     box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.5);
     border-radius: 0 1rem
 }
 
 #swiper-wrap #swiper .infobox {
     display: none;
     position: relative;
     -webkit-transform: none;
     -ms-transform: none;
     transform: none;
     opacity: 1;
     min-height: 9rem !important;
     box-shadow: none !important;
     -webkit-transition: all .3s;
     transition: all .3s;
 }
 
 #swiper-wrap #swiper .infobox.show {
     display: block
 }
 
 #swiper-wrap #swiper .slick-arrow {
     display: block;
     width: 2rem;
     text-align: center;
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     font-size: 1.5rem;
     color: #0084a0
 }
 
 #swiper-wrap #swiper .slick-arrow.slick-next {
     right: -2rem
 }
 
 #swiper-wrap #swiper .slick-arrow.slick-prev {
     left: -2rem
 }
 
 #lightbox {
     position: fixed;
     left: 0;
     top: 0;
     width: 100vw;
     height: 100vh;
     overflow: hidden;
     background: rgba(0, 0, 0, 0.85);
     z-index: 2000000;
     opacity: 0;
     pointer-events: none;
     -webkit-transition: all .5s;
     transition: all .5s
 }
 
 #lightbox.show {
     opacity: 1;
     pointer-events: all
 }
 
 #lightbox.show #panel {
     left: 50% !important;
     top: 50% !important;
     -webkit-transform: scale(1.01) translateX(-50%) translateY(-50%);
     -ms-transform: scale(1.01) translateX(-50%) translateY(-50%);
     transform: scale(1.01) translateX(-50%) translateY(-50%);
     opacity: 1;
 }
 
 #lightbox #panel {
     position: fixed;
     z-index: 2000010;
     -webkit-transform: scale(0) translateX(-100%) translateY(-100%);
     -ms-transform: scale(0) translateX(-100%) translateY(-100%);
     transform: scale(0) translateX(-100%) translateY(-100%);
     width: 100%;
     opacity: 0;
     max-width: 945px;
     height: 85vh;
     border-radius: 1rem;
     -webkit-transition: all .5s;
     transition: all .5s;
     /* -webkit-transition-delay: .25s;
    transition-delay: .25s; */
     overflow: hidden
 }
 
 #lightbox #panel .social p {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-size: 16px;
     line-height: 71px;
     color: #666;
     text-transform: uppercase;
     display: inline-block;
     margin-right: 1rem
 }
 
 #lightbox #panel .social .share {
     display: inline-block;
     padding: 1rem;
     position: relative;
     margin-left: -5px;
     top: 8px;
     -webkit-transition: all .5s;
     transition: all .5s
 }
 
 .social .share img {
     height: 60%;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translateX(-50%) translateY(-50%) scale(0.7);
     transition: all 0.3s;
 }
 
 #lightbox #panel .social .share svg path {
     fill: #fff;
 }
 
 .social .share:hover img {
     transform: translateX(-50%) translateY(-50%) scale(1);
 }
 
 #lightbox #panel .social .share i {
     position: absolute;
     left: 50%;
     top: 50%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     color: #fff;
     transition: all 0.5s;
 }
 
 #lightbox #panel .social .share.facebook {
     background: #43619e
 }
 
 #lightbox #panel .social .share.facebook:hover svg path {
     fill: #43619e !important;
 }
 
 #lightbox #panel .social .share.linkedin {
     background: #007bb6
 }
 
 #lightbox #panel .social .share.linkedin:hover svg path {
     fill: #007bb6 !important;
 }
 
 #lightbox #panel .social .share.twitter {
     background: #5fa9dd
 }
 
 #lightbox #panel .social .share.twitter:hover svg path {
     fill: #5fa9dd !important;
 }
 
 #lightbox #panel .banner {
     padding: 1rem 2rem;
     background-size: cover;
     background-color: none !important;
     /* box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5); */
     z-index: 100;
     min-height: 11rem;
 }
 
 #lightbox #panel .banner:after {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 0;
     background: rgba(0, 0, 0, 0.7)
 }
 
 #lightbox #panel .banner h1 {
     position: relative;
     z-index: 1;
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-size: 26px;
     line-height: 1.2;
     color: #fff;
     text-transform: uppercase;
     max-width: 90%;
 }
 
 #lightbox #panel .banner h1:after {
     content: '';
     position: absolute;
     left: 0;
     bottom: -1rem;
     width: 4rem;
     height: 4px;
     background: #5d960f
 }
 
 #lightbox #panel .banner button, #lightbox #panel .banner .apply-now {
     padding: 1rem 2rem;
     background: #5d960f;
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif !important;
     font-size: 19px !important;
     line-height: 21px !important;
     letter-spacing: 0 !important;
     color: #fff !important;
     position: absolute !important;
     right: 0;
     bottom: 0 !important;
     z-index: 10 !important;
     border: 0 !important;
     cursor: pointer !important;
     -webkit-transition: all .3s;
     transition: all .3s;
     text-transform: uppercase !important;
 }
 
 @media screen and (max-width: 480px) {
     #lightbox #panel .banner button {
         font-size: 16px !important;
     }
 }
 
 #lightbox #panel .banner button a {
     color: #fff !important;
 }
 
 #lightbox #panel .banner button:hover {
     background: #7db62f
 }
 
 #lightbox #panel .banner .timeandplace {
     position: relative;
     z-index: 10;
     color: #fff;
     text-transform: uppercase;
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-size: 22px;
     line-height: 2;
 }
 
 #lightbox #panel .banner .show-role {
     right: 135px;
     background: #014b6c;
     -webkit-transition: all .3s;
     transition: all .3s;
     padding-right: 3rem;
 }
 
 @media screen and (min-width: 1025px) {
     #lightbox #panel .banner .show-role {
         padding-right: 4rem !important;
     }
 }
 
 #lightbox #panel .banner .show-role:hover {
     background: #016e9f
 }
 
 #lightbox #panel .banner .close {
     position: absolute;
     right: 2rem;
     top: 2rem;
     z-index: 10;
     overflow: hidden;
     text-align: center;
     width: 2.5rem;
     height: 2.5rem;
     cursor: pointer;
     /* background: url('/wp-content/themes/mpi-policy/assets/img/close.svg') center no-repeat; */
     background-size: cover;
     transition: all 0.3s;
 }
 
 #lightbox #panel .banner .close:hover {
     transform: scale(1.2) rotateZ(0.01deg);
 }
 
 #lightbox #panel .banner .close i {
     display: none !important;
     /* position: absolute;
    width: 75%;
    height: 75%;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%) */
 }
 
 #lightbox #panel .content {
     display: block;
     vertical-align: top;
     background: #fff;
     padding: 2rem 2rem 4rem;
     margin-bottom: 2rem;
     /* position: absolute; */
     /* top: 11rem; */
     left: 0;
     width: 100%;
     bottom: 0;
     text-align: left !important;
     overflow-y: auto;
     overflow-x: hidden;
     height: 75vh;
     border-radius: 0 0 1rem 1rem;
 }
 
 #lightbox #panel .content ul {
     padding: 0 2rem 1rem;
 }
 
 #lightbox #panel .content .col {
     display: inline-block;
     vertical-align: top;
     height: 100%;
     font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
     font-weight: 400;
     font-size: 17px;
     line-height: 25px;
     color: #666;
     font-weight: 300
 }
 
 #lightbox #panel .content .col.col1 {
     text-align: left !important;
     width: 69%;
     padding: 1rem 4rem 1rem 1rem
 }
 
 #lightbox #panel .content .col.col1 p {
     margin-bottom: 1rem
 }
 
 #lightbox #panel .content .col.col1 p:first-child {
     font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
     font-weight: 400;
     font-size: 20px;
     line-height: 27px;
     color: #0084a0
 }
 
 #lightbox #panel .content .col.col1.role p:first-child {
     color: #5d960f
 }
 
 #lightbox #panel .content .col.col1 .img:first-child {
     width: 50%;
     float: right;
     margin: 0 0 1rem 2rem;
 }
 
 #lightbox #panel .content .col.col1 img:first-child+p {
     color: #0084a0;
     font-weight: 400;
     font-size: 20px;
     line-height: 27px;
 }
 
 #lightbox #panel .content .col.col1 img:first-child+p+p {
     color: #666;
     font-size: 17px;
     line-height: 25px;
     font-weight: 300;
 }
 
 #lightbox #panel .content .col.col2 {
     width: 30%
 }
 
 #lightbox #panel .content .col.col2 .img {
     display: block;
     width: 100%;
     margin: 1rem 0 3rem
 }
 
 #lightbox #panel .content .social {
     width: 100%;
     text-align: right;
     background: #fff
 }
 
 #lightbox #panel .content.no-sidebar .col1 {
     width: 100%;
     padding-left: 2rem;
     padding-top: 1rem
 }
 
 #lightbox #panel .content.no-sidebar .col2 {
     display: none
 }
 
 #captions {
     position: fixed;
     overflow: visible;
     z-index: 91;
     left: 400px;
     top: 280px
 }
 
 #captions h1 {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-size: 100px;
     line-height: 1;
     color: #014b6c;
     text-transform: uppercase;
     margin: 0
 }
 
 #captions h2 {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-size: 43px;
     line-height: 1;
     color: #5d960f;
     text-transform: uppercase;
     margin: 0
 }
 
 #captions #explore-tag {
     position: relative;
     background: #fff;
     border-radius: 1rem;
     /* url("/wp-content/themes/mpi-policy/assets/img/explore animated tag.png") center no-repeat; */
     width: 421px;
     height: auto;
     /* left: -50px; */
     margin-top: 1rem;
     display: block;
     /* -webkit-animation: bounce 1s ease-in-out 2s 6; */
     /* animation: bounce 1s ease-in-out 2s 6; */
     font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
     font-weight: 400;
     font-size: 19px;
     line-height: 23px;
     color: #666;
     padding: 1rem 2rem;
 }
 /* #timeline .slider-wrap {
    position: absolute;
    z-index: 9000000;
    top: 100px;
    width: 55px;
    height: 78vh;
    overflow: hidden;
}

#timeline .slider-wrap .slider-scrollbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
}

#timeline .slider-wrap .slider-scrollbox .slider-canvas {
    width: 100%;
    height: 200vh;
} */
 
 #timeline .slider {
     position: absolute;
     z-index: 1000000;
     -webkit-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;
     left: 17px;
     -webkit-transform: translateY(13px);
     -ms-transform: translateY(13px);
     transform: translateY(13px);
     cursor: pointer;
     pointer-events: all;
     width: 29px;
     height: 78px;
 }
 
 #timeline .slider:after {
     content: '';
     position: absolute;
     width: 29px;
     height: 58px;
     background: #5d960f;
     top: 10px;
     left: 0;
     border-radius: 40px;
     box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
     transition: all 0.3s;
 }
 
 #timeline .slider:hover:after {
     background: #9dd64f;
 }
 
 #timeline .slider span {
     position: absolute;
     display: block;
     pointer-events: none !important;
     z-index: 10;
     left: 1px;
     width: 27px;
     height: 23px;
     color: #fff;
     text-align: center;
     font-size: 1rem;
     line-height: 23px;
     cursor: pointer;
     -webkit-transition: all .3s;
     transition: all .3s
 }
 
 #timeline .slider span:hover {
     color: #014b6c
 }
 
 #timeline .slider span.prev {
     top: 12px
 }
 
 #timeline .slider span.prev:hover {
     top: 10px
 }
 
 #timeline .slider span.next {
     top: 40px
 }
 
 #timeline .slider span.next:hover {
     top: 42px
 }
 
 #timeline .nav {
     margin: 0;
     height: 100%;
     width: 100%;
     border-left: 2px solid #6ab8c8;
     padding-top: 100px
 }
 
 #timeline .nav__wrapper {
     position: fixed;
     z-index: 90;
     height: 100%;
     width: 300px;
     padding: 50px 1rem 50px 30px;
     background: linear-gradient(to right, #a5d0e2, #b9e1f2);
 }
 
 #timeline .nav__counter {
     -webkit-transition: all .15s ease-out;
     transition: all .15s ease-out
 }
 
 #timeline .nav__counter .time {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-size: 24px;
     line-height: 1;
     color: #014b6c;
     display: inline-block;
     width: 7rem
 }
 
 #timeline .nav__title {
     font-size: 32px;
     font-weight: 300;
     margin: 0 0 .25em 7rem;
     width: 300px;
     height: 0;
     overflow: hidden;
     opacity: 0;
     -webkit-transition: height .3s ease-out, opacity .2s ease-out;
     transition: height .3s ease-out, opacity .2s ease-out
 }
 
 #timeline .nav__body {
     margin-left: 7rem;
     font-weight: 100;
     font-size: 18px;
     width: 300px;
     height: 0;
     overflow: hidden;
     opacity: 0;
     -webkit-transition: height .3s ease-out, opacity .2s ease-out;
     transition: height .3s ease-out, opacity .2s ease-out
 }
 
 #timeline .nav li {
     position: absolute;
     left: 0;
     -webkit-transition: all .3s ease-out;
     transition: all .3s ease-out;
     margin-bottom: 1em;
     height: 8px;
     width: 200px;
     overflow: hidden;
     text-align: right;
     padding-bottom: 3px;
     cursor: pointer
 }
 
 #timeline .nav li:after {
     content: '';
     display: block;
     border-bottom: 2px solid #6ab8c8;
     height: 4px;
     width: 60px;
     position: absolute;
     z-index: 10;
     left: 0;
     bottom: 3px;
     -webkit-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
     pointer-events: none
 }
 
 #timeline .nav li.now .nav__counter {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-size: 19px;
     line-height: 1;
     color: #0084a0;
     text-transform: uppercase;
     -webkit-transition: all .15s ease-out;
     transition: all .15s ease-out
 }
 
 #timeline .nav li.now .nav__counter .time {
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-size: 30px;
     line-height: 1;
     color: #014b6c;
     display: inline-block;
     width: 7rem;
     padding-right: 2px;
 }
 
 #timeline .nav li.now:hover,
 #timeline .nav li.now.active {
     height: 3.75rem !important;
     -webkit-transform: translateY(-3rem) !important;
     -ms-transform: translateY(-3rem) !important;
     transform: translateY(-3rem) !important
 }
 
 #timeline .nav li.now span {
     font-size: 1rem
 }
 
 #timeline .nav li.now span .time {
     color: #fff;
     font-size: 1.5rem
 }
 
 #timeline .nav li:not(.reset_to_now) {
     width: 60%
 }
 
 #timeline .nav li:not(.reset_to_now):hover,
 #timeline .nav li:not(.reset_to_now).active {
     height: 2rem;
     -webkit-transform: translateY(-1.5rem);
     -ms-transform: translateY(-1.5rem);
     transform: translateY(-1.5rem)
 }
 
 #timeline .nav li:not(.reset_to_now):hover:after,
 #timeline .nav li:not(.reset_to_now).active:after {
     width: 100% !important;
     border-bottom: 4px solid #014b6c !important
 }
 
 #timeline .nav li:not(.reset_to_now):hover a,
 #timeline .nav li:not(.reset_to_now).active a {
     opacity: 1;
     -webkit-transform: none;
     -ms-transform: none;
     transform: none
 }
 
 #timeline .nav li:not(.reset_to_now):hover {
     width: 60%;
     background: rgba(165, 208, 226, 0.85);
     z-index: 5000000
 }
 
 #timeline .nav li:not(.reset_to_now).active {
     width: 100% !important
 }
 
 #timeline .nav li:not(.reset_to_now) a {
     pointer-events: none;
     text-align: right;
     display: block;
     opacity: 0;
     -webkit-transform: translateY(100%);
     -ms-transform: translateY(100%);
     transform: translateY(100%);
     color: #fff;
     -webkit-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
     -webkit-transition-delay: .3s;
     transition-delay: .3s
 }
 
 #timeline .nav li:not(.reset_to_now) a:focus {
     background-color: transparent
 }
 
 #timeline .nav li:not(.reset_to_now).active {
     pointer-events: none;
     padding-left: 1em
 }
 
 #timeline .nav li:not(.reset_to_now).active:after {
     width: 35px;
     height: 400px
 }
 
 #timeline .nav li:not(.reset_to_now).active a {
     opacity: 1
 }
 
 #timeline .nav li:not(.reset_to_now).active .nav__counter .location {
     opacity: 1
 }
 
 #timeline .nav li:not(.reset_to_now).active .nav__title {
     height: 40px;
     opacity: 1;
     overflow: visible
 }
 
 #timeline .nav li:not(.reset_to_now).active .nav__body {
     height: 100px;
     opacity: 1;
     overflow: visible
 }
 
 #timeline .nav li.reset_to_now {
     width: 232px;
     padding-top: 1rem;
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-weight: 500;
     bottom: 75px !important;
     -webkit-transform: none !important;
     -ms-transform: none !important;
     transform: none !important;
     height: auto !important;
     font-size: 1rem;
     line-height: 1.5rem;
     text-transform: uppercase;
     color: #0084a0 !important
 }
 
 #timeline .nav li.reset_to_now:after {
     width: 60px !important;
     bottom: 14px;
 }
 
 #timeline .nav li.reset_to_now:hover {
     color: #014b6c !important
 }
 
 .select-time {
     display: none;
     position: absolute;
     top: 220px;
     z-index: 100;
     width: 170px;
     padding: 0.25rem 0 .5rem 0;
     text-align: right;
     border-bottom: 1px solid #5d960f
 }
 
 .select-time p {
     padding: 0;
     margin: 0;
     color: #5d960f;
     font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
     font-size: 16px;
     line-height: 1;
     text-transform: uppercase
 }
 
 .select-time p i {
     position: relative;
     top: -2px;
     font-size: 12px;
     border: 1px solid #5d960f;
     border-radius: 50%;
     padding: .2rem;
     margin-left: .3rem
 }
 
 .select-time select {
     opacity: 0;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 100
 }
 
 div#timeline {
     width: 40vw;
     height: 100vh;
     position: absolute;
     background: linear-gradient(to right, rgba(185, 225, 242, 255) 0%, rgba(185, 225, 242, 255) 75%, rgba(185, 225, 242, 0));
     z-index: 2;
 }
 
 @media only screen and (max-width:768px) {
     div#timeline {
         background: none !important;
     }
     div#timeline ul li {
         width: 268px !important;
         max-width: 268px !important;
     }
     #app {
         margin-top: 130px;
     }
 }
 
 @media screen {
     [hidden~="screen"] {
         display: inherit
     }
     [hidden~="screen"]:not(:active):not(:focus):not(:target) {
         clip: rect(0 0 0 0) !important;
         position: absolute !important
     }
 }
 
 @media only screen and (min-width:769px) and (max-width:1024px) {
     .mapmarker.show {
         -webkit-transform: translateX(-50%) translateY(-50%) scale(0.75);
         -ms-transform: translateX(-50%) translateY(-50%) scale(0.75);
         transform: translateX(-50%) translateY(-50%) scale(0.75)
     }
     #captions {
         top: 10vh;
         -webkit-transform: scale(0.55);
         -ms-transform: scale(0.55);
         transform: scale(0.55);
         left: 210px;
     }
     #timeline .nav__wrapper {
         /* width: 580px;
        padding-right: 300px; */
     }
 }
 
 @media only screen and (min-width:1024px) and (max-width:1900px) {
     .mapmarker.show {
         -webkit-transform: translateX(-50%) translateY(-50%) scale(0.75);
         -ms-transform: translateX(-50%) translateY(-50%) scale(0.75);
         transform: translateX(-50%) translateY(-50%) scale(0.75)
     }
     #captions {
         top: 10vh;
         -webkit-transform: scale(0.7);
         -ms-transform: scale(0.7);
         transform: scale(0.7);
         left: 250px;
     }
     #timeline .nav__wrapper {
         /* width: 580px;
        padding-right: 300px; */
     }
 }
 
 @media only screen and (max-width:768px) {
     #swiper-wrap {
         z-index: 90000;
     }
     body,
     html {
         overflow: auto
     }
     .topbar .logo {
         margin: 0;
         width: 100%;
         padding: .5rem 2rem;
         text-align: center
     }
     section.header .inner {
         height: 100px
     }
     section.header .inner {
         width: calc(100% - 15rem);
         right: -10%
     }
     section.header .slider {
         height: 100px
     }
     section.header .slider .slide {
         height: 100px
     }
     section.header .slider .slide .headings {
         right: 120px;
         top: 55%
     }
     section.header .slider .slide .headings h3 {
         font-family: "Oswald", "Arial Narrow", Helvetica, Arial, sans-serif;
         font-weight: 600;
         font-size: 60px;
         line-height: 50px
     }
     section.header .slider .slide .headings p {
         margin: 1rem 0 2rem
     }
     section.header .rightbutton {
         float: none;
         height: 4rem;
         line-height: 3rem;
         padding: 0 1rem;
     }
     section.header .rightbutton.title {
         display: none
     }
     section.header .rightbutton.learn {
         width: 65% !important;
         text-align: center;
         display: inline-block;
         padding-top: 0;
         padding-bottom: 0
     }
     section.header .rightbutton.apply {
         position: absolute;
         right: 0;
         bottom: 0;
         padding-top: 0;
         padding-bottom: 0;
         width: 36%;
         text-align: center
     }
     section.footer {
         position: relative
     }
     section.footer .col-left {
         padding-bottom: 1.25rem
     }
     section.latest-news:after {
         width: 100%;
         height: 312px
     }
     section.latest-news .news-feature {
         width: 100%
     }
     section.latest-work .inner {
         width: calc(100% - 12rem)
     }
     section.latest-work h3 {
         padding: 110px 0;
         max-width: 335px
     }
     section.what-we-do .inner {
         width: calc(100% - 14rem)
     }
     section.what-we-do .circles {
         width: 43vw
     }
     section.what-we-do .circles .circle:nth-child(2) {
         display: none
     }
     section.what-we-do .circles .circle {
         width: 140px;
         height: 140px
     }
     section.left-heading-copy h3 {
         padding: 110px 0;
         max-width: 335px
     }
     section.left-hero-text h3 {
         padding: 110px 0;
         max-width: 335px
     }
     .mapmarker {
         position: absolute;
         z-index: 100000 !important;
     }
     .mapmarker.show {
         -webkit-transform: translateX(-50%) translateY(-50%) scale(0.75);
         -ms-transform: translateX(-50%) translateY(-50%) scale(0.75);
         transform: translateX(-50%) translateY(-50%) scale(0.75);
     }
     #swiper-wrap {
         height: 35vw !important
     }
     #swiper-wrap.show {
         display: block
     }
     #swiper-wrap #swiper {
         display: block;
         height: 25vw !important
     }
     #swiper-wrap #swiper .infobox {
         height: 25vw !important
     }
     #lightbox #panel {
         top: 0;
         left: 0;
         height: 100vh;
         border-radius: 0
     }
     #lightbox #panel .banner {
         padding: 1.5rem 1.5rem 4rem;
         height: auto !important
     }
     #lightbox #panel .banner[data-postid="30"] {
         /* height: 11rem; */
     }
     #lightbox #panel .banner[data-postid="30"]+.content {
         padding-top: 0 !important;
     }
     #lightbox #panel .banner h1 {
         font-size: 28px;
         margin-bottom: 1rem;
         line-height: 28px;
     }
     #lightbox #panel .banner button span {
         font-size: 9px;
     }
     #lightbox #panel .banner .show-role {
         padding-right: 0 !important;
     }
     #lightbox #panel .banner h1:after {
         bottom: -8px
     }
     #lightbox #panel .banner button {
         padding: 1rem 0;
         text-align: center;
         font-size: 16px
     }
     #lightbox #panel .banner .timeandplace {
         font-size: 20px
     }
     #lightbox #panel .banner .show-role {
         right: 33%;
         width: 67% !important;
         padding: 1rem 0 !important;
         text-align: center !important;
         font-size: 16px !important;
     }
     #lightbox #panel .banner .apply-now {
         width: 34%;
         padding: 1rem 0 !important;
         text-align: center !important;
         font-size: 16px !important;
     }
     #lightbox #panel .banner .close {
         width: 2rem;
         height: 2rem;
         right: 0.5rem;
         top: 2.5rem;
     }
     #lightbox #panel .banner .close i {
         font-size: 1rem
     }
     #lightbox #panel .content {
         /* top: 11rem */
         position: relative !important;
     }
     #lightbox #panel .content .col {
         width: 100vw !important;
         vertical-align: initial
     }
     #lightbox #panel .content .col.col1 {
         padding: 1rem 4rem 1rem 0
     }
     #lightbox #panel .content .col.col2 {
         position: relative !important;
         top: 0;
         height: auto;
         padding-right: 4rem;
         margin-bottom: 1rem
     }
     #lightbox #panel .content .col.col2 .img {
         width: 50%;
         display: inline-block;
         margin: 0;
     }
     #lightbox #panel .content .col.col1 .img:first-child {
         width: 50%;
         float: right;
         margin: 0 0 1rem 2rem;
     }
     #lightbox #panel .content .col.col1 img:first-child+p {
         color: #0084a0;
         /* font-weight: 400;
        font-size: 20px;
        line-height: 27px; */
     }
     #lightbox #panel .content .col.col1 img:first-child+p+p {
         color: #666;
         /* font-size: 17px;
        line-height: 25px;
        font-weight: 300; */
     }
     #captions {
         display: none
     }
     option {
         color: #000 !important;
     }
     #timeline {
         top: 120px
     }
     #timeline .slider {
         display: none
     }
     #timeline .nav__wrapper {
         position: absolute;
         left: -130px;
         background: 0;
         width: 590px;
     }
     #timeline .nav li {
         top: 155px !important;
         opacity: 0;
         -webkit-transition: opacity .5s;
         transition: opacity .5s
     }
     #timeline .nav li.active {
         opacity: 1
     }
     #timeline .nav li.reset_to_now {
         display: none
     }
     .select-time {
         display: block
     }
 }
 
 @media screen and (max-width: 1200px) {
     section.header .rightbutton.title {
         display: none
     }
 }
 
 @-webkit-keyframes pulse-me {
     0% {
         -webkit-transform: scale(0.5);
         transform: scale(0.5);
         opacity: 0
     }
     50% {
         opacity: .5
     }
     100% {
         -webkit-transform: scale(2);
         transform: scale(2);
         opacity: 0
     }
 }
 
 @keyframes pulse-me {
     0% {
         -webkit-transform: scale(0.5);
         transform: scale(0.5);
         opacity: 0
     }
     50% {
         opacity: .5
     }
     100% {
         -webkit-transform: scale(2);
         transform: scale(2);
         opacity: 0
     }
 }
 
 @-webkit-keyframes bounce {
     0% {
         left: -50px
     }
     50% {
         left: -80px
     }
     100% {
         left: -50px
     }
 }
 
 @keyframes bounce {
     0% {
         left: -50px
     }
     50% {
         left: -80px
     }
     100% {
         left: -50px
     }
 }