@charset "UTF-8";
/*
Theme Name: Cognitive Data
Author: Susanne Helle
Author URI:  http://www.ecosphere.xyz
Description: A theme for Cognitive Data
*/
/*Welcome, let's do this.*/
/* fonts */
/*@font-face {
	font-family: "Source Han Sans JP";
	src: url("../fonts/SourceHanSans-Regular.otf") format("opentype");
	font-display: swap;
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Source Han Sans JP";
	src: url("../fonts/SourceHanSans-Medium.otf") format("opentype");
	font-display: swap;
	font-weight: bold;
	font-style: normal;
}*/
/* colors */
/*skew*/
/*text*/
/*borders*/
/**/
html {
  scroll-behavior: smooth; }

a:focus {
  outline: none; }

body {
  font-family: source-han-sans-japanese, "ヒラギノ角ゴ Pro W3", Osaka, "Hiragino Kaku Gothic Pro", "Myriad Pro", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.75; }

#desktop-hide {
  display: none; }

.en,
.navbar a,
#ContentSlider .small {
  font-family: "Myriad Pro", Helvetica, Arial, sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
li {
  font-family: source-han-sans-japanese, "ヒラギノ角ゴ Pro W3", Osaka, "Hiragino Kaku Gothic Pro", "Myriad Pro", Helvetica, Arial, sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700; }

h1,
h2,
h3 {
  text-transform: uppercase;
  letter-spacing: 4px;
  margin-bottom: 20px; }

p,
a,
li,
.table .row > div {
  font-size: 1rem; }

p {
  line-height: 1.6875rem; }

h1,
h2 {
  color: #333;
  font-size: 1.875rem;
  font-weight: bold; }

h3 {
  font-weight: bold;
  font-size: 1.25rem;
  text-align: left; }

h4 {
  font-weight: bold;
  margin-bottom: 30px;
  color: #333;
  font-size: 1rem; }

.title {
  font-weight: bold;
  font-size: 2.65rem;
  margin-bottom: 30px; }

.small,
.small a {
  letter-spacing: 1px;
  font-size: 0.75rem; }

.bigger {
  letter-spacing: 1px;
  font-size: 2rem; }

.white-txt {
  color: #fff !important; }

.red-txt {
  color: red !important; }

.purple-txt {
  color: purple; }

.btn {
  border: none;
  padding: 15px 25px 16px;
  border-radius: 5px;
  color: #333; }
  .btn:hover {
    border-color: #264196;
    color: #264196; }

.primary-btn {
  color: #fff !important;
  background: purple; }
  .primary-btn:hover {
    background: #8c198c; }

.white-btn {
  color: purple !important;
  background: #fff; }
  .white-btn:hover {
    background: #f2f2f2; }

/*LIMITED*/
.limited {
  display: none; }

html:lang(en-US) .extended {
  display: none; }

html:lang(en-US) .limited {
  display: block; }

img {
  max-width: 100%; }

.list-title {
  font-weight: bold;
  list-style: none;
  margin-bottom: 1rem; }

#ContentSlider .content a.btn,
.purple:hover {
  color: #fff;
  border-color: #fff; }

.sticky {
  position: sticky;
  top: 0px; }

.jump-menu {
  margin-top: 50px; }
  .jump-menu ul {
    display: flex; }
  .jump-menu li a {
    margin: 1rem 1rem 1rem 0;
    border: 1px solid purple;
    padding: 10px 20px;
    border-radius: 30px;
    min-width: 100px;
    display: inline-block;
    text-align: center;
    color: purple; }

/*Forms*/
form {
  background: #f5f5f5;
  padding: 20px; }
  form label {
    display: block;
    margin-top: 10px; }
  form input {
    border-radius: 0;
    min-height: 40px;
    width: 100%; }
  form input:not([type="button"]) {
    max-width: 100%;
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #ddd;
    text-align: left; }
  form input[type="checkbox"] {
    max-width: unset;
    width: 18px;
    min-height: 18px;
    margin-right: 10px; }
  form input[type="date"] {
    text-align: center; }
  form input.btn {
    text-align: center; }
  form span.error {
    color: red;
    font-size: 0.75rem;
    display: block; }
  form .form-row {
    display: block; }
    form .form-row > div {
      margin-bottom: 1rem; }
  form input.search {
    max-width: 125px;
    margin-top: 10px; }
  form .wpcf7-response-output {
    border: none !important;
    padding: 20px !important;
    margin: 0 !important;
    background: red;
    font-weight: bold;
    color: #fff; }

/*Navigation*/
.menu-trigger span {
  width: 25px;
  height: 1px;
  background-color: #fff;
  display: block;
  margin: 5px auto; }

.navbar.navbar-expand-md {
  text-align: center;
  display: flex;
  width: 100%;
  padding: 15px 10px;
  background: #fff;
  border-bottom: 1px solid #ddd;
  list-style: none; }
  .navbar.navbar-expand-md .navbar-collapse {
    margin-top: 9px;
    letter-spacing: 1px; }
  .navbar.navbar-expand-md .navbar-toggler-icon {
    background: url("img/menu.png") no-repeat;
    background-size: 100%;
    height: 23px;
    width: 17px;
    cursor: pointer; }
  .navbar.navbar-expand-md .navbar-nav.mr-auto {
    width: 100%;
    text-align: center;
    display: block; }
    .navbar.navbar-expand-md .navbar-nav.mr-auto .nav-item {
      display: inline-block; }
      .navbar.navbar-expand-md .navbar-nav.mr-auto .nav-item .nav-link {
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-weight: bold;
        font-size: 0.625rem;
        line-height: 27px; }
    .navbar.navbar-expand-md .navbar-nav.mr-auto #spacing {
      display: inline-block;
      width: 200px; }
  .navbar.navbar-expand-md #logo {
    width: auto;
    float: left;
    margin-left: 75px; }
    .navbar.navbar-expand-md #logo img {
      width: 225px; }

@media (max-width: 768px) {
  .navbar.navbar-expand-md #logo {
    position: relative;
    float: left;
    top: 0;
    margin-left: 15px; } }
@media (max-width: 767px) {
  .navbar.navbar-expand-md #navbarNavDropdown {
    clear: both; }
  .navbar.navbar-expand-md .navbar-collapse {
    margin-left: 0 !important; }
  .navbar.navbar-expand-md .navbar-nav.mr-auto .nav-item,
  .navbar.navbar-expand-md .navbar-nav.mr-auto #spacing {
    display: none; }

  .navbar-toggler {
    float: right;
    display: block;
    margin-top: 12px; } }
@media (max-width: 1024px) {
  .navbar.navbar-expand-md #logo {
    margin-left: 10px; } }
.navbar-nav li > ul {
  display: block;
  position: absolute;
  top: 82px;
  list-style: none;
  margin: 0;
  padding: 0;
  left: 0;
  background: purple;
  width: 100%;
  text-align: left;
  line-height: 50px; }

/*Entry*/
.entry h2 {
  text-transform: none;
  letter-spacing: 0; }

/*Footer*/
footer {
  background: #000;
  color: #fff;
  padding: 20px 0;
  text-align: center; }
  footer #logo {
    width: 100%;
    display: block;
    margin: 0 auto; }
    footer #logo img {
      max-width: 70px; }
  footer #copy {
    font-size: 0.625rem;
    margin: 0;
    color: #fff; }
    footer #copy a {
      font-size: 0.625rem;
      margin: 0;
      color: #fff;
      text-decoration: underline; }
  footer #privacy {
    text-decoration: underline; }
  footer.entry-footer {
    background: unset;
    padding: 0; }
  footer.post-footer {
    background: unset;
    color: #000;
    text-align: left;
    display: flex; }
    footer.post-footer .posted-by {
      display: flex; }
      footer.post-footer .posted-by > div {
        margin-right: 10px; }
    footer.post-footer .post-taxonomies > span {
      margin-right: 10px; }

@media (max-width: 767px) {
  footer {
    text-align: center; }
    footer navbar-nav.mr-auto {
      margin: 30px 0; } }
@media (max-width: 1200px) {
  footer #copy,
  footer #copy a {
    color: #555; } }
/*LISTS*/
ul {
  padding-left: 0;
  margin-left: 20px;
  list-style-position: inside; }
  ul ul {
    padding-left: 1.5rem; }
  ul.no-style {
    list-style: none;
    margin: 0; }

/*Bootstrap-y*/
.row {
  margin: 0; }

.container-fluid {
  margin: 40px 0 0; }

/*Specifics*/
.border {
  border: 1px solid #ddd !important;
  box-shadow: 0 0 10px #ddd;
  border-radius: 5px;
  padding: 2rem; }

.grid-list,
.grey-box {
  background: #f5f5f5;
  padding: 2rem;
  margin-bottom: 50px;
  border-radius: 5px; }

.grid-list,
.grey-box ul {
  list-style-position: inside;
  padding-left: 10px;
  margin: 0; }

#privacy-page,
#about-page,
#home-page {
  margin: 0; }

#home-page {
  padding: 0;
  overflow: hidden; }

#contact-page h1,
#about-page h1 {
  text-align: center;
  margin: 0 auto 50px; }

#privacy-page .fullwidth {
  margin-bottom: 0; }
#privacy-page .content > ul,
#privacy-page .content ol {
  padding: 0 0 0 18px; }
#privacy-page .content li {
  margin: 20px 0;
  line-height: 27px; }
#privacy-page .content h2 {
  text-align: center;
  width: 100%;
  margin: 50px 0; }

#home-page #contact {
  text-align: center; }
  #home-page #contact a {
    font-size: 2rem; }
#home-page .service-block-list::after {
  content: "services";
  font-size: 12rem;
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  transform: rotate(90deg);
  left: 5vw;
  top: 10vh;
  opacity: 0.1;
  font-weight: 900;
  font-family: "Myriad Pro", Helvetica, Arial, sans-serif; }

#header-txt {
  width: 95%;
  margin-top: 125px; }

.header-title {
  color: #fff;
  line-height: 3rem;
  max-width: 60%;
  padding: 9vw 5vw;
  position: relative;
  z-index: 1; }
  .header-title p {
    font-size: 1rem;
    font-weight: bold; }

.no-list li {
  list-style: none;
  margin-bottom: 30px; }

.about {
  margin: 0 -15px 50px; }

.about h2 {
  margin-top: 10vh; }

.about .content {
  background: #f5f5f5;
  text-align: center;
  padding-bottom: 50px; }

.table .row {
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px; }
  .table .row.content {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0; }

.details-page .title-block {
  text-align: center; }
.details-page .image-boxes .row {
  margin: 30px 0;
  box-shadow: 0 0 2px #ddd;
  display: flex;
  align-items: center; }
.details-page .image-boxes .details {
  padding: 40px; }
.details-page .listing ul {
  width: 100%; }
  .details-page .listing ul li.row {
    margin: 30px 0; }
  .details-page .listing ul ul {
    border-top: 7px solid #204B7C;
    padding: 0;
    padding-top: 15px;
    overflow: hidden; }
    .details-page .listing ul ul li {
      float: left;
      width: calc(50% - 40px);
      margin: 15px 0 0 40px;
      list-style-position: outside;
      min-height: 50px; }
    .details-page .listing ul ul .thirds li {
      width: calc(33.333% - 40px);
      margin: 15px 0 0 40px; }

#contact-page {
  min-height: 80vh; }

.image-boxes img {
  max-width: 100%;
  padding: 30px; }
.image-boxes .col-md-5.col-12 {
  position: relative; }
  .image-boxes .col-md-5.col-12::after {
    content: "";
    width: 35px;
    height: 35px;
    background: url("/img/ico-zoom.png") no-repeat #ddd;
    background-position: center;
    background-size: 50%;
    display: block;
    position: absolute;
    bottom: 20px;
    right: 25px;
    opacity: 0.4;
    cursor: pointer; }

@media (max-width: 768px) {
  .image-boxes img {
    width: 100%;
    max-width: 400px;
    margin: 0 auto; }

  .image-boxes .col-md-5.col-12 {
    text-align: center; } }
.justify-content-center .col-12 {
  padding: 0; }

.fullwidth,
#about-page,
#contact-page,
#home-page #contact,
#recruitment-page .container,
.page-error,
.not-found,
.search-result-display,
#category-page,
#blog-page {
  padding: 100px 0; }

.post-template-default .container,
.not-found,
.page-error,
.search-result-display,
#category-page,
#blog-page {
  min-height: 100vh; }

.post-template-default .container {
  padding-top: 100px; }

.section-comments {
  padding: 25px 0; }

.job-listing {
  padding: 100px 0 0; }

.fullwidth,
#about-page,
#contact-page {
  margin: 0 -15px 50px; }

.job-listing .border {
  margin-bottom: 2rem; }
.job-listing .sticky {
  top: 95px; }
.job-listing .section-img img {
  width: 199%; }

#blog-page .posts-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 15px;
  grid-row-gap: 15px; }
  #blog-page .posts-list a:hover {
    text-decoration: none; }
    #blog-page .posts-list a:hover h2 {
      color: purple; }
  #blog-page .posts-list .attachment-post-thumbnail {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 25px; }
  #blog-page .posts-list .post-item {
    border: 1px solid #ddd;
    padding: 20px; }
  #blog-page .posts-list .more-link {
    color: purple;
    border-top: 1px solid #ddd;
    margin-top: 25px;
    padding-top: 25px; }
#blog-page .post-categories {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap; }
  #blog-page .post-categories li {
    margin-right: 10px;
    border-radius: 30px;
    cursor: pointer;
    border: 1px solid #d2d2d2;
    padding: 0 10px 2px; }
    #blog-page .post-categories li a {
      color: #d2d2d2; }

.next-previous-posts {
  margin: 0 0 50px;
  background: #f5f5f5; }
  .next-previous-posts .nav-links {
    display: grid;
    grid-template-columns: 1fr 1fr; }
    .next-previous-posts .nav-links .nav-previous {
      grid-area: 1 / 1;
      padding: 20px; }
    .next-previous-posts .nav-links .nav-next {
      text-align: right;
      grid-area: 1 / 2;
      padding: 20px; }

.post-content .attachment-post-thumbnail {
  margin-bottom: 50px;
  max-width: 100% !important; }

.breadcrumbs {
  margin: 25px 75px 50px;
  font-size: 0.75rem; }
  .breadcrumbs a {
    font-size: 0.75rem;
    color: purple; }

@media (max-width: 768px) {
  .breadcrumbs {
    margin: 25px auto; } }
.more-link {
  display: block; }

.quicklinks span {
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 1rem;
  display: block; }
.quicklinks ul {
  list-style: none;
  padding: 0; }
  .quicklinks ul li a::before {
    content: "";
    margin-right: 10px;
    background: url("img/arrow.png") no-repeat center/16px;
    width: 10px;
    height: 10px;
    display: inline-block; }
  .quicklinks ul li.current_page_item a {
    color: #ccc;
    cursor: auto; }
.quicklinks a {
  color: #333;
  text-decoration: underline; }
  .quicklinks a:hover {
    color: purple;
    cursor: pointer; }

.services {
  margin: 50px 75px;
  border-top: 7px solid #204B7C;
  padding-top: 40px; }
  .services h1 {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    text-align: center; }

@media (max-width: 768px) {
  .services {
    margin: 50px 0; } }
.service-section {
  margin: 50px 0; }
  .service-section h1 {
    text-align: left; }
  .service-section h2 {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    text-align: left; }
  .service-section .description {
    margin-bottom: 50px; }

.section-image img {
  max-width: 100%; }

#service-page {
  min-height: 100vh; }
  #service-page .services .content h3 {
    min-height: 65px; }
  #service-page .services .content#environment p {
    min-height: unset; }

#web h1 {
  border-bottom: 5px solid #682d91; }
#web h3 {
  color: #682d91; }

#web-cat h3 {
  color: #682d91; }

#web-cat-color {
  filter: invert(21%) sepia(25%) saturate(4938%) hue-rotate(257deg) brightness(95%) contrast(94%); }

#enterprise-systems h1 {
  border-bottom: 5px solid #812990; }
#enterprise-systems h3 {
  color: #812990; }

#ent-cat h3 {
  color: #812990; }

#ent-cat-color {
  filter: invert(19%) sepia(87%) saturate(1771%) hue-rotate(279deg) brightness(96%) contrast(95%); }

#enterprise-systems .grey-box ul {
  margin-bottom: 25px; }

#it-infrastructure h1 {
  border-bottom: 5px solid #493690; }
#it-infrastructure h3 {
  color: #493690; }

#it-cat h3 {
  color: #493690; }

#it-cat-color {
  filter: invert(28%) sepia(17%) saturate(2849%) hue-rotate(217deg) brightness(89%) contrast(102%); }

#system-operation h1 {
  border-bottom: 5px solid #283d94; }
#system-operation h3 {
  color: #283d94; }

#sys-cat h3 {
  color: #283d94; }

#sys-cat-color {
  filter: invert(23%) sepia(44%) saturate(2190%) hue-rotate(204deg) brightness(90%) contrast(91%); }

#solution-service h1 {
  border-bottom: 5px solid #166fb7; }
#solution-service h3 {
  color: #166fb7; }

#sol-cat h3 {
  color: #166fb7; }

#sol-cat-color {
  filter: invert(38%) sepia(99%) saturate(5759%) hue-rotate(193deg) brightness(91%) contrast(83%); }

.service-list .content {
  margin-bottom: 50px; }

#dev,
#security,
#marketing,
#helpdesk,
#network,
#environment .grid-list {
  background: none; }

#network .content {
  margin-right: 0;
  margin-bottom: 0; }

#dev,
#marketing,
#security {
  padding: 0; }

#helpdesk,
#network {
  margin-bottom: 50px; }

#security .content,
#marketing .service-list,
#dev .content,
#network .section-image {
  padding-left: 0; }

#security .section-image,
#dev .service-list,
#marketing .section-image {
  padding-right: 0; }

.service-list #helpdesk .content,
#helpdesk .grey-box,
#marketing .service-list .content {
  margin-bottom: 0; }

.carousel {
  transform: skew(-2deg);
  margin-left: -105px;
  width: 98vw; }

.carousel-inner .content {
  position: absolute;
  top: 0;
  color: #fff;
  width: 100%;
  padding: 5rem;
  height: 100%;
  background: rgba(0, 0, 0, 0.7); }

#ContentSlider .content p {
  width: 50%;
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: bold;
  margin-bottom: 2rem;
  min-height: 120px; }
#ContentSlider .content a.btn {
  color: #fff;
  border: none;
  font-size: 21px;
  background: purple;
  padding: 20px;
  width: 200px; }
#ContentSlider .carousel-indicators {
  bottom: -125px;
  margin: 0 50px 0 0;
  transform: skew-left; }

.carousel-indicators li {
  height: 175px;
  width: 20%;
  text-indent: 0;
  padding: 2vw;
  margin: 0 -1px 0 0;
  background-color: #333;
  color: #fff;
  cursor: pointer; }
  .carousel-indicators li:first-child {
    margin-left: 100px; }
  .carousel-indicators li.active {
    background: purple;
    color: #fff; }
    .carousel-indicators li.active .small {
      display: block;
      color: #fff; }
.carousel-indicators .small {
  display: block;
  font-weight: bold;
  color: #D353D3; }

#recruitment-page .quicklinks {
  margin-bottom: 25px; }
#recruitment-page #bottom-img {
  position: absolute;
  top: 250px;
  max-width: 80%;
  border: 10px solid #fff; }
#recruitment-page #top-img {
  max-width: 80%;
  position: absolute;
  right: 0;
  top: 0; }
#recruitment-page .bigger.purple-txt {
  text-align: center;
  font-weight: 700; }
#recruitment-page .description {
  padding: 0; }
#recruitment-page #benefits {
  padding-top: 100px; }

#system-integration .col-ld.col-md-6:nth-child(odd) {
  margin-bottom: 50px; }

#home-page .services,
#service-page .services {
  border: none;
  padding-top: 0; }

#home-page .services {
  padding: 10vh 0;
  position: relative;
  margin: 0 auto; }
  #home-page .services h2 {
    font-weight: normal;
    font-size: 3rem;
    margin-bottom: 10px;
    text-align: center; }
  #home-page .services > .description {
    text-align: center; }
#home-page .recruitment {
  position: relative;
  padding: 60px 0 60px 60px;
  color: #fff;
  margin-right: -11px; }
#home-page .header-title {
  z-index: 2;
  position: relative; }

/*TADAA*/
@-webkit-keyframes tadaa {
  0%,
	100% {
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out; }
  0% {
    opacity: 0;
    transform: translate3d(-500px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }
@-moz-keyframes tadaa {
  0% {
    opacity: 0;
    transform: translate3d(-500px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }
.tadaa {
  -webkit-animation: tadaa 1s 1;
  animation: tadaa 1s 1; }

/*VIDEO*/
.video-container {
  position: absolute;
  top: 0px;
  max-height: 100vh;
  left: 0;
  right: 0;
  margin: auto;
  background: #000;
  overflow: hidden; }

video {
  min-height: 100%;
  max-width: 100%;
  opacity: 0.5; }

/*SKEW BLOCKS*/
.skew {
  display: block;
  color: #fff;
  padding: 30px 50px 30px 15px;
  transform: skewX(-2deg);
  background: #6a2c91;
  background: -moz-linear-gradient(-45deg, #6a2c91 0%, #8d288f 30%, #653190 61%, #196bb3 100%);
  background: -webkit-linear-gradient(-45deg, #6a2c91 0%, #8d288f 30%, #653190 61%, #196bb3 100%);
  background: linear-gradient(135deg, #6a2c91 0%, #8d288f 30%, #653190 61%, #196bb3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a2c91', endColorstr='#196bb3', GradientType=1); }
  .skew .row {
    transform: skewX(2deg); }
    .skew .row .section-image {
      transform: skewX(-2deg); }
    .skew .row img {
      max-width: 100%;
      border-top: 10px solid #fff;
      border-right: 10px solid #fff; }
  .skew .content {
    padding: 10vh; }
  .skew h1,
  .skew h2,
  .skew h3 {
    color: #fff; }

#skew-container {
  position: relative;
  padding: 60px 60px 60px 0;
  color: #fff;
  margin-left: -28px !important; }

.navbar-expand-md .navbar-nav .nav-link {
  color: #333;
  font-weight: bold;
  text-transform: uppercase; }
.navbar-expand-md .navbar-nav .nav-link:hover {
  color: #2a0361; }
.navbar-expand-md .navbar-nav .active .nav-link {
  color: purple; }

/*JOIN*/
.join {
  position: relative; }
  .join img {
    width: 100%; }
  .join.jumbotron-fluid {
    height: 50vh;
    overflow: hidden;
    margin-top: -1px;
    background: url("img/recruitment-main.png") no-repeat #000 0px 30%/cover !important;
    min-height: 500px; }
    .join.jumbotron-fluid::after {
      content: "work with us";
      font-size: 12rem;
      display: block;
      width: 100%;
      position: absolute;
      bottom: 19px;
      opacity: 0.7;
      font-weight: 900;
      z-index: 2;
      text-align: right;
      color: #fff;
      letter-spacing: -15px;
      right: 9px;
      line-height: 8rem;
      font-family: Helvetica, Arial, sans-serif; }

/*ACCORDION*/
.accordion-container .card {
  border-radius: 0;
  border: none; }
.accordion-container .card-header {
  padding: 0; }
  .accordion-container .card-header p {
    margin-bottom: 0;
    padding: 1.5rem 3.5rem 1.5rem 2rem;
    cursor: pointer;
    font-size: 1.075rem; }
.accordion-container .card-body {
  padding: 1.25rem 1.25rem 2rem; }

/*FAQ*/
#faq [aria-expanded="true"] {
  background: #6a2c91;
  background: -moz-linear-gradient(-45deg, #6a2c91 0%, #8d288f 30%, #653190 61%, #196bb3 100%);
  background: -webkit-linear-gradient(-45deg, #6a2c91 0%, #8d288f 30%, #653190 61%, #196bb3 100%);
  background: linear-gradient(135deg, #6a2c91 0%, #8d288f 30%, #653190 61%, #196bb3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a2c91', endColorstr='#196bb3', GradientType=1);
  color: #fff; }
  #faq [aria-expanded="true"]::after {
    content: "\25BC";
    position: absolute;
    right: 2rem;
    width: 17px;
    height: 19px;
    top: 24px; }

#faq [aria-expanded="false"]::after {
  content: "\25B2";
  position: absolute;
  right: 2rem;
  width: 17px;
  height: 19px;
  color: #ddd;
  transform: rotate(90deg);
  right: 26px;
  top: 30px; }

/*CARDS*/
.card-title {
  text-align: center;
  font-size: 1.75rem; }

.card-subtitle {
  text-align: center;
  font-weight: normal;
  font-size: 0.75rem;
  color: #999 !important;
  border-bottom: 1px solid #fff;
  padding-bottom: 2rem;
  margin-bottom: 2rem !important; }

/*PARALLAX*/
.parallax-window {
  min-height: 300px;
  background: transparent; }

/*BANNER*/
.banner {
  position: relative; }
  .banner h1,
  .banner h2,
  .banner h3 {
    color: #fff; }

/*BLUR*/
video {
  transition: filter 1s ease-in-out; }

.blur {
  -moz-filter: blur(3px);
  -webkit-filter: blur(3px);
  filter: blur(3px); }

/*SERVICES*/
.service-block-list {
  margin-top: 80px;
  align-items: stretch; }
  .service-block-list .content {
    box-shadow: 0 0 10px #ddd;
    padding: 25px;
    height: 100%;
    display: block;
    color: #212529;
    text-decoration: none; }
    .service-block-list .content p {
      min-height: 120px; }
    .service-block-list .content img {
      width: 35px; }
    .service-block-list .content .link {
      position: relative;
      font-size: 13px;
      font-weight: bold;
      color: #264196;
      transition: all 0.5s ease; }
      .service-block-list .content .link:hover {
        text-decoration: none !important;
        color: #2a0361; }
      .service-block-list .content .link::before {
        content: "";
        height: 1px;
        width: 0;
        background: #fff;
        display: block;
        position: absolute;
        bottom: -3px;
        transition: all ease-in-out 0.5s;
        z-index: 0; }
      .service-block-list .content .link:hover::before {
        width: 100%;
        background: #2a0361; }
  .service-block-list > div {
    margin-bottom: 25px;
    flex-grow: 1; }
  .service-block-list .title-image {
    display: grid;
    grid-template-columns: 50px 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 25px;
    min-height: 70px;
    margin-bottom: 15px; }
    .service-block-list .title-image h3 {
      margin-bottom: 0; }

/*MOBILE CTA: HIDE ON LARGER SCREENS*/
#mobile-cta {
  display: none; }

.mobile-hide {
  display: block; }

/*ACCORDION*/
.accordion-container {
  margin-bottom: 60px; }

/*RESPONSIVENESS*/
@media (max-width: 1450px) {
  #home-page .service-block-list::after {
    display: none; } }
@media (max-width: 1400px) {
  #service-page .services .grid.column-5 .content {
    margin-bottom: 25px; }
    #service-page .services .grid.column-5 .content p {
      min-height: 160px;
      margin-bottom: 25px; }

  .carousel-indicators {
    bottom: -175px; }
    .carousel-indicators li {
      height: 200px; }

  .carousel-inner .content {
    padding: 6vw; }

  #ContentSlider .content p {
    font-size: 1.75vw;
    line-height: 2.5vw;
    margin-bottom: 0; }
  #ContentSlider .content a.btn {
    font-size: 1.5vw; } }
@media (max-width: 1300px) {
  .header-title {
    max-width: 65%; }

  .banner .video-container {
    min-height: 650px; }

  .container-fluid#home-page {
    margin-top: -50px; }

  #home-page .recruitment .content {
    padding: 5vh; } }
@media (max-width: 1024px) {
  .quicklinks ul {
    line-height: 32px; }

  #desktop-hide {
    display: flex; }

  #desktop-hide .col-12.col-md-6 {
    margin-bottom: 25px; }

  #ContentSlider {
    display: none; }

  #web .service-list .grid-list {
    margin-bottom: 25px; }

  .header-title {
    max-width: 75%;
    margin: 0 !important;
    padding: 50px 50px 100px !important;
    width: 100% !important;
    max-width: 100% !important; }

  video {
    max-width: 100%;
    opacity: 0.5;
    height: 650px; }

  .banner {
    max-height: 65vh; }

  #mobile-cta {
    background: #fada00;
    position: sticky;
    bottom: 0;
    z-index: 2;
    display: block;
    border-bottom: 0;
    margin-bottom: 30px; }
    #mobile-cta a {
      color: #333;
      display: block;
      padding: 15px 25px;
      font-size: 1.5rem; }

  .mobile-hide {
    display: none; } }
@media (max-width: 850px) {
  .banner {
    background: url("/media/video-still.png") no-repeat #000;
    background-size: cover;
    height: 80vh;
    min-height: 810px;
    overflow: hidden;
    margin-top: -8px; }

  .video-container {
    display: none; }

  .container-fluid#home-page {
    margin-top: -35vw; }

  .header-title h1 {
    font-size: 2.125rem; }
  .header-title p {
    font-size: 1.25rem;
    line-height: 1.9rem; }

  #home-page .recruitment {
    padding: 60px 30px; } }
@media (max-width: 768px) {
  .details-page .listing ul ul li {
    float: none;
    width: 100%;
    margin: 15px 0;
    min-height: 10px; }

  #recruitment-page .bigger.purple-txt {
    line-height: 2.5rem; }

  .jumbotron-fluid.join::after {
    letter-spacing: 0;
    line-height: 10rem;
    bottom: 0; }

  #service-page .services .content p {
    min-height: auto; }

  .grid-list {
    margin-bottom: 0; }

  #home-page .services h2 {
    font-weight: normal;
    font-size: 2rem; }

  #about-image {
    background-position: 80%; }

  #header-txt {
    width: 103%; }

  .header-title {
    position: relative;
    right: 0;
    font-size: 25px;
    line-height: 45px; }

  .bottom-section .content {
    width: calc(100% - 20%);
    float: none;
    margin: 10% auto; }
    .bottom-section .content h2 {
      font-size: 40px; }

  .jump-menu ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr; }

  .job-listing .section-img {
    position: absolute;
    max-width: 75px; }
  .job-listing .col-12.col-md-10 h2 {
    margin-left: 75px;
    font-size: 1.25rem; }

  #recruitment-page .container .section-img {
    margin-bottom: 25px; } }
@media (max-width: 767px) {
  #index .jumbotron-fluid {
    margin-top: -8px;
    height: 100%; }

  #service-page .services .content p {
    min-height: unset;
    margin-bottom: 2rem; }

  #security .section-image {
    display: none; }

  #network .content,
  #helpdesk .section-image,
  .service-list #helpdesk .content {
    padding-left: 0;
    padding-right: 0; }

  #network .section-image,
  #helpdesk .section-image {
    margin-bottom: 50px; }

  #network {
    margin-bottom: 0; }

  .grid-list {
    padding: 0 1rem; }

  .grey-box .content {
    padding: 0; }

  #recruitment-page #bottom-img,
  #recruitment-page #top-img {
    display: none; } }
@media (max-width: 675px) {
  #marketing .grid-list,
  #environment .grid-list {
    margin-bottom: 25px; }

  .header-title p {
    font-size: 1rem;
    line-height: 1.9rem; }

  .jump-menu ul {
    display: grid;
    grid-template-columns: 1fr 1fr; }

  .container-fluid#home-page {
    margin-top: -50vw; }

  .header-title {
    padding: 50px 30px !important; }

  #home-page .skew {
    margin-right: -40px; }
  #home-page .recruitment .content {
    padding: 10vw 4vw 5vw; }
  #home-page .services {
    padding: 0; }
  #home-page #contact a {
    font-size: 1.25rem; }

  .parallax-window {
    display: none; }

  #index #contact {
    padding: 10vw 2vw; }

  #recruitment-page .container {
    padding: 10vw 5vw; }
    #recruitment-page .container .description {
      padding: 0; }

  .jumbotron-fluid.join::after {
    line-height: 19vw;
    font-size: 21vw; }

  .job-listing {
    padding: 5vw 0; }
    .job-listing .sticky {
      position: relative;
      top: 0; } }
@media (max-width: 500px) {
  .jump-menu li a {
    margin: 0.5rem 0 0 0;
    padding: 10px 15px;
    min-width: unset; } }
/*# sourceMappingURL=styles.css.map */

/*# sourceMappingURL=style.css.map */