/*!*
 *
 * inuitcss.com -- @inuitcss -- @csswizardry
 *
 */
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block
}

audio,
canvas,
video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden] {
  display: none
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

body {
  margin: 0
}

a:focus {
  outline: thin dotted
}

a:active,
a:hover {
  outline: 0
}

h1 {
  font-size: 2em;
  margin: 0.67em 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b,
strong {
  font-weight: bold
}

dfn {
  font-style: italic
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}

mark {
  background: #ff0;
  color: #000
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em
}

pre {
  white-space: pre-wrap
}

q {
  quotes: "\201C""\201D""\2018""\2019"
}

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: 0
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em
}

legend {
  border: 0;
  padding: 0
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0
}

button,
input {
  line-height: normal
}

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
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto;
  vertical-align: top
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
table,
th,
td,
caption,
hr {
  margin: 0;
  padding: 0
}

abbr[title],
dfn[title] {
  cursor: help
}

u,
ins {
  text-decoration: none
}

ins {
  border-bottom: 1px solid
}

img {
  font-style: italic
}

label,
input,
textarea,
button,
select,
option {
  cursor: pointer
}

.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus {
  cursor: text;
  outline: none
}

.cf:after,
.nav:after,
.media:after {
  content: "";
  display: table;
  clear: both
}

h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
ul,
ol,
dl,
blockquote,
p,
address,
table,
fieldset,
figure,
pre,
.form-fields>li,
.media,
.island,
.islet {
  margin-bottom: 20px;
  margin-bottom: 1.25rem
}

.islet h1,
.islet h2,
.islet h3,
.islet h4,
.islet h5,
.islet h6,
.islet hgroup,
.islet ul,
.islet ol,
.islet dl,
.islet blockquote,
.islet p,
.islet address,
.islet table,
.islet fieldset,
.islet figure,
.islet pre,
.islet .form-fields>li,
.islet .media,
.islet .island,
.islet .islet {
  margin-bottom: 10px;
  margin-bottom: .625rem
}

.landmark {
  margin-bottom: 40px;
  margin-bottom: 2.5rem
}

hr {
  margin-bottom: 18px;
  margin-bottom: 1.125rem
}

ul,
ol,
dd {
  margin-left: 40px;
  margin-left: 2.5rem
}

html {
  font: 1em/1.1875;
  overflow-y: scroll;
  font-family: 'Rubik', sans-serif;
  min-height: 100%;
  overflow-x: hidden
}

a,
a:active,
a:focus {
  outline: none
}

body {
  overflow-x: hidden;
  background-color: #00263E;
  margin: 118px 0 0 0
}

@media screen and (max-width: 1459px) {
  body {
    margin: 80px 0 0 0
  }
}

#wpadminbar {
  z-index: 999999999 !important
}

section {
  background-color: #fff
}

body.logged-in {
  margin: 85px 0 0 0
}

@media screen and (max-width: 1459px) {
  body.logged-in {
    margin: 48px 0 0 0
  }
}

.stripped-background {
  background-image: linear-gradient(135deg, #000 25%, #fff 25%, #fff 50%, #000 50%, #000 75%, #fff 75%, #fff 100%);
  background-size: 56.57px 56.57px
}

.grey-stripped-background {
  background-image: linear-gradient(135deg, #000 25%, #333 25%, #333 50%, #000 50%, #000 75%, #333 75%, #333 100%);
  background-size: 56.57px 56.57px
}

.stripe-1 {
  color: white;
  background: repeating-linear-gradient(-45deg, #000, #000 10px, #333 10px, #333 20px)
}

.black-background {
  background-color: #000
}

.pink-background {
  background-color: #D9056B
}

#home-intro-section {
  margin-top: -5px;
  padding: 75px 0
}

#home-intro-section .container {
  background-color: #000
}

#home-intro-section h1 {
  color: #fff !important;
  font-size: 56px;
  margin-bottom: 30px
}

@media screen and (max-width: 350px) {
  #home-intro-section h1 {
    font-size: 36px
  }
}

#home-intro-section p {
  color: #fff;
  font-size: 24px
}

#home-intro-section .contact-information {
  margin: 130px 30px 30px 30px;
  padding: 30px;
  background-image: linear-gradient(to bottom, #f78a08, #fa6d29, #f64f3f, #ec3053, #da0d65)
}

@media screen and (max-width: 960px) {
  #home-intro-section .contact-information {
    margin: 0 30px 30px 30px
  }
}

#home-intro-section .contact-information h2 {
  color: white
}

#home-intro-section .contact-information h2:first-child {
  margin-bottom: 60px
}

@media only screen and (max-width: 960px) {
  .intro {
    padding-bottom: 20px !important
  }
}

#latest-blog-section {
  /* padding: 75px 0; */ 
  color: #fff
}

#latest-blog-section a {
  color: #fff;
  text-decoration: none
}

#latest-blog-section h2 {
  font-size: 42px;
  padding: 45px 0 35px 0;
  color: #fff
}

#latest-blog-section .container {
  background-color: #000
}

#latest-blog-section img {
  width: 100%
}

#latest-blog-section .latest-blog-column-image {
  width: 100%;
  height: 260px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

#work-for-us-section {
  padding: 75px 0
}

#work-for-us-section .container {
  background-color: #000
}

#work-for-us-section h2 {
  color: #fff;
  padding: 45px 0;
  margin-bottom: 0
}

#work-for-us-section p {
  font-size: 18px;
  color: #fff
}

#work-for-us-section .work-for-us-section-text {
  max-width: 812px;
  margin: 0 auto;
  margin-bottom: 50px
}

#work-for-us-section .work-for-us-section-text a {
  color: #d8046b;
  text-decoration: none
}

@media screen and (max-width: 960px) {
  #latest-blog-section>div>div {
    padding: 0 0 50px 0
  }
}

#social-feeds {
  padding: 50px;
  background-image: linear-gradient(to bottom, #00a666, #008775, #006773, #00475f, #00293f)
}

@media screen and (max-width: 960px) {
  #social-feeds {
    padding: 50px 0
  }
}

#social-feeds h2 {
  color: #fff;
  font-size: 42px;
  margin-bottom: 50px
}

#home-contact-form {
  padding: 50px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center
}

@media screen and (max-width: 960px) {
  #home-contact-form {
    padding: 50px 0
  }
}

#home-contact-form h2 {
  color: #fff;
  font-size: 42px;
  margin-bottom: 50px
}

.social-feeds-title {
  background-color: black;
  width: auto;
  display: inline-block;
  margin-bottom: 15px
}

.social-feeds-title p {
  font-size: 22px;
  color: #fff;
  margin: 0;
  padding: 5px
}

.latest-blog-column p {
  font-size: 14px
}

.latest-blog-column .blog-post-date {
  margin: 20px 0 5px 0
}

.latest-blog-column h3 {
  margin-top: 0px;
  color: #fff
}

#logo {
  max-width: 100% !important
}

#quote {
  background: #000 url("../img/neon_sign.jpg") no-repeat center;
  padding: 180px 0 280px 0
}

@media screen and (max-width: 960px) {
  #quote {
    padding: 60px 0;
    background: #000
  }
}

#quote h3 {
  font-size: 30px;
  color: #fff
}

#contact-intro {
  background-color: #00263E;
  padding: 60px 0;
  color: #fff;
  text-align: center
}

#contact-intro p {
  max-width: 865px;
  margin: 0 auto 20px
}

#contact-intro p:last-child {
  margin-bottom: 0
}

#contact-intro a {
  color: #d8046b !important
}

#contact-outro {
  padding: 0 40px
}

#contact-outro a {
  color: #fff
}

@media screen and (max-width: 960px) {
  #contact-outro {
    padding: 35px 0 0 0
  }
}

.what-we-do-intro {
  padding: 50px 0 50px 0;
  box-sizing: border-box;
  background-color: #00263E;
  color: white;
  text-align: center
}

.what-we-do-intro h2 {
  color: white;
  padding-bottom: 16px
}

.what-we-do-intro p {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto
}

#blog-post-grid {
  text-align: center;
  background-color: #fff
}

#blog-post-grid .blog-banner {
  background-position: center;
  background-size: cover
}

#blog-post-grid .blog-banner p {
  color: #fff
}

#blog-post-grid h1 {
  font-size: 42px;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #fff
}

#blog-post-grid p {
  font-size: 18px;
  color: #000
}

#blog-post-grid .blog-column {
  text-align: left;
  margin-bottom: 20px
}

#blog-post-grid .blog-column a {
  text-decoration: none;
  color: black
}

#blog-post-grid .blog-column .blog-column-image {
  width: 100%;
  height: 260px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

#blog-post-grid .blog-column h3 {
  font-size: 30px;
  font-weight: 500
}

#blog-post-grid .blog-column .blog-column-text {
  padding: 35px 35px 15px;
  background-color: #F2F4F5
}

#blog-post-grid .blog-column .blog-details {
  color: #658192;
  font-size: 18px
}

@media screen and (max-width: 640px) {
  #blog-post-grid .container {
    margin-right: 30px
  }
}

#blog-post-grid .grid-sizer {
  width: 31.1%
}

#blog-post-grid .gutter-sizer {
  width: 3%
}

#blog-post-grid .items {
  width: 31.1%;
  text-align: center;
  margin-bottom: 0px
}

@media screen and (max-width: 640px) {
  #blog-post-grid .grid-sizer {
    width: 100%
  }

  #blog-post-grid .items {
    width: 100%;
    margin-bottom: 0px
  }
}

#blog-post-grid .loader {
  margin: 40px 0
}

#blog-post-body {
  background-color: #fff;
  padding: 60px 0
}

#blog-post-body p {
  font-size: 18px
}

#blog-post-body .text-box {
  border-bottom: 1px solid #000;
  margin-bottom: 20px
}

#blog-post-body .media__img {
  margin-bottom: 10px !important
}

#blog-post-body .media__body h4 {
  margin-top: 18px;
  color: #658192;
  font-weight: 400;
  margin-bottom: 5px
}

#blog-post-body .media__body p {
  font-size: 16px
}

#blog-post-body .sidebar-latest-blog-posts-title {
  background-image: linear-gradient(to right, #00263e, #203364, #5c367d, #9e2980, #d8046b);
  padding: 10px
}

#blog-post-body .sidebar-latest-blog-posts-title h2 {
  font-size: 18px;
  margin-bottom: 0;
  color: #fff
}

#blog-post-body #sidebar-latest-blog-posts {
  background-color: #000;
  padding: 20px;
  margin-bottom: 40px
}

#blog-post-body #sidebar-latest-blog-posts h2 {
  font-size: 18px
}

#blog-post-body #sidebar-latest-blog-posts a {
  text-decoration: none
}

#blog-post-body #sidebar-latest-blog-posts a:nth-child(1)>div {
  padding-top: 0px
}

#blog-post-body #sidebar-latest-blog-posts a:last-child>div {
  border-bottom: none
}

#blog-post-body #sidebar-latest-blog-posts .previous-post {
  color: #00536C;
  border-bottom: 1px solid #000;
  padding-top: 20px
}

#blog-post-body #sidebar-latest-blog-posts .previous-post h4 {
  color: #fff;
  font-weight: 400;
  margin-bottom: 5px;
  font-size: 25px
}

#blog-post-body #sidebar-latest-blog-posts .previous-post .post-date {
  font-size: 12px
}

#blog-post-body .link-to-blog {
  font-size: 18px;
  color: #658192;
  margin-top: 20px
}

#jobs-posts {
  padding: 40px 0
}

.main-job-details {
  padding: 60px 0
}

#job-description {
  padding: 60px 0
}

#job-description p,
#job-description li {
  font-size: 16px
}

#job-description h3 {
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 10px
}

#job-description .benefits p {
  font-weight: 500
}

#map {
  margin-top: -5px;
  height: 620px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat
}

#map img {
  width: 100%
}

@media screen and (max-width: 960px) {
  #map {
    height: 320px
  }
}

#privacy-policy-body {
  padding: 40px 0 75px 0
}

#privacy-policy-body h3 {
  font-size: 18px;
  text-transform: uppercase;
  color: #00263e
}

#privacy-policy-body p {
  font-size: 14px;
  color: #00263e
}

#sector-intro {
  padding: 50px 0
}

#sector-intro p {
  font-size: 16px
}

#sector-body {
  padding: 20px 0
}

#sector-body p {
  max-width: 720px;
  margin: 20px auto
}

@media screen and (max-width: 960px) {
  .team-grid .hard--left {
    padding-left: 20px !important
  }
}

.team-grid .section-grid {
  background-position: top;
  background-size: cover
}

#sector-outro {
  background-color: #00AC69;
  padding: 65px 0
}

#sector-outro p {
  color: #fff;
  text-align: center;
  max-width: 850px;
  margin: 20px auto
}

#sector-employee {
  padding: 65px 0 40px 0
}

#sector-employee p {
  font-size: 16px;
  text-align: left
}

#sector-employee p a {
  color: #00263e
}

@media screen and (max-width: 460px) {
  #sector-employee .media img {
    margin: 0 auto 20px;
    float: initial
  }
}

@media screen and (max-width: 460px) {
  #sector-employee .media__body {
    display: inline-block
  }
}

@media screen and (max-width: 460px) {
  #sector-employee .media__body p {
    text-align: center
  }
}

.join-us-container {
  position: relative
}

.join-us-container .fluid-join-us {
  max-width: 700px;
  margin: 0 auto
}

.join-us-container .fluid-join-us h3 {
  font-weight: 500;
  color: #fff;
  margin: 0 20px
}

.join-us-container .fluid-join-us h4 {
  color: #fff;
  text-transform: uppercase
}

.join-us-container .fluid-join-us p {
  font-size: 16px;
  color: #fff
}

.join-us-container .fluid-join-us p a {
  color: #d8046b
}

.join-us-box {
  vertical-align: top !important;
  padding-top: 200px
}

@media screen and (max-width: 960px) {
  .join-us-box {
    padding: 100px 0
  }
}

.rpo-body {
  padding: 50px 0 30px;
  text-align: center
}

.rpo-body p {
  max-width: 850px;
  margin: 0 auto 20px
}

.rpo-body p a {
  color: #00263e
}

#benefits-of-rpo {
  padding: 50px 0 30px;
  background-color: #00AC69;
  text-align: center
}

#benefits-of-rpo h2 {
  color: white;
  margin-bottom: 30px;
  text-transform: uppercase
}

#benefits-of-rpo h3 {
  text-transform: uppercase;
  color: #00263e
}

#benefits-of-rpo p {
  color: #00263e;
  margin-bottom: 30px
}

#benefits-of-rpo p a {
  color: #00263e
}

@media screen and (max-width: 960px) {

  #outputs,
  #outputs-tier2,
  #outputs-tier3 {
    display: none
  }
}

#output1,
#output2,
#output3,
#output4,
#output5,
#output6,
#output7,
#output8,
#output9,
#output10 {
  padding: 60px;
  max-width: 820px;
  margin: 0 auto;
  display: none
}

#output1 p,
#output2 p,
#output3 p,
#output4 p,
#output5 p,
#output6 p,
#output7 p,
#output8 p,
#output9 p,
#output10 p {
  font-size: 16px;
  color: #fff;
  text-align: center
}

header #cssmenu ul li .nav-dropdown li.active a {
  color: #F99402 !important
}

h1,
.alpha {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1.425
}

h2,
.beta {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.1875
}

h3,
.gamma {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.5833333333
}

h4,
.delta {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.9
}

h5,
.epsilon {
  font-size: 14px;
  font-size: .875rem;
  line-height: 1.3571428571
}

h6,
.zeta {
  font-size: 10px;
  font-size: .625rem;
  line-height: 1.9
}

hgroup .hN {
  margin-bottom: 0
}

.giga {
  font-size: 96px;
  font-size: 6rem;
  line-height: 1.1875
}

.mega {
  font-size: 64px;
  font-size: 4rem;
  line-height: 1.1875
}

.kilo {
  font-size: 48px;
  font-size: 3rem;
  line-height: 1.1875
}

.lede,
.lead {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.0555555556
}

.smallprint,
.milli {
  font-size: 12px;
  font-size: .75rem;
  line-height: 1.5833333333
}

.micro {
  font-size: 10px;
  font-size: .625rem;
  line-height: 1.9
}

q {
  quotes: "‘""’""\\201C ""\\201D "
}

q:before {
  content: "\2018";
  content: open-quote
}

q:after {
  content: "\2019";
  content: close-quote
}

q q:before {
  content: "\201C";
  content: open-quote
}

q q:after {
  content: "\201D";
  content: close-quote
}

blockquote {
  quotes: "\\201C ""\\201D "
}

blockquote p:before {
  content: "\\201C ";
  content: open-quote
}

blockquote p:after {
  content: "";
  content: no-close-quote
}

blockquote p:last-of-type:after {
  content: "\\201D ";
  content: close-quote
}

blockquote q:before {
  content: "\2018";
  content: open-quote
}

blockquote q:after {
  content: "\2019";
  content: close-quote
}

blockquote {
  text-indent: -0.41em
}

blockquote p:last-of-type {
  margin-bottom: 0
}

.source {
  display: block;
  text-indent: 0
}

.source:before {
  content: "\2014"
}

pre {
  overflow: auto
}

pre mark {
  background: none;
  border-bottom: 1px solid;
  color: inherit
}

.code-comment {
  opacity: 0.75;
  filter: alpha(opacity=75)
}

.line-numbers {
  font-family: monospace, serif;
  list-style: decimal-leading-zero inside;
  white-space: nowrap;
  overflow: auto;
  margin-left: 0
}

.line-numbers code {
  white-space: pre
}

img {
  max-width: 100%
}

img[width],
img[height] {
  max-width: none
}

.img--round {
  border-radius: 4px
}

.img--right {
  float: right;
  margin-bottom: 20px;
  margin-left: 20px
}

.img--left {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px
}

.img--center {
  display: block;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto
}

.img--short {
  height: 100px
}

.img--medium {
  height: 200px
}

.img--tall {
  height: 300px
}

figure>img {
  display: block
}

li>ul,
li>ol {
  margin-bottom: 0
}

.numbered-list {
  list-style-type: decimal
}

.wrapper-dropdown-1 {
  position: relative;
  width: 260px;
  padding: 10px;
  margin: 40px auto;
  font-family: 'Rubik', sans-serif;
  background: #F99402;
  color: #fff;
  outline: none;
  cursor: pointer;
  text-align: center
}

.wrapper-dropdown-1:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -6px;
  border-width: 6px 0 6px 6px;
  border-style: solid;
  border-color: transparent #fff
}

.wrapper-dropdown-1 .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding-left: 0;
  margin: 0;
  background: #F99402;
  list-style: none;
  font-weight: normal;
  z-index: 9999;
  opacity: 0;
  pointer-events: none
}

.wrapper-dropdown-1 .dropdown li a {
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 16px
}

.wrapper-dropdown-1 .dropdown li:hover a {
  background: #00263E
}

.wrapper-dropdown-1.active .dropdown {
  opacity: 1;
  pointer-events: auto
}

.wrapper-dropdown-1.active:after {
  border-color: #fff transparent;
  border-width: 6px 6px 0 6px;
  margin-top: -3px
}

.wrapper-dropdown-1.active {
  background: #F99402
}

.no-opacity .wrapper-dropdown-1 .dropdown,
.no-pointerevents .wrapper-dropdown-1 .dropdown {
  display: none;
  opacity: 1;
  pointer-events: auto
}

.no-opacity .wrapper-dropdown-1.active .dropdown,
.no-pointerevents .wrapper-dropdown-1.active .dropdown {
  display: block
}

table {
  width: 100%
}

th,
td {
  padding: 5px;
  text-align: left
}

@media screen and (min-width: 480px) {

  th,
  td {
    padding: 10px
  }
}

[colspan] {
  text-align: center
}

[colspan="1"] {
  text-align: left
}

[rowspan] {
  vertical-align: middle
}

[rowspan="1"] {
  vertical-align: top
}

.numerical {
  text-align: right
}

.t5 {
  width: 5%
}

.t10 {
  width: 10%
}

.t12 {
  width: 12.5%
}

.t15 {
  width: 15%
}

.t20 {
  width: 20%
}

.t25 {
  width: 25%
}

.t30 {
  width: 30%
}

.t33 {
  width: 33.333%
}

.t35 {
  width: 35%
}

.t37 {
  width: 37.5%
}

.t40 {
  width: 40%
}

.t45 {
  width: 45%
}

.t50 {
  width: 50%
}

.t55 {
  width: 55%
}

.t60 {
  width: 60%
}

.t62 {
  width: 62.5%
}

.t65 {
  width: 65%
}

.t66 {
  width: 66.666%
}

.t70 {
  width: 70%
}

.t75 {
  width: 75%
}

.t80 {
  width: 80%
}

.t85 {
  width: 85%
}

.t87 {
  width: 87.5%
}

.t90 {
  width: 90%
}

.t95 {
  width: 95%
}

.table--bordered th,
.table--bordered td {
  border: 1px solid #ccc
}

.table--bordered th:empty,
.table--bordered td:empty {
  border: none
}

.table--bordered thead tr:last-child th {
  border-bottom-width: 2px
}

.table--bordered tbody tr th:last-of-type {
  border-right-width: 2px
}

.table--striped tbody tr:nth-of-type(odd) {
  background-color: #ffc
}

.table--data {
  font: 12px/1.5 sans-serif
}

fieldset {
  padding: 20px
}

.form-fields {
  list-style: none;
  margin: 0
}

.form-fields>li:last-child {
  margin-bottom: 0
}

label,
.label {
  display: block;
  text-transform: uppercase
}

.additional {
  display: block;
  font-weight: normal
}

.check-list {
  list-style: none;
  margin: 0
}

.check-label,
.check-list label,
.check-list .label {
  display: inline-block
}

.spoken-form label {
  display: inline-block;
  font: inherit
}

.extra-help {
  display: inline-block;
  visibility: hidden
}

.text-input:active+.extra-help,
.text-input:focus+.extra-help {
  visibility: visible
}

.form-fields li label {
  font-size: 18px
}

.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus {
  cursor: text;
  outline: none
}

input[type=text],
input[type=email],
input[type=tel],
textarea,
select {
  width: 100%;
  font-size: 14px !important;
  height: 45px;
  font-weight: 300;
  padding: .5em 1em !important;
  color: #fff !important;
  border: 1px solid #ccc;
  font-weight: 300;
  background-color: #00263E;
  position: sticky
}

textarea {
  min-height: 150px
}

form>ul>li {
  padding-left: 0;
  width: 100%;
  text-align: left
}

#team-grid>div:nth-child(1)>div>form>ul>li:nth-child(1) {
  padding-top: 30px
}

#ez-map {
  margin-bottom: 20px
}

.jobs-form input[type=text],
.jobs-form input[type=email],
.jobs-form input[type=tel],
.jobs-form input[type=file],
.jobs-form textarea,
.jobs-form select {
  width: 100%;
  font-size: 14px;
  height: 45px;
  font-weight: 300;
  padding: .5em 1em;
  color: #000;
  border: 1px solid #ccc;
  font-weight: 300;
  background-color: #D6DBE0;
  position: sticky
}

.sidebar-contact-form input[type=text],
.sidebar-contact-form input[type=email],
.sidebar-contact-form input[type=tel],
.sidebar-contact-form input[type=file],
.sidebar-contact-form textarea,
.sidebar-contact-form select {
  width: 100%;
  font-size: 14px !important;
  height: 45px;
  font-weight: 300;
  padding: .5em 1em;
  color: #000 !important;
  border: 1px solid #ccc;
  font-weight: 300;
  background-color: #fff;
  position: sticky
}

@media (max-width: 960px) {
  #contact>div.container {
    padding: 0 !important
  }

  .form-section {
    margin: 0 20px
  }

  #contact>.container>#page-title>h2 {
    margin-left: 20px
  }

  #ez-map {
    height: 420px !important;
    margin-bottom: 0
  }
}

@media (max-width: 1201px) {
  .form-section>h1 {
    display: inline-block;
    padding-bottom: 5px;
    position: relative;
    font-size: 33px;
    letter-spacing: 5px
  }
}

input[type=submit] {
  cursor: pointer;
  margin: 0;
  padding: .5em 2em;
  color: #333;
  text-transform: uppercase;
  font-size: 16px !important;
  font-weight: 400;
  float: right;
  margin-right: 0px !important;
  border: none;
  background: #F99302
}

::placeholder {
  color: #5a7e96;
  opacity: 1
}

:-ms-input-placeholder {
  color: #5a7e96
}

::-ms-input-placeholder {
  color: #5a7e96
}

.drop {
  width: 230px;
  margin: 40px auto;
  color: #000;
  text-transform: uppercase;
  position: relative;
  transition: width 0.5s;
  will-change: width
}

.drop .option {
  padding: 1em;
  cursor: pointer;
  background-color: #F99402
}

.drop .option:not(.active) {
  display: none;
  opacity: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.drop.visible {
  -webkit-animation: bounce 1s;
  animation: bounce 1s;
  width: 24em
}

.drop.visible:before,
.drop.visible:after {
  border-color: #fff
}

.drop.visible:before {
  opacity: 0
}

.drop.visible:after {
  opacity: 1
}

.drop.visible .option {
  color: #fff;
  display: block
}

.drop.opacity .option {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1
}

.drop.opacity .option:nth-child(0) {
  transition: opacity 0.5s 0s, -webkit-transform 0.5s 0s;
  transition: opacity 0.5s 0s, transform 0.5s 0s;
  transition: opacity 0.5s 0s, transform 0.5s 0s, -webkit-transform 0.5s 0s
}

.drop.opacity .option:nth-child(1) {
  transition: opacity 0.5s 0.1s, -webkit-transform 0.5s 0.1s;
  transition: opacity 0.5s 0.1s, transform 0.5s 0.1s;
  transition: opacity 0.5s 0.1s, transform 0.5s 0.1s, -webkit-transform 0.5s 0.1s
}

.drop.opacity .option:nth-child(2) {
  transition: opacity 0.5s 0.2s, -webkit-transform 0.5s 0.2s;
  transition: opacity 0.5s 0.2s, transform 0.5s 0.2s;
  transition: opacity 0.5s 0.2s, transform 0.5s 0.2s, -webkit-transform 0.5s 0.2s
}

.drop.opacity .option:nth-child(3) {
  transition: opacity 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
  transition: opacity 0.5s 0.3s, transform 0.5s 0.3s;
  transition: opacity 0.5s 0.3s, transform 0.5s 0.3s, -webkit-transform 0.5s 0.3s
}

.drop.opacity .option:nth-child(4) {
  transition: opacity 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
  transition: opacity 0.5s 0.4s, transform 0.5s 0.4s;
  transition: opacity 0.5s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s
}

.drop.opacity .option:nth-child(5) {
  transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
  transition: opacity 0.5s 0.5s, transform 0.5s 0.5s;
  transition: opacity 0.5s 0.5s, transform 0.5s 0.5s, -webkit-transform 0.5s 0.5s
}

.drop.opacity .option:nth-child(6) {
  transition: opacity 0.5s 0.6s, -webkit-transform 0.5s 0.6s;
  transition: opacity 0.5s 0.6s, transform 0.5s 0.6s;
  transition: opacity 0.5s 0.6s, transform 0.5s 0.6s, -webkit-transform 0.5s 0.6s
}

.drop.opacity .option:nth-child(7) {
  transition: opacity 0.5s 0.7s, -webkit-transform 0.5s 0.7s;
  transition: opacity 0.5s 0.7s, transform 0.5s 0.7s;
  transition: opacity 0.5s 0.7s, transform 0.5s 0.7s, -webkit-transform 0.5s 0.7s
}

.drop.opacity .option:nth-child(8) {
  transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: opacity 0.5s 0.8s, transform 0.5s 0.8s;
  transition: opacity 0.5s 0.8s, transform 0.5s 0.8s, -webkit-transform 0.5s 0.8s
}

.drop.opacity .option:nth-child(9) {
  transition: opacity 0.5s 0.9s, -webkit-transform 0.5s 0.9s;
  transition: opacity 0.5s 0.9s, transform 0.5s 0.9s;
  transition: opacity 0.5s 0.9s, transform 0.5s 0.9s, -webkit-transform 0.5s 0.9s
}

.drop.withBG .option {
  transition: background-color 0.1s
}

.drop.withBG .option:not(.placeholder):hover {
  background-color: #00263E
}

.drop.withBG .option:not(.placeholder).active {
  background-color: #00263E
}

.drop:after,
.drop:before {
  content: "";
  position: absolute;
  top: 1.5em;
  right: 1em;
  width: 0.75em;
  height: 0.75em;
  border: 0.2em solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transition: opacity 0.2s
}

.drop:before {
  border-left: none;
  border-top: none;
  top: 1.2em
}

.drop:after {
  border-right: none;
  border-bottom: none;
  opacity: 0
}

.mini-hack {
  opacity: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.inline-form li {
  display: inline-block;
  margin-right: 20px
}

.inline-form li label {
  text-align: left
}

.inline-form li input:not([type='submit']) {
  background-color: #fff;
  color: black !important
}

.inline-form li:nth-child(1),
.inline-form li:nth-child(2),
.inline-form li:nth-child(3) {
  width: 28%
}

.inline-form li:last-child {
  width: 7%
}

@media screen and (max-width: 960px) {
  .inline-form li:last-child {
    width: 100%
  }
}

.inline-form li:last-child input {
  float: none;
  padding: .8em 2em
}

@media screen and (max-width: 1200px) {

  .inline-form li:nth-child(1),
  .inline-form li:nth-child(2) {
    width: 40%
  }
}

@media screen and (max-width: 992px) {

  .inline-form li:nth-child(1),
  .inline-form li:nth-child(2),
  .inline-form li:nth-child(3) {
    width: 100%
  }
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #fff;
  color: #000;
  background-image: none
}

.select {
  position: relative;
  display: block;
  width: 100%;
  height: 3em;
  line-height: 3;
  background: #fff
}

select {
  width: 100%;
  height: initial;
  margin: 0;
  padding: 0 0 0 .5em;
  color: #000 !important;
  cursor: pointer
}

select::-ms-expand {
  display: none
}

.select::after {
  content: '\25bc';
  position: absolute;
  top: 0;
  color: #000;
  right: 0;
  bottom: 0;
  padding: 0 1em;
  background: #fff;
  pointer-events: none
}

.select:hover::after {
  color: #000
}

.select::after {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease
}

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: transparent !important;
  margin-bottom: 0px !important;
  border-top: none !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  box-sizing: border-box
}

@media only screen and (min-width: 641px) {
  .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0 !important
  }
}

.gform_wrapper .field_description_below .gfield_description {
  font-size: 16px;
  padding-top: 1px !important
}

.gform_wrapper div.validation_error {
  color: #790000;
  font-size: 18px !important;
  font-weight: 500 !important;
  margin-bottom: 0 !important;
  border-top: none !important;
  border-bottom: none !important;
  padding: 0 !important;
  clear: both;
  width: 100%;
  text-align: left !important
}

.gform_confirmation_message {
  font-size: 18px;
  color: #00AC69
}

.gform_wrapper .validation_message {
  font-weight: 400 !important
}

.gform_wrapper .gfield_required {
  display: none
}

#gform_wrapper_2 ul li.gfield {
  margin-top: 0 !important
}

.gform_wrapper {
  margin: 0 !important
}

.grid {
  /* margin-left: -20px; */
  list-style: none;
  margin-bottom: 0
}

.grid>.grid {
  margin-left: 0
}

.grid__item {
  display: inline-block;
  vertical-align: top
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

@media (min-width: 768px) {
  .container {
    width: 750px
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px
  }
}

.flexbox {
  display: table;
  width: 100%
}

html.flexbox {
  display: block;
  width: auto
}

.flexbox__item {
  display: table-cell;
  vertical-align: middle
}

.nav {
  list-style: none;
  margin-left: 0
}

.nav>li,
.nav>li>a {
  display: inline-block;
  *display: inline;
  zoom: 1
}

.nav--stacked>li {
  display: list-item
}

.nav--stacked>li>a {
  display: block
}

.nav--banner {
  text-align: center
}

.nav--block {
  line-height: 1;
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
  white-space: nowrap
}

.nav--block>li {
  letter-spacing: normal;
  word-spacing: normal
}

.nav--block>li>a {
  padding: 10px
}

.nav--fit {
  display: table;
  width: 100%
}

.nav--fit>li {
  display: table-cell
}

.nav--fit>li>a {
  display: block
}

header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9999999;
  background-color: #00263E
}

.logo {
  position: relative;
  z-index: 123;
  padding: 10px;
  font: 18px verdana;
  color: #6ddb07;
  float: left;
  width: 15%;
  display: none
}

.logo a img {
  width: 80px
}

@media screen and (max-width: 1459px) {
  .logo {
    display: block
  }
}

nav {
  position: relative
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #head-mobile {
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  margin: 0;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

#cssmenu ul li.current-menu-item a {
  color: #F99402
}

#cssmenu:after,
#cssmenu>ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

#cssmenu #head-mobile {
  display: none
}

#cssmenu {
  font-family: 'Rubik', sans-serif;
  background-color: #00263E
}

#cssmenu>ul>li {
  float: left
}

#cssmenu>ul>li>a {
  padding: 51px 17px;
  font-size: 16px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #ddd;
  text-transform: uppercase;
  font-weight: 400
}

#cssmenu>ul>li:first-child>a {
  padding-left: 50px
}

#cssmenu>ul>li:hover>a,
.current_page_ancestor>a,
.single-jobs .site>.site-content>header>nav>ul .menu-item-380>a,
.single-post .site>.site-content>header>nav>ul .menu-item-1812>a {
  color: #F99402 !important
}

.current_page_ancestor>a:after,
.current_page_ancestor>a:before,
#cssmenu ul li.current-menu-item a:after,
#cssmenu ul li.current-menu-item a:before {
  background-color: #F99402 !important
}

#cssmenu>ul>li:hover,
#cssmenu ul li.active:hover,
#cssmenu ul li.active,
#cssmenu ul li.has-sub.active:hover {
  color: #F99402;
  -webkit-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  transition: background 0.3s ease
}

#cssmenu>ul>li.has-sub>a {
  padding-right: 30px
}

#cssmenu>ul>li.has-sub>a:after {
  position: absolute;
  top: 57px;
  right: 17px;
  width: 8px;
  height: 2px;
  display: block;
  background: #ddd;
  content: ""
}

#cssmenu>ul>li.has-sub>a:before {
  position: absolute;
  top: 54px;
  right: 20px;
  display: block;
  width: 2px;
  height: 8px;
  background: #ddd;
  content: "";
  -webkit-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease
}

#cssmenu>ul>li.has-sub:hover>a:before {
  top: 54px;
  height: 0
}

#cssmenu>ul>li.has-sub:hover>a:before,
#cssmenu>ul>li.has-sub:hover>a:after {
  background: #F99402
}

#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  margin-left: 20px;
  margin-top: -20px
}

#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  background: #00263E;
  transition: all 0.25s ease
}

#cssmenu ul ul li a:hover {
  color: #F99402 !important
}

#cssmenu li:hover>ul {
  left: auto
}

#cssmenu li:hover>ul>li {
  height: auto
}

#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0
}

#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 170px;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase
}

#cssmenu ul ul li:last-child>a,
#cssmenu ul ul li.last-item>a {
  border-bottom: 0
}

#cssmenu ul ul li:hover>a,
#cssmenu ul ul li a:hover {
  color: #fff
}

#cssmenu ul ul li.has-sub>a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #ddd;
  content: ""
}

#cssmenu ul ul li.has-sub>a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #ddd;
  content: "";
  -webkit-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease
}

#cssmenu ul li.active.has-sub>a:before,
#cssmenu ul li.active.has-sub>a:after {
  background: #F99402
}

#cssmenu ul ul>li.has-sub:hover>a:before {
  top: 17px;
  height: 0
}

#cssmenu ul ul li.has-sub:hover,
#cssmenu ul li.has-sub ul li.has-sub ul li:hover {
  background: #363636
}

#cssmenu ul ul ul li.active a {
  border-left: 1px solid #333
}

#cssmenu>ul>li.has-sub>ul>li.active>a,
#cssmenu>ul ul>li.has-sub>ul>li.active>a {
  border-top: 1px solid #333
}

@media screen and (max-width: 1459px) {
  .logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 46px;
    text-align: center;
    padding: 10px 0 0 0;
    float: none
  }

  .logo2 {
    display: none
  }

  nav {
    width: 100%
  }

  #cssmenu {
    width: 100%
  }

  #cssmenu ul {
    width: 100%;
    display: none
  }

  #cssmenu ul li {
    width: 100%;
    border-top: 1px solid #444
  }

  #cssmenu ul ul li,
  #cssmenu li:hover>ul>li {
    height: auto
  }

  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
    padding: 15px
  }

  #cssmenu>ul>li:first-child>a {
    padding-left: 15px
  }

  #cssmenu>ul>li {
    float: none
  }

  #cssmenu ul ul li a {
    padding-left: 25px;
    font-size: 14px
  }

  #cssmenu ul ul li {
    background: #00263E !important
  }

  #cssmenu ul ul li:hover {
    color: #F99402 !important
  }

  #cssmenu ul ul ul li a {
    padding-left: 35px;
    text-transform: uppercase
  }

  #cssmenu ul ul li a {
    color: #ddd;
    background: none
  }

  #cssmenu ul ul li:hover>a,
  #cssmenu ul ul li.active>a {
    color: #F99402
  }

  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left
  }

  #cssmenu>ul>li.has-sub>a:after,
  #cssmenu>ul>li.has-sub>a:before,
  #cssmenu ul ul>li.has-sub>a:after,
  #cssmenu ul ul>li.has-sub>a:before {
    display: none
  }

  #cssmenu #head-mobile {
    display: block;
    padding: 23px;
    color: #ddd;
    font-size: 12px;
    height: 80px;
    font-weight: 700
  }

  .button-nav {
    width: 55px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 18px;
    cursor: pointer;
    z-index: 12399994
  }

  .button-nav:after {
    position: absolute;
    top: 22px;
    right: 20px;
    display: block;
    height: 8px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: ""
  }

  .button-nav:before {
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    top: 16px;
    right: 20px;
    display: block;
    height: 2px;
    width: 20px;
    background: #ddd;
    content: ""
  }

  .button-nav.menu-opened:after {
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    top: 23px;
    border: 0;
    height: 2px;
    width: 19px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
  }

  .button-nav.menu-opened:before {
    top: 23px;
    background: #fff;
    width: 19px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid #444;
    height: 46px;
    width: 46px;
    cursor: pointer
  }

  #cssmenu .submenu-button.submenu-opened {
    background: #00263E
  }

  #cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px
  }

  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: ""
  }

  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px
  }

  #cssmenu .submenu-button.submenu-opened:after {
    background: #fff
  }

  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: ""
  }

  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px
  }

  #cssmenu .submenu-button.submenu-opened:before {
    display: none
  }

  #cssmenu ul ul ul li.active a {
    border-left: none
  }

  #cssmenu>ul>li.has-sub>ul>li.active>a,
  #cssmenu>ul ul>li.has-sub>ul>li.active>a {
    border-top: none
  }
}

.topnav-centered a {
  float: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.topnav-centered a img {
  height: 80px
}

@media screen and (max-width: 1459px) {

  .topnav-centered a,
  .topnav-right {
    display: none
  }
}

.topnav-right {
  float: right;
  margin-top: -80px;
  text-align: right;
  margin-right: 50px
}

.topnav-right>a {
  text-align: right;
  margin-top: -15px;
  padding-right: 0px;
  font-size: 11px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase
}

.topnav-right>a>span {
  font-size: 24px
}

.right-tel-link {
  position: relative
}

#cssmenu .mobile-social-media-links {
  display: none
}

#cssmenu .mobile-social-media-links a img {
  width: 25px;
  margin-right: 2px
}

@media screen and (max-width: 1459px) {
  #cssmenu .mobile-social-media-links {
    display: block;
    position: absolute;
    left: 20px;
    top: 25px;
    z-index: 9999
  }
}

.current_page_ancestor ul.sub-menu>li.current-menu-item>a,
.parent-pageid-514>.site>.site-content>header>nav>ul #menu-item-1812>a {
  color: #F99402 !important
}

.pagination {
  display: inline-block
}

.pagination a,
.pagination span {
  color: #00536C;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  background: #E5EEF0;
  margin-left: 5px;
  font-size: 16px
}

.pagination a.active,
.pagination span {
  background: #0D2637;
  color: white !important
}

.support-centre-pagination a.active,
.support-centre-pagination span {
  background: #0D2637 !important
}

.pagination a:hover:not(.active) {
  background-color: #00536C;
  color: white !important
}

.support-centre-pagination a:hover:not(.active) {
  background: #0D2637;
  color: white !important
}

.breadcrumb>li+li:before {
  content: "\00BB""\00A0"
}

.breadcrumb--path>li+li:before {
  content: "\002F""\00A0"
}

.breadcrumb>li+li[data-breadcrumb]:before {
  content: attr(data-breadcrumb) " "
}

.breadcrumb__root {
  font-weight: bold
}

.media {
  display: block
}

.media__img {
  float: left;
  margin-right: 20px
}

.media__img--rev {
  float: right;
  margin-left: 20px
}

.media__img img,
.media__img--rev img {
  display: block
}

.media__body {
  overflow: hidden
}

.media__body,
.media__body>:last-child {
  margin-bottom: 0
}

.islet .media__img {
  margin-right: 10px
}

.islet .media__img--rev {
  margin-left: 10px
}

.split {
  text-align: right;
  list-style: none;
  margin-left: 0
}

.split__title {
  text-align: left;
  float: left;
  clear: left
}

button:focus {
  outline: 0
}

.button {
  background-color: #4CAF50;
  border: none;
  text-transform: uppercase;
  font-weight: medium;
  color: #000;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer
}

.button-orange {
  background-color: #F99302
}

.content {
  position: relative;
  max-width: 100%;
  width: 100%;
  margin: auto;
  overflow: hidden;
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

.work-for-us-content {
  position: relative;
  max-width: 100%;
  width: 100%;
  margin: auto;
  overflow: hidden;
  height: 250px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

.widget-facebook {
  height: 620px;
  width: 350px !important
}

.widget-instagram {
  height: 620px;
  width: 350px !important;
  background-color: #FFFFFF;
  border-style: solid;
}

.widget-tiktok {
  height: 620px;
  width: 350px !important;
  background-color: #FFFFFF;
  border-style: solid;
}

.one {
  width: 100%;
  height: 70vh;
  overflow: hidden;
  position: relative
}

.video-background {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1
}

#video-contact-buttons {
  position: absolute;
  bottom: 35%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%)
}

.video-wraps {
  position: relative;
  padding-bottom: 54vh;
  padding-top: 25px;
  height: 0;
  margin: 0 auto
}

.video-wraps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100vh
}

#video-logo {
  width: 590px;
  padding: 30px
}

#sector-grids .grid {
  margin-top: -15px
}

#sector-grids .grid__item {
  vertical-align: initial
}

#sector-grids .grid__item .section-grid {
  height: 350px;
  background-position: center;
  background-size: cover;
  position: relative
}

#sector-grids .grid__item .section-grid h3 {
  position: absolute;
  bottom: 10%;
  left: 50%;
  line-height: 60px;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: 42px;
  max-width: 300px;
  height: 120px;
  text-transform: uppercase
}

#sector-grids .grid__item:not(:nth-child(1)):not(:nth-child(4)) {
  padding-left: 0px !important
}

@media screen and (max-width: 960px) {
  #sector-grids .grid__item:not(:nth-child(1)):not(:nth-child(4)) {
    padding-left: 20px !important;
    width: 100%;
  }
}

.employee-details {
  color: #fff;
  padding: 20px;
  position: relative
}

.employee-details h3 {
  color: #fff;
  margin-bottom: 5px;
  text-transform: uppercase
}

.employee-details p {
  font-size: 16px;
  margin-bottom: 0;
  text-transform: uppercase
}

.employee-details:before {
  background: #d8046b;
  content: '';
  height: 4px;
  margin-right: 17px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 20px
}

.employee-details:after {
  background: #d8046b;
  content: '';
  height: 4px;
  margin-right: 17px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 20px
}

.employee-details.active:before {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg)
}

.acc_ctrl.active h2,
.acc_ctrl:focus h2 {
  position: relative
}

.acc_panel {
  background: #000;
  color: #fff;
  font-size: 16px;
  padding: 40px;
  display: none;
  overflow: hidden
}

ul.accordion {
  list-style: none;
  padding: 0;
  margin: 0
}

ul.accordion .inner {
  padding: 40px 40px 20px;
  overflow: hidden;
  display: none;
  background-color: #D8046A
}

ul.accordion .inner p {
  font-size: 16px;
  color: #fff
}

ul.accordion li {
  margin: .5em 0
}

ul.accordion li a.toggle {
  width: 100%;
  display: block;
  color: #fefefe;
  padding: .75em;
  text-decoration: none;
  border-radius: 0.15em
}

.team-grid .grid__item {
  vertical-align: top !important
}

.image-overlay {
  position: relative
}

.selfie-image {
  display: block;
  height: auto
}

.overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #003250;
  border-radius: 50%
}

.adam-background {
  background-color: #009640
}

.mollie-background {
  background-color: #F39200
}

.dom-background {
  background-color: #A3195B
}

.image-overlay:hover .overlay {
  opacity: 0.7
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  opacity: 1
}

.text a,
.text a:visited,
.text a:hover {
  color: #ffffff
}

@media (min-width: 1775px) {
  .overlay {
    height: 190px;
    width: 190px
  }
}

@media screen and (max-width: 960px) {
  .overlay {
    height: 190px;
    width: 190px
  }
}

.job-contact-info {
  text-align: center
}

.job-contact-info h4 {
  margin-bottom: 30px
}

.jobs-form {
  height: 700px
}

@media screen and (max-width: 960px) {
  .jobs-form {
    height: 400px
  }
}

.job-post h3 {
  font-size: 24px;
  font-weight: 500;
  color: #000;
  text-transform: uppercase
}

.job-post h4 {
  font-size: 12px;
  color: #658192;
  text-transform: uppercase
}

.job-info {
  margin-bottom: 60px;
  margin-top: -22px
}

.job-info p {
  font-size: 16px
}

.job-info .salary {
  font-weight: 500
}

@media screen and (max-width: 960px) {
  .job-info {
    margin-top: -14px
  }
}

.main-job-details h1 {
  font-size: 48px;
  color: #9ebaca;
  margin-bottom: 60px;
  text-transform: uppercase
}

.main-job-details h4 {
  font-size: 18px;
  text-transform: uppercase
}

.one-whole {
  width: 100%
}

.one-half,
.two-quarters,
.three-sixths,
.four-eighths,
.five-tenths,
.six-twelfths {
  width: 50%
}

.one-third,
.two-sixths,
.four-twelfths {
  width: 33.333%
}

.two-thirds,
.four-sixths,
.eight-twelfths {
  width: 66.666%
}

.one-quarter,
.two-eighths,
.three-twelfths {
  width: 25%
}

.three-quarters,
.six-eighths,
.nine-twelfths {
  width: 75%
}

.one-fifth,
.two-tenths {
  width: 20%
}

.two-fifths,
.four-tenths {
  width: 40%
}

.three-fifths,
.six-tenths {
  width: 60%
}

.four-fifths,
.eight-tenths {
  width: 80%
}

.one-sixth,
.two-twelfths {
  width: 16.666%
}

.five-sixths,
.ten-twelfths {
  width: 83.333%
}

.one-eighth {
  width: 12.5%
}

.three-eighths {
  width: 37.5%
}

.five-eighths {
  width: 62.5%
}

.seven-eighths {
  width: 87.5%
}

.one-tenth {
  width: 10%
}

.three-tenths {
  width: 30%
}

.seven-tenths {
  width: 70%
}

.nine-tenths {
  width: 90%
}

.one-twelfth {
  width: 8.333%
}

.five-twelfths {
  width: 41.666%
}

.seven-twelfths {
  width: 58.333%
}

.eleven-twelfths {
  width: 91.666%
}

@media only screen and (max-width: 668px) {
  .palm-one-whole {
    width: 100%
  }

  .palm-one-half,
  .palm-two-quarters,
  .palm-three-sixths,
  .palm-four-eighths,
  .palm-five-tenths,
  .palm-six-twelfths {
    width: 50%
  }

  .palm-one-third,
  .palm-two-sixths,
  .palm-four-twelfths {
    width: 33.333%
  }

  .palm-two-thirds,
  .palm-four-sixths,
  .palm-eight-twelfths {
    width: 66.666%
  }

  .palm-one-quarter,
  .palm-two-eighths,
  .palm-three-twelfths {
    width: 25%
  }

  .palm-three-quarters,
  .palm-six-eighths,
  .palm-nine-twelfths {
    width: 75%
  }

  .palm-one-fifth,
  .palm-two-tenths {
    width: 20%
  }

  .palm-two-fifths,
  .palm-four-tenths {
    width: 40%
  }

  .palm-three-fifths,
  .palm-six-tenths {
    width: 60%
  }

  .palm-four-fifths,
  .palm-eight-tenths {
    width: 80%
  }

  .palm-one-sixth,
  .palm-two-twelfths {
    width: 16.666%
  }

  .palm-five-sixths,
  .palm-ten-twelfths {
    width: 83.333%
  }

  .palm-one-eighth {
    width: 12.5%
  }

  .palm-three-eighths {
    width: 37.5%
  }

  .palm-five-eighths {
    width: 62.5%
  }

  .palm-seven-eighths {
    width: 87.5%
  }

  .palm-one-tenth {
    width: 10%
  }

  .palm-three-tenths {
    width: 30%
  }

  .palm-seven-tenths {
    width: 70%
  }

  .palm-nine-tenths {
    width: 90%
  }

  .palm-one-twelfth {
    width: 8.333%
  }

  .palm-five-twelfths {
    width: 41.666%
  }

  .palm-seven-twelfths {
    width: 58.333%
  }

  .palm-eleven-twelfths {
    width: 91.666%
  }
}

@media only screen and (min-width: 669px) and (max-width: 959px) {
  .lap-one-whole {
    width: 100%
  }

  .lap-one-half,
  .lap-two-quarters,
  .lap-three-sixths,
  .lap-four-eighths,
  .lap-five-tenths,
  .lap-six-twelfths {
    width: 50%
  }

  .lap-one-third,
  .lap-two-sixths,
  .lap-four-twelfths {
    width: 33.333%
  }

  .lap-two-thirds,
  .lap-four-sixths,
  .lap-eight-twelfths {
    width: 66.666%
  }

  .lap-one-quarter,
  .lap-two-eighths,
  .lap-three-twelfths {
    width: 25%
  }

  .lap-three-quarters,
  .lap-six-eighths,
  .lap-nine-twelfths {
    width: 75%
  }

  .lap-one-fifth,
  .lap-two-tenths {
    width: 20%
  }

  .lap-two-fifths,
  .lap-four-tenths {
    width: 40%
  }

  .lap-three-fifths,
  .lap-six-tenths {
    width: 60%
  }

  .lap-four-fifths,
  .lap-eight-tenths {
    width: 80%
  }

  .lap-one-sixth,
  .lap-two-twelfths {
    width: 16.666%
  }

  .lap-five-sixths,
  .lap-ten-twelfths {
    width: 83.333%
  }

  .lap-one-eighth {
    width: 12.5%
  }

  .lap-three-eighths {
    width: 37.5%
  }

  .lap-five-eighths {
    width: 62.5%
  }

  .lap-seven-eighths {
    width: 87.5%
  }

  .lap-one-tenth {
    width: 10%
  }

  .lap-three-tenths {
    width: 30%
  }

  .lap-seven-tenths {
    width: 70%
  }

  .lap-nine-tenths {
    width: 90%
  }

  .lap-one-twelfth {
    width: 8.333%
  }

  .lap-five-twelfths {
    width: 41.666%
  }

  .lap-seven-twelfths {
    width: 58.333%
  }

  .lap-eleven-twelfths {
    width: 91.666%
  }
}

@media only screen and (min-width: 669px) {
  .lap-and-up-one-whole {
    width: 100%
  }

  .lap-and-up-one-half,
  .lap-and-up-two-quarters,
  .lap-and-up-three-sixths,
  .lap-and-up-four-eighths,
  .lap-and-up-five-tenths,
  .lap-and-up-six-twelfths {
    width: 50%
  }

  .lap-and-up-one-third,
  .lap-and-up-two-sixths,
  .lap-and-up-four-twelfths {
    width: 33.333%
  }

  .lap-and-up-two-thirds,
  .lap-and-up-four-sixths,
  .lap-and-up-eight-twelfths {
    width: 66.666%
  }

  .lap-and-up-one-quarter,
  .lap-and-up-two-eighths,
  .lap-and-up-three-twelfths {
    width: 25%
  }

  .lap-and-up-three-quarters,
  .lap-and-up-six-eighths,
  .lap-and-up-nine-twelfths {
    width: 75%
  }

  .lap-and-up-one-fifth,
  .lap-and-up-two-tenths {
    width: 20%
  }

  .lap-and-up-two-fifths,
  .lap-and-up-four-tenths {
    width: 40%
  }

  .lap-and-up-three-fifths,
  .lap-and-up-six-tenths {
    width: 60%
  }

  .lap-and-up-four-fifths,
  .lap-and-up-eight-tenths {
    width: 80%
  }

  .lap-and-up-one-sixth,
  .lap-and-up-two-twelfths {
    width: 16.666%
  }

  .lap-and-up-five-sixths,
  .lap-and-up-ten-twelfths {
    width: 83.333%
  }

  .lap-and-up-one-eighth {
    width: 12.5%
  }

  .lap-and-up-three-eighths {
    width: 37.5%
  }

  .lap-and-up-five-eighths {
    width: 62.5%
  }

  .lap-and-up-seven-eighths {
    width: 87.5%
  }

  .lap-and-up-one-tenth {
    width: 10%
  }

  .lap-and-up-three-tenths {
    width: 30%
  }

  .lap-and-up-seven-tenths {
    width: 70%
  }

  .lap-and-up-nine-tenths {
    width: 90%
  }

  .lap-and-up-one-twelfth {
    width: 8.333%
  }

  .lap-and-up-five-twelfths {
    width: 41.666%
  }

  .lap-and-up-seven-twelfths {
    width: 58.333%
  }

  .lap-and-up-eleven-twelfths {
    width: 91.666%
  }
}

@media only screen and (max-width: 959px) {
  .portable-one-whole {
    width: 100%
  }

  .portable-one-half,
  .portable-two-quarters,
  .portable-three-sixths,
  .portable-four-eighths,
  .portable-five-tenths,
  .portable-six-twelfths {
    width: 50%
  }

  .portable-one-third,
  .portable-two-sixths,
  .portable-four-twelfths {
    width: 33.333%
  }

  .portable-two-thirds,
  .portable-four-sixths,
  .portable-eight-twelfths {
    width: 66.666%
  }

  .portable-one-quarter,
  .portable-two-eighths,
  .portable-three-twelfths {
    width: 25%
  }

  .portable-three-quarters,
  .portable-six-eighths,
  .portable-nine-twelfths {
    width: 75%
  }

  .portable-one-fifth,
  .portable-two-tenths {
    width: 20%
  }

  .portable-two-fifths,
  .portable-four-tenths {
    width: 40%
  }

  .portable-three-fifths,
  .portable-six-tenths {
    width: 60%
  }

  .portable-four-fifths,
  .portable-eight-tenths {
    width: 80%
  }

  .portable-one-sixth,
  .portable-two-twelfths {
    width: 16.666%
  }

  .portable-five-sixths,
  .portable-ten-twelfths {
    width: 83.333%
  }

  .portable-one-eighth {
    width: 12.5%
  }

  .portable-three-eighths {
    width: 37.5%
  }

  .portable-five-eighths {
    width: 62.5%
  }

  .portable-seven-eighths {
    width: 87.5%
  }

  .portable-one-tenth {
    width: 10%
  }

  .portable-three-tenths {
    width: 30%
  }

  .portable-seven-tenths {
    width: 70%
  }

  .portable-nine-tenths {
    width: 90%
  }

  .portable-one-twelfth {
    width: 8.333%
  }

  .portable-five-twelfths {
    width: 41.666%
  }

  .portable-seven-twelfths {
    width: 58.333%
  }

  .portable-eleven-twelfths {
    width: 91.666%
  }
}

@media only screen and (min-width: 960px) {
  .desk-one-whole {
    width: 100%
  }

  .desk-one-half,
  .desk-two-quarters,
  .desk-three-sixths,
  .desk-four-eighths,
  .desk-five-tenths,
  .desk-six-twelfths {
    width: 50%
  }

  .desk-one-third,
  .desk-two-sixths,
  .desk-four-twelfths {
    width: 33.333%
  }

  .desk-two-thirds,
  .desk-four-sixths,
  .desk-eight-twelfths {
    width: 66.666%
  }

  .desk-one-quarter,
  .desk-two-eighths,
  .desk-three-twelfths {
    width: 25%
  }

  .desk-three-quarters,
  .desk-six-eighths,
  .desk-nine-twelfths {
    width: 75%
  }

  .desk-one-fifth,
  .desk-two-tenths {
    width: 20%
  }

  .desk-two-fifths,
  .desk-four-tenths {
    width: 40%
  }

  .desk-three-fifths,
  .desk-six-tenths {
    width: 60%
  }

  .desk-four-fifths,
  .desk-eight-tenths {
    width: 80%
  }

  .desk-one-sixth,
  .desk-two-twelfths {
    width: 16.666%
  }

  .desk-five-sixths,
  .desk-ten-twelfths {
    width: 83.333%
  }

  .desk-one-eighth {
    width: 12.5%
  }

  .desk-three-eighths {
    width: 37.5%
  }

  .desk-five-eighths {
    width: 62.5%
  }

  .desk-seven-eighths {
    width: 87.5%
  }

  .desk-one-tenth {
    width: 10%
  }

  .desk-three-tenths {
    width: 30%
  }

  .desk-seven-tenths {
    width: 70%
  }

  .desk-nine-tenths {
    width: 90%
  }

  .desk-one-twelfth {
    width: 8.333%
  }

  .desk-five-twelfths {
    width: 41.666%
  }

  .desk-seven-twelfths {
    width: 58.333%
  }

  .desk-eleven-twelfths {
    width: 91.666%
  }
}

.brand {
  font-family: Rubik, sans-serif !important;
  color: #4a8ec2 !important
}

.brand-face {
  font-family: Rubik, sans-serif !important
}

.brand-color,
.brand-colour {
  color: #4a8ec2 !important
}

.float--right {
  float: right !important
}

.float--left {
  float: left !important
}

.float--none {
  float: none !important
}

.text--left {
  text-align: left !important
}

.text--center {
  text-align: center !important
}

.text--right {
  text-align: right !important
}

.weight--light {
  font-weight: 300 !important
}

.weight--normal {
  font-weight: 400 !important
}

.weight--semibold {
  font-weight: 600 !important
}

.push {
  margin: 20px !important
}

.push--top {
  margin-top: 20px !important
}

.push--right {
  margin-right: 20px !important
}

.push--bottom {
  margin-bottom: 20px !important
}

.push--left {
  margin-left: 20px !important
}

.push--ends {
  margin-top: 20px !important;
  margin-bottom: 20px !important
}

.push--sides {
  margin-right: 20px !important;
  margin-left: 20px !important
}

.push-half {
  margin: 10px !important
}

.push-half--top {
  margin-top: 10px !important
}

.push-half--right {
  margin-right: 10px !important
}

.push-half--bottom {
  margin-bottom: 10px !important
}

.push-half--left {
  margin-left: 10px !important
}

.push-half--ends {
  margin-top: 10px !important;
  margin-bottom: 10px !important
}

.push-half--sides {
  margin-right: 10px !important;
  margin-left: 10px !important
}

.flush {
  margin: 0 !important
}

.flush--top {
  margin-top: 0 !important
}

.flush--right {
  margin-right: 0 !important
}

.flush--bottom {
  margin-bottom: 0 !important
}

.flush--left {
  margin-left: 0 !important
}

.flush--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.flush--sides {
  margin-right: 0 !important;
  margin-left: 0 !important
}

.soft {
  padding: 20px !important
}

.soft--top {
  padding-top: 20px !important
}

.soft--right {
  padding-right: 20px !important
}

.soft--bottom {
  padding-bottom: 20px !important
}

.soft--left {
  padding-left: 20px !important
}

.soft--ends {
  padding-top: 20px !important;
  padding-bottom: 20px !important
}

.soft--sides {
  padding-right: 20px !important;
  padding-left: 20px !important
}

.soft-half {
  padding: 10px !important
}

.soft-half--top {
  padding-top: 10px !important
}

.soft-half--right {
  padding-right: 10px !important
}

.soft-half--bottom {
  padding-bottom: 10px !important
}

.soft-half--left {
  padding-left: 10px !important
}

.soft-half--ends {
  padding-top: 10px !important;
  padding-bottom: 10px !important
}

.soft-half--sides {
  padding-right: 10px !important;
  padding-left: 10px !important
}

.hard {
  padding: 0 !important
}

.hard--top {
  padding-top: 0 !important
}

.hard--right {
  padding-right: 0 !important
}

.hard--bottom {
  padding-bottom: 0 !important
}

.hard--left {
  padding-left: 0 !important
}

.hard--ends {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.hard--sides {
  padding-right: 0 !important;
  padding-left: 0 !important
}

.full-bleed {
  margin-right: -20px !important;
  margin-left: -20px !important
}

.islet .full-bleed {
  margin-right: -10px !important;
  margin-left: -10px !important
}

.informative {
  cursor: help !important
}

.muted {
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important
}

.proceed {
  text-align: right !important
}

.go:after {
  content: " ""»" !important
}

.caps {
  text-transform: uppercase !important
}

.accessibility,
.visuallyhidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important
}

@media only screen and (max-width: 668px) {

  .accessibility--palm,
  .visuallyhidden--palm {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
  }
}

@media only screen and (min-width: 669px) and (max-width: 959px) {

  .accessibility--lap,
  .visuallyhidden--lap {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
  }
}

@media only screen and (min-width: 669px) {

  .accessibility--lap-and-up,
  .visuallyhidden--lap-and-up {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
  }
}

@media only screen and (max-width: 959px) {

  .accessibility--portable,
  .visuallyhidden--portable {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
  }
}

@media only screen and (min-width: 960px) {

  .accessibility--desk,
  .visuallyhidden--desk {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
  }
}

@media only screen and (min-width: 1201px) {

  .accessibility--desk-wide,
  .visuallyhidden--desk-wide {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
  }
}

.p-0 {
  padding: 0px
}

.p-3 {
  padding: 3px
}

.p-5 {
  padding: 5px
}

.p-10 {
  padding: 10px
}

.p-15 {
  padding: 15px
}

.p-20 {
  padding: 20px
}

.p-25 {
  padding: 25px
}

.p-30 {
  padding: 30px
}

.p-35 {
  padding: 35px
}

.p-40 {
  padding: 40px
}

.p-45 {
  padding: 45px
}

.p-50 {
  padding: 50px
}

.pt-0 {
  padding-top: 0px
}

.pt-3 {
  padding-top: 3px
}

.pt-5 {
  padding-top: 5px
}

.pt-10 {
  padding-top: 10px
}

.pt-15 {
  padding-top: 15px
}

.pt-20 {
  padding-top: 20px
}

.pt-25 {
  padding-top: 25px
}

.pt-30 {
  padding-top: 30px
}

.pt-35 {
  padding-top: 35px
}

.pt-40 {
  padding-top: 40px
}

.pt-45 {
  padding-top: 45px
}

.pt-50 {
  padding-top: 50px
}

.pr-0 {
  padding-right: 0px
}

.pr-3 {
  padding-right: 3px
}

.pr-5 {
  padding-right: 5px
}

.pr-10 {
  padding-right: 10px
}

.pr-15 {
  padding-right: 15px
}

.pr-20 {
  padding-right: 20px
}

.pr-25 {
  padding-right: 25px
}

.pr-30 {
  padding-right: 30px
}

.pr-35 {
  padding-right: 35px
}

.pr-40 {
  padding-right: 40px
}

.pr-45 {
  padding-right: 45px
}

.pr-50 {
  padding-right: 50px
}

.pb-0 {
  padding-bottom: 0px
}

.pb-3 {
  padding-bottom: 3px
}

.pb-5 {
  padding-bottom: 5px
}

.pb-10 {
  padding-bottom: 10px
}

.pb-15 {
  padding-bottom: 15px
}

.pb-20 {
  padding-bottom: 20px
}

.pb-25 {
  padding-bottom: 25px
}

.pb-30 {
  padding-bottom: 30px
}

.pb-35 {
  padding-bottom: 35px
}

.pb-40 {
  padding-bottom: 40px
}

.pb-45 {
  padding-bottom: 45px
}

.pb-50 {
  padding-bottom: 50px
}

.pl-0 {
  padding-left: 0px
}

.pl-3 {
  padding-left: 3px
}

.pl-5 {
  padding-left: 5px
}

.pl-10 {
  padding-left: 10px
}

.pl-15 {
  padding-left: 15px
}

.pl-20 {
  padding-left: 20px
}

.pl-25 {
  padding-left: 25px
}

.pl-30 {
  padding-left: 30px
}

.pl-35 {
  padding-left: 35px
}

.pl-40 {
  padding-left: 40px
}

.pl-45 {
  padding-left: 45px
}

.pl-50 {
  padding-left: 50px
}

.m-0 {
  margin: 0px
}

.m-3 {
  margin: 3px
}

.m-5 {
  margin: 5px
}

.m-10 {
  margin: 10px
}

.m-15 {
  margin: 15px
}

.m-20 {
  margin: 20px
}

.m-25 {
  margin: 25px
}

.m-30 {
  margin: 30px
}

.m-35 {
  margin: 35px
}

.m-40 {
  margin: 40px
}

.m-45 {
  margin: 45px
}

.m-50 {
  margin: 50px
}

.mt-0 {
  margin-top: 0px
}

.mt-3 {
  margin-top: 3px
}

.mt-5 {
  margin-top: 5px
}

.mt-10 {
  margin-top: 10px
}

.mt-15 {
  margin-top: 15px
}

.mt-20 {
  margin-top: 20px
}

.mt-25 {
  margin-top: 25px
}

.mt-30 {
  margin-top: 30px
}

.mt-35 {
  margin-top: 35px
}

.mt-40 {
  margin-top: 40px
}

.mt-45 {
  margin-top: 45px
}

.mt-50 {
  margin-top: 50px
}

.mr-0 {
  margin-right: 0px
}

.mr-3 {
  margin-right: 3px
}

.mr-5 {
  margin-right: 5px
}

.mr-10 {
  margin-right: 10px
}

.mr-15 {
  margin-right: 15px
}

.mr-20 {
  margin-right: 20px
}

.mr-25 {
  margin-right: 25px
}

.mr-30 {
  margin-right: 30px
}

.mr-35 {
  margin-right: 35px
}

.mr-40 {
  margin-right: 40px
}

.mr-45 {
  margin-right: 45px
}

.mr-50 {
  margin-right: 50px
}

.mb-0 {
  margin-bottom: 0px
}

.mb-3 {
  margin-bottom: 3px
}

.mb-5 {
  margin-bottom: 5px
}

.mb-10 {
  margin-bottom: 10px
}

.mb-15 {
  margin-bottom: 15px
}

.mb-20 {
  margin-bottom: 20px
}

.mb-25 {
  margin-bottom: 25px
}

.mb-30 {
  margin-bottom: 30px
}

.mb-35 {
  margin-bottom: 35px
}

.mb-40 {
  margin-bottom: 40px
}

.mb-45 {
  margin-bottom: 45px
}

.mb-50 {
  margin-bottom: 50px
}

.ml-0 {
  margin-left: 0px
}

.ml-3 {
  margin-left: 3px
}

.ml-5 {
  margin-left: 5px
}

.ml-10 {
  margin-left: 10px
}

.ml-15 {
  margin-left: 15px
}

.ml-20 {
  margin-left: 20px
}

.ml-25 {
  margin-left: 25px
}

.ml-30 {
  margin-left: 30px
}

.ml-35 {
  margin-left: 35px
}

.ml-40 {
  margin-left: 40px
}

.ml-45 {
  margin-left: 45px
}

.ml-50 {
  margin-left: 50px
}

.font-24 {
  font-size: 24px
}

.font-18 {
  font-size: 18px
}

.font-11 {
  font-size: 11px
}

.font-8 {
  font-size: 8px
}

.white-text {
  color: #fff
}

@font-face {
  font-family: 'bebas_neuebold';
  src: url("../fonts/bebasneue_bold-webfont.eot");
  src: url("../fonts/bebasneue_bold-webfont.eot#iefix") format("embedded-opentype"), url("../fonts/bebasneue_bold-webfont.woff") format("woff2"), url("../fonts/bebasneue_bold-webfont.woff") format("woff"), url("../fonts/bebasneue_bold-webfont.ttf") format("truetype"), url("../fonts/bebasneue_bold-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Rubik", sans-serif;
  line-height: 1;
  font-weight: normal;
  margin: 0 0 15px;
  color: #000
}

blockquote {
  text-indent: 0;
  quotes: none;
  padding-top: 0;
  position: relative;
  font-style: italic;
  font-size: 30px;
  font-weight: 200;
  line-height: 1.4em
}

blockquote:before,
blockquote:after {
  quotes: "“""”""‘""’";
  font-size: 3em;
  line-height: 0.1em;
  font-style: normal;
  display: block;
  font-family: serif
}

blockquote:before {
  content: open-quote
}

blockquote:after {
  content: close-quote;
  margin-top: 60px
}

cite {
  font-style: normal
}

.inner {
  position: relative;
  min-width: 300px;
  max-width: 1400px;
  padding: 0 10px;
  margin: 0 auto;
  width: 100%
}

.grid {
  letter-spacing: -0.31em
}

.grid__item {
  letter-spacing: normal;
}

.flush-grid-item {
  margin-left: 0;
  padding-left: 0
}

.footer-distributed {
  background-color: #00263E;
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  padding: 25px
}

.footer-distributed .footer-left img {
  height: 75px
}

.footer-distributed .footer-left p {
  color: #8f9296;
  font-size: 14px;
  margin: 0
}

.footer-distributed p.footer-links {
  color: #ffffff;
  padding: 0
}

.footer-distributed p.footer-links a {
  display: inline-block;
  color: inherit
}

.footer-distributed .footer-right {
  float: right;
  text-align: right;
  margin-top: -6px;
  max-width: 300px;
  color: white
}

.footer-distributed .footer-right .mobile-logo {
  display: none;
  height: 75px
}

.footer-distributed .footer-right a {
  display: inline-block;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  line-height: 35px
}

.footer-distributed .footer-right a img {
  width: 35px;
  height: 35px;
  margin-right: 10px
}

.footer-distributed .footer-right a:last-of-type img {
  margin-right: 0 !important
}

@media (max-width: 600px) {

  .footer-distributed .footer-left,
  .footer-distributed .footer-right {
    text-align: center
  }

  .footer-distributed .footer-right {
    float: none;
    margin: 0 auto 20px
  }

  .footer-distributed .footer-left p.footer-links {
    line-height: 1.8
  }

  .footer-left img {
    display: none
  }

  .footer-distributed .footer-right .mobile-logo {
    margin: 0 auto 20px;
    display: block
  }
}

.footer-link {
  font-size: 11px !important
}

.home-banner {
  padding: 0;
  margin: 0;
  line-height: 0;
  width: 100%;
  display: inline-block
}

.page-banner {
  height: 700px;
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: -99
}

@media screen and (max-width: 640px) {
  .page-banner {
    height: auto
  }
}

.page-banner h2 {
  font-size: 48px;
  position: absolute;
  bottom: 10%;
  left: 50%;
  line-height: 60px;
  padding: 0 5%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  text-align: center;
  text-transform: uppercase;
  font-weight: medium;
  color: #fff;
  overflow: hidden;
  width: 100%
}

@media screen and (max-width: 640px) {
  .page-banner h2 {
    font-size: 35px;
    position: relative;
    bottom: initial;
    left: initial;
    line-height: initial;
    margin-right: initial;
    transform: initial;
    padding: 150px 20px;
    margin-bottom: 0
  }
}

.banner-section-img {
  height: 750px;
  background-position: center;
  background-size: cover;
}

.left h3 {
  position: absolute;
  font-size: 58px;
  bottom: 35%;
  left: 25%;
  line-height: 60px;
  padding: 0 5%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  text-align: center;
  text-transform: uppercase;
  font-weight: medium;
  color: #fff;
  overflow: hidden;
  width: 50%
}

.left p {
  position: absolute;
  font-size: 16px;
  bottom: 30%;
  left: 25%;
  line-height: 60px;
  padding: 0 5%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 50%
}

.right h3 {
  position: absolute;
  font-size: 58px;
  bottom: 35%;
  right: 25%;
  line-height: 60px;
  padding: 0 6%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  text-align: center;
  text-transform: uppercase;
  font-weight: medium;
  color: #fff;
  width: 50%
}

.right p {
  position: absolute;
  font-size: 16px;
  bottom: 30%;
  right: 25%;
  line-height: 60px;
  padding: 0 5%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 50%
}

.half {
  width: 50%;
  margin: 0;
  border: 0;
  display: inline-block;
  float: left;
  overflow: hidden
}

@media screen and (max-width: 732px) {
  .home-col .half {
    width: 100%
  }
}

@media screen and (max-width: 732px) {
  .home-col .half .banner-section-img {
    height: calc(50vh - 49px)
  }
}

@media screen and (max-width: 1391px) {
  .home-col .left h3 {
    font-size: 45px;
    line-height: 50px
  }
}

@media screen and (max-width: 1085px) {
  .home-col .left h3 {
    font-size: 35px;
    line-height: 35px;
    bottom: 40%
  }
}

@media screen and (max-width: 850px) {
  .home-col .left h3 {
    font-size: 30px;
    line-height: 35px;
    bottom: 40%
  }
}

@media screen and (max-width: 732px) {
  .home-col .left h3 {
    width: 100%;
    left: 50%
  }
}

@media screen and (max-width: 481px) {
  .home-col .left h3 {
    line-height: 20px;
    bottom: 50% !important;
    font-size: 18px !important;
    margin-bottom: 0
  }
}

@media screen and (max-width: 360px) and (max-height: 640px) {
  .home-col .left h3 {
    bottom: 20%;
    font-size: 17px
  }
}

@media screen and (max-width: 2122px) and (max-height: 780px) {
  .home-col .left h3 {
    bottom: 23%
  }
}

.home-col .left p {
  position: absolute;
  font-size: 16px;
  bottom: 30%;
  left: 25%;
  line-height: 60px;
  padding: 0 5%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 50%
}

@media screen and (max-width: 1085px) {
  .home-col .left p {
    bottom: 35%
  }
}

@media screen and (max-width: 732px) {
  .home-col .left p {
    width: 100%;
    left: 50%;
    bottom: 20%
  }
}

@media screen and (max-width: 360px) and (max-height: 640px) {
  .home-col .left p {
    bottom: 2%;
    margin-bottom: 0
  }
}

@media screen and (max-width: 2122px) and (max-height: 780px) {
  .home-col .left p {
    bottom: 18%
  }
}

@media screen and (max-width: 481px) {
  .home-col .left p a button {
    font-size: 13px !important
  }
}

@media screen and (max-width: 1391px) {
  .home-col .right h3 {
    font-size: 45px;
    line-height: 50px
  }
}

@media screen and (max-width: 1085px) {
  .home-col .right h3 {
    font-size: 35px;
    line-height: 35px;
    bottom: 40%
  }
}

@media screen and (max-width: 850px) {
  .home-col .right h3 {
    font-size: 30px;
    line-height: 35px;
    bottom: 40%
  }
}

@media screen and (max-width: 732px) {
  .home-col .right h3 {
    width: 100%;
    left: 50%
  }
}

@media screen and (max-width: 481px) {
  .home-col .right h3 {
    line-height: 20px;
    bottom: 50% !important;
    font-size: 18px !important;
    margin-bottom: 0
  }
}

@media screen and (max-width: 360px) and (max-height: 640px) {
  .home-col .right h3 {
    bottom: 20%;
    font-size: 17px
  }
}

@media screen and (max-width: 2122px) and (max-height: 780px) {
  .home-col .right h3 {
    bottom: 23%
  }
}

.home-col .right p {
  position: absolute;
  font-size: 16px;
  bottom: 30%;
  right: 25%;
  line-height: 60px;
  padding: 0 5%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 50%
}

@media screen and (max-width: 1085px) {
  .home-col .right p {
    bottom: 35%
  }
}

@media screen and (max-width: 732px) {
  .home-col .right p {
    width: 100%;
    left: 50%;
    bottom: 20%
  }
}

@media screen and (max-width: 360px) and (max-height: 640px) {
  .home-col .right p {
    bottom: 2%;
    margin-bottom: 0
  }
}

@media screen and (max-width: 2122px) and (max-height: 780px) {
  .home-col .right p {
    bottom: 18%
  }
}

@media screen and (max-width: 481px) {
  .home-col .right p a button {
    font-size: 13px !important
  }
}

@media screen and (max-width: 732px) {
  .home-col .banner-section-img {
    position: relative
  }
}

.team-banner .centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 70%;
  margin-right: -50%
}

@media screen and (max-width: 960px) {
  .team-banner .centered {
    position: relative;
    top: initial;
    left: initial;
    transform: initial;
    text-align: center;
    width: 100%;
    margin-right: 0;
    padding: 0 40px 0
  }
}

@media screen and (max-width: 960px) {
  .team-banner .half {
    width: 100%
  }
}

@media screen and (max-width: 960px) {
  .team-banner .right {
    display: none
  }
}

.team-banner .left h3 {
  position: initial;
  font-size: 58px;
  bottom: initial;
  left: initial;
  line-height: 60px;
  padding: 0 5%;
  margin-right: auto;
  transform: initial;
  text-transform: uppercase;
  font-weight: medium;
  color: #fff;
  overflow: hidden;
  width: 100%
}

@media screen and (max-width: 960px) {
  .team-banner .left h3 {
    left: initial;
    width: 100%;
    position: relative;
    bottom: initial !important;
    transform: initial;
    margin-right: initial
  }
}

.team-banner .left h5 {
  font-size: 25px;
  text-align: center;
  font-weight: medium;
  color: #fff;
  overflow: hidden;
  line-height: 35px;
  width: 100%
}

@media screen and (max-width: 960px) {
  .team-banner .left h5 {
    left: initial;
    width: 100%;
    position: relative;
    bottom: initial !important;
    transform: initial;
    margin-right: initial
  }
}

@media screen and (max-width: 960px) {
  .team-banner .left .banner-section-img {
    height: auto !important;
    padding: 50px 0;
    position: relative
  }
}

.jobs-full-banner {
  background-size: cover;
  background-position: center;
  height: 700px
}

@media screen and (max-width: 750px) {
  .jobs-full-banner {
    height: 300px
  }
}

.jobs-banner h3 {
  bottom: 30% !important
}

@media screen and (max-width: 960px) {
  .jobs-banner .half {
    width: 100%
  }
}

@media screen and (max-width: 960px) {
  .jobs-banner .right {
    display: none
  }
}

@media screen and (max-width: 960px) {
  .jobs-banner .left h3 {
    left: 50%;
    width: 100%;
    bottom: 20% !important;
    font-size: 40px
  }
}

@media screen and (max-width: 862px) {
  .jobs-banner .left h3 {
    bottom: 10% !important
  }
}

@media screen and (max-width: 574px) {
  .jobs-banner .left h3 {
    bottom: 5% !important;
    font-size: 30px
  }
}

@media screen and (max-width: 430px) {
  .jobs-banner .left h3 {
    font-size: 25px;
    line-height: 53px
  }
}

@media screen and (max-width: 960px) {
  .jobs-banner .left .banner-section-img {
    height: 450px;
    position: relative
  }
}

.contact-banner .right {
  bottom: 33% !important
}

.contact-banner .right h3 img {
  width: 80%
}

.contact-banner .left .contact-text {
  position: absolute;
  top: 50%;
  right: 25%;
  line-height: 60px;
  margin-right: 0;
  padding: 0 80px;
  transform: translate(-50%, -45%);
  text-align: center;
  width: 50%
}

@media screen and (max-width: 1187px) {
  .contact-banner .left .contact-text {
    padding: 50px 0;
    width: 100%;
    position: relative;
    bottom: initial;
    right: initial;
    line-height: 60px;
    margin-right: 0;
    transform: initial;
    text-align: center;
    width: 100%
  }
}

.contact-banner .left p {
  font-size: 18px;
  text-align: left;
  line-height: 30px;
  color: #fff;
  position: relative;
  bottom: 0;
  left: 0;
  margin-right: 0;
  transform: initial;
  text-align: left;
  width: 100%
}

.contact-banner .left p a,
.contact-banner .left p a:visited {
  color: #fff
}

@media screen and (max-width: 1187px) {
  .contact-banner .left p {
    text-align: center
  }
}

@media screen and (max-width: 1300px) {
  .contact-banner .left p {
    font-size: 16px
  }
}

@media screen and (max-width: 1377px) {
  .contact-banner .left p {
    font-size: 16px;
    max-width: initial
  }
}

.contact-banner .left h3 {
  position: relative;
  font-size: 58px;
  bottom: 0;
  left: 0;
  line-height: 60px;
  margin-right: 0;
  transform: initial;
  text-align: left;
  text-transform: uppercase;
  font-weight: medium;
  color: #fff;
  width: 100%
}

@media screen and (max-width: 1187px) {
  .contact-banner .left h3 {
    text-align: center
  }
}

@media screen and (max-width: 1187px) {
  .contact-banner .half {
    width: 100%
  }
}

@media screen and (max-width: 1187px) {
  .contact-banner .right {
    display: none
  }
}

@media screen and (max-width: 1187px) {
  .contact-banner .left .banner-section-img {
    min-height: 450px;
    height: auto;
    position: relative
  }
}

.contactus-banner {
  background-position: center;
  background-size: cover
}

.contactus-banner h1 {
  color: #fff;
  text-align: center;
  text-transform: uppercase
}

.reviews {
  padding: 20px;
  box-sizing: border-box;
  background-color: #00263E;
  padding-bottom: 50px
}

.reviews .owl-carousel {
  width: 100%;
  cursor: move
}

.reviews .owl-carousel .item {
  text-align: center;
  padding: 10px;
  box-sizing: border-box
}

.reviews .owl-carousel .item a {
  text-decoration: none
}

.reviews .owl-carousel .item h3 {
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 2px;
  opacity: 0.6
}

.reviews .owl-carousel .item h4 {
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 8px;
  font-weight: bold
}

.reviews .owl-carousel .item h3,
.reviews .owl-carousel .item h4 {
  color: #fff
}

.reviews .owl-carousel .item p {
  color: #fff;
  font-weight: normal;
  font-size: 13px;
  direction: initial
}

.reviews h2 {
  color: #ffffff;
  font-size: 42px;
  text-align: center;
  padding: 50px 0
}

.reviews .owl-dots {
  margin: 20px auto 0;
  text-align: center
}

.reviews .owl-dot {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #D8036B !important;
  margin-right: 5px;
  display: inline-flex
}

.reviews .owl-dot:not(.active) {
  margin-top: 10px
}

.sectors-slide .owl-dot {
  background-color: #00AC69 !important
}

.reviews .owl-dot.active {
  border: 5px solid white;
  width: 20px !important;
  height: 20px !important;
  margin-top: -10px
}

.reviews .owl-dots.disabled {
  display: block !important
}

.latest-jobs-subtitle {
  font-size: 24px !important;
  padding: 30px 0 10px 0 !important
}

.swiper-container {
  width: 60%;
  height: 100%
}

@media screen and (max-width: 960px) {
  .swiper-container {
    width: 100%
  }
}

.swiper-slide {
  text-align: center;
  font-size: 60px;
  color: #fff;
  background: transparent;
  margin-bottom: 40px
}

@media screen and (max-width: 460px) {
  .swiper-slide {
    font-size: 40px !important
  }
}

.swiper-slide p {
  font-size: 16px;
  color: #d8046b
}

.swiper-pagination-bullet {
  width: 15px !important;
  height: 15px !important;
  display: inline-block;
  border-radius: 100%;
  background: #fff !important;
  opacity: 1 !important
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #d8046b !important
}

.swiper-wrapper {
  cursor: grab !important
}

#privacy-policy-banner {
  background-position: center;
  background-size: cover;
  position: relative;
  padding: 55px;
  z-index: -99
}

#privacy-policy-banner h1 {
  text-transform: uppercase;
  text-align: center;
  color: #fff
}

#sector-banner {
  background-position: center;
  background-size: cover;
  position: relative;
  padding: 55px;
  z-index: -99
}

#sector-banner h1 {
  text-transform: uppercase;
  text-align: center;
  color: #fff
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}

[dir="rtl"] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.slick-loading .slick-list {
  background: #fff url("https://p://ox-seven.com/wp-content/themes/ox-seven/assets/images/ajax-loader.gif") center center no-repeat
}

@font-face {
  font-family: "slick";
  src: url("../fonts/slick.eot");
  src: url("../fonts/slick.eot#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg") format("svg");
  font-weight: normal;
  font-style: normal
}

.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: .75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-prev {
  left: -25px
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px
}

.slick-prev:before {
  content: "←"
}

[dir="rtl"] .slick-prev:before {
  content: "→"
}

.slick-next {
  right: -25px
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto
}

.slick-next:before {
  content: "→"
}

[dir="rtl"] .slick-next:before {
  content: "←"
}

.slick-dotted.slick-slider {
  margin-bottom: 30px
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: .25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: .75
}

/*# sourceMappingURL=style.min.css.map */