/* Theme name: Default projectText domain: Sander OostenbrinkVersion: 1.0Description: Een QStylez default templateTags: QStyles,default, scss, gsap, foundation, WebDev, HtmlAuthor: QstylezAuthor URI: qstylez.nl*/html {  scroll-behavior: smooth; }::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 6px rgba(139, 139, 139, 0.3);  border-radius: 2px;  background-color: transparent; }::-webkit-scrollbar {  width: 12px;  background-color: #adadad; }::-webkit-scrollbar-thumb {  border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);  background-color: rgba(75, 75, 75, 0.075); }.center-text {  text-align: center; }.flex {  display: flex;  flex-wrap: wrap; }.flex-reverse {  display: flex;  flex-direction: column-reverse; }  @media (min-width: 1032px) {    .flex-reverse {      flex-direction: unset; } }.flex-center {  display: flex;  align-items: center; }.flex-end {  justify-content: flex-end; }.relative {  position: relative; }.zindex {  z-index: 1; }.hide-mobile {  display: none !important; }  @media (min-width: 1032px) {    .hide-mobile {      display: inline-block !important; } }.hide-mobile-t {  display: none; }  @media (min-width: 650px) {    .hide-mobile-t {      display: inline-block; } }.hide-tablet {  display: inline-block; }  @media (min-width: 650px) {    .hide-tablet {      display: none; } }.hide-desktop {  display: inline-block; }  @media (min-width: 1032px) {    .hide-desktop {      display: none; } }.overflowh {  overflow: hidden; }h1, h2, h3, h4, h5, span {  font-family: "Work Sans", sans-serif;  color: #193C60; }h1 {  font-size: 35px;  color: #193C60;  font-weight: 900;  line-height: 45px; }  @media (min-width: 650px) {    h1 {      font-size: 50px;      line-height: 60px; } }  @media (min-width: 1032px) {    h1 {      font-size: 80px;      line-height: 80px; } }h2 {  font-size: 28px;  font-weight: 400;  line-height: 63px; }  @media (min-width: 650px) {    h2 {      line-height: 36px;      font-size: 66px; } }h3 {  font-size: 26px; }  @media (min-width: 650px) {    h3 {      font-size: 32px; } }  h3 strong {    font-weight: 900; }p, a, li {  font-family: "Work Sans", sans-serif;  font-size: 16px;  color: #193C60; }a {  text-decoration: none; }strong {  font-family: "Work Sans", sans-serif; }p {  font-weight: 300; }ul {  list-style: none;  padding: 0; }.button {  padding: 14px;  font-size: 16px;  transition: all .2s;  font-family: "Work Sans", sans-serif;  font-size: 16px;  margin: 0;  text-decoration: none;  display: inline-block; }  .button:hover {    cursor: pointer; }  .button.button-style-1 {    background: #11A5DA;    color: #ffffff;    border-radius: 5px;    padding: 12px 25px;    transition: all .2s; }    .button.button-style-1:hover {      opacity: .9;      background: #37b7e4; }  .button.button-style-2 {    background: #193C60;    color: #D1EDF8;    border-radius: 5px;    padding: 14px 22px;    transition: all .2s; }    .button.button-style-2:hover {      background: #205790; }  .button.button-style-3 {    background: transparent;    color: #11A5DA;    display: inline-block;    padding: 14px 14px 14px 0px;    vertical-align: middle; }    .button.button-style-3::before {      content: "";      width: 60px;      height: 1px;      background: black;      display: inline-block;      vertical-align: middle;      margin-right: 5px; }.wpcf7-form-control {  padding: 14px 20px;  font-size: 16px;  transition: all .2s;  font-family: "Work Sans", sans-serif;  font-size: 16px;  margin: 0;  text-decoration: none;  border-radius: 5px;  background: #11A5DA;  border: 0px;  color: #ffffff;  font-weight: 400; }.contact-form {  margin: 20px 0px;  padding: 15px 30px;  background: #D1EDF8;  -webkit-box-shadow: 2px 6px 25px -10px rgba(0, 0, 0, 0.75);  -moz-box-shadow: 2px 6px 25px -10px rgba(0, 0, 0, 0.75);  box-shadow: 2px 6px 25px -10px rgba(0, 0, 0, 0.75); }  @media (min-width: 650px) {    .contact-form {      margin: 0px; } }  .contact-form input[type=text], .contact-form input[type=email], .contact-form input[type=number], .contact-form textarea {    font-family: "Work Sans", sans-serif;    background-color: #ffffff;    border: 0px;    border-bottom: solid 2px #EFFAFF;    font-size: 16px;    padding: 15px;    margin: 10px 0px;    width: 90%;    border-radius: 5px;    color: #D1EDF8; }    .contact-form input[type=text]:hover, .contact-form input[type=email]:hover, .contact-form input[type=number]:hover, .contact-form textarea:hover {      cursor: text; }    .contact-form input[type=text]::placeholder, .contact-form input[type=email]::placeholder, .contact-form input[type=number]::placeholder, .contact-form textarea::placeholder {      /* Chrome, Firefox, Opera, Safari 10.1+ */      color: #D1EDF8;      font-size: 16px; }    .contact-form input[type=text]:focus, .contact-form input[type=email]:focus, .contact-form input[type=number]:focus, .contact-form textarea:focus {      border: 0px;      border-bottom: solid 2px #EFFAFF;      outline: none; }  .contact-form textarea[rows] {    height: 100px;    width: 90%;    resize: none;    font-family: "Work Sans", sans-serif;    border: 0px;    border-bottom: solid 2px #EFFAFF;    font-size: 16px;    padding: 15px;    margin: 10px 0px; }    @media (min-width: 1032px) {      .contact-form textarea[rows] {        margin: 10px 0px 30px; } }    .contact-form textarea[rows]:hover {      cursor: text; }    .contact-form textarea[rows]:focus {      border: 0px;      border-bottom: solid 2px #EFFAFF;      outline: none; }.wpcf7-submit:hover {  cursor: pointer;  opacity: .9; }.wpcf7-response-output {  font-family: "Work Sans", sans-serif; }.wpcf7-not-valid-tip {  font-size: 16px; }header {  background: #193C60;  position: fixed;  z-index: 10;  width: 100%; }  header .top-bar {    display: flex;    justify-content: space-between;    position: relative;    min-height: 50px; }    header .top-bar p {      color: #D1EDF8;      font-size: 14px; }      @media (min-width: 650px) {        header .top-bar p {          font-size: 16px; } }    header .top-bar > p {      font-family: 'Architects Daughter', cursive; }    header .top-bar > div {      display: flex; }      header .top-bar > div a {        font-size: 16px;        margin: 0px 20px; }        header .top-bar > div a p {          font-weight: 300; }          header .top-bar > div a p strong {            font-weight: 900; }        header .top-bar > div a:last-of-type {          margin-right: 0px; }    header .top-bar .toggleMenu {      position: absolute;      right: 20px;      top: 90px;      width: 30px;      height: 20px;      z-index: 10;      -webkit-transform: rotate(0deg);      -moz-transform: rotate(0deg);      -o-transform: rotate(0deg);      transform: rotate(0deg);      -webkit-transition: .5s ease-in-out;      -moz-transition: .5s ease-in-out;      -o-transition: .5s ease-in-out;      transition: .5s ease-in-out;      cursor: pointer; }      @media (min-width: 650px) {        header .top-bar .toggleMenu {          right: 30px;          top: 95px; } }      @media (min-width: 1032px) {        header .top-bar .toggleMenu {          display: none; } }      header .top-bar .toggleMenu span {        display: block;        position: absolute;        height: 3px;        width: 100%;        background: #193C60;        border-radius: 9px;        opacity: 1;        left: 0;        -webkit-transform: rotate(0deg);        -moz-transform: rotate(0deg);        -o-transform: rotate(0deg);        transform: rotate(0deg);        -webkit-transition: .25s ease-in-out;        -moz-transition: .25s ease-in-out;        -o-transition: .25s ease-in-out;        transition: .25s ease-in-out; }        header .top-bar .toggleMenu span:nth-child(1) {          top: 0px; }        header .top-bar .toggleMenu span:nth-child(2) {          top: 8px; }        header .top-bar .toggleMenu span:nth-child(3) {          top: 8px; }        header .top-bar .toggleMenu span:nth-child(4) {          top: 16px; }      header .top-bar .toggleMenu.open span:nth-child(1) {        top: 18px;        width: 0%;        left: 50%; }      header .top-bar .toggleMenu.open span:nth-child(2) {        -webkit-transform: rotate(45deg);        -moz-transform: rotate(45deg);        -o-transform: rotate(45deg);        transform: rotate(45deg); }      header .top-bar .toggleMenu.open span:nth-child(3) {        -webkit-transform: rotate(-45deg);        -moz-transform: rotate(-45deg);        -o-transform: rotate(-45deg);        transform: rotate(-45deg); }      header .top-bar .toggleMenu.open span:nth-child(4) {        top: 18px;        width: 0%;        left: 50%; }  header .main-bar {    background: #ffffff;    border-radius: 5px;    margin-bottom: -35px;    position: relative;    z-index: 1;    display: flex;    justify-content: space-between;    -webkit-box-shadow: 2px 6px 25px -10px rgba(0, 0, 0, 0.75);    -moz-box-shadow: 2px 6px 25px -10px rgba(0, 0, 0, 0.75);    box-shadow: 2px 6px 25px -10px rgba(0, 0, 0, 0.75); }    header .main-bar .custom-logo-link {      margin: 5px; }      header .main-bar .custom-logo-link img {        width: 114px;        height: 79px; }    header .main-bar .navigation {      opacity: 0;      pointer-events: none;      align-items: center;      justify-content: space-around;      background: #ffffff;      margin: 0px;      position: absolute;      top: 80px;      width: 100%;      transition: all .2s; }      @media (min-width: 1032px) {        header .main-bar .navigation {          display: flex;          margin: 10px 15px;          position: relative;          opacity: 1;          pointer-events: initial;          width: unset;          top: unset; } }      @media (min-width: 1032px) {        header .main-bar .navigation .nav-menu {          margin-right: 20px; } }      header .main-bar .navigation ul {        list-style: none;        border-top: solid 0.5px #D1EDF8;        border-bottom: solid 0.5px #D1EDF8; }        @media (min-width: 1032px) {          header .main-bar .navigation ul {            border-top: solid 0px #D1EDF8;            border-bottom: solid 0px #D1EDF8; } }        header .main-bar .navigation ul li {          font-weight: 500;          margin: 10px 0px;          padding: 10px;          display: block;          transition: all .5s; }          header .main-bar .navigation ul li:hover a {            color: #0366cc; }          header .main-bar .navigation ul li a {            font-size: 18px; }            @media (min-width: 1032px) {              header .main-bar .navigation ul li a {                font-size: 16px; } }          @media (min-width: 1032px) {            header .main-bar .navigation ul li {              display: inline;              margin: 0px 10px; } }.open-nav {  opacity: 1 !important;  pointer-events: initial !important; }.langNav {  display: inline-block;  margin-left: 10px; }  .langNav ul {    border-top: 0px !important;    border-bottom: 0px !important;    margin: 5px 0px 10px; }  @media (min-width: 1032px) {    .langNav {      display: unset;      margin-left: 20px; } }  .langNav .lang-item {    display: inline-block !important;    border: solid 1px #D1EDF8;    padding: 10px !important;    border-radius: 5px;    margin: 0 2px !important;    transition: all .5s; }    .langNav .lang-item:hover {      background: #D1EDF8; }    .langNav .lang-item img {      height: 18px !important;      width: 24px !important; }  .langNav .current-lang {    background: #D1EDF8;    position: relative; }    .langNav .current-lang::before {      content: "\A";      border-style: solid;      border-width: 10px 15px 10px 0;      transform: rotate(90deg);      border-color: transparent #ffffff transparent transparent;      position: absolute;      bottom: 5px;      margin: auto;      left: 0;      right: 0; }footer {  background: #193C60;  position: relative; }  @media (min-width: 1032px) {    footer.include-contact::before {      height: 40px;      width: 100%;      background: #ffffff;      position: absolute;      content: ""; }    footer.include-contact .contact-footer {      display: flex; } }  footer h3 {    color: #ffffff;    font-weight: 400;    margin: 0;    font-size: 25px; }  footer p, footer li, footer a {    color: #D1EDF8; }  footer ul {    padding: 0;    margin: 0;    list-style: none; }  footer .contact-footer {    width: 95%;    margin: auto;    display: none;    background: #D1EDF8;    align-items: center;    justify-content: space-between;    padding: 20px 30px;    border-radius: 5px;    position: relative;    z-index: 10; }    @media (min-width: 1380px) {      footer .contact-footer {        width: 80%; } }    footer .contact-footer h3 {      display: inline-block;      font-weight: 500;      font-size: 25px;      color: #193C60; }      @media (min-width: 1032px) {        footer .contact-footer h3 {          font-size: 21px; } }    footer .contact-footer p, footer .contact-footer a {      color: #193C60; }    footer .contact-footer a {      font-weight: 500;      margin: 0px 20px; }  footer .main-footer {    padding: 10px 0px; }    @media (min-width: 1032px) {      footer .main-footer {        padding: 70px 0px 0px; } }    footer .main-footer .contact-details, footer .main-footer .offerte-details {      padding: 20px 0px; }      @media (min-width: 1032px) {        footer .main-footer .contact-details, footer .main-footer .offerte-details {          padding: 0px 25px;          border-right: solid 0.5px #4C6583;          border-left: solid 0.5px #4C6583;          height: 100%; } }    footer .main-footer .contact-details {      border-top: solid 0.5px #4C6583;      border-bottom: solid 0.5px #4C6583; }      @media (min-width: 1032px) {        footer .main-footer .contact-details {          border-top: 0px solid;          border-bottom: 0px solid; } }    footer .main-footer .offerte-details {      padding: 20px 0px 40px;      border-left: solid 0px #4C6583; }      @media (min-width: 1032px) {        footer .main-footer .offerte-details {          padding: 0px 25px; } }    footer .main-footer .inner-m h3 {      line-height: 30px; }      @media (min-width: 650px) {        footer .main-footer .inner-m h3 {          margin-top: 0px; } }    footer .main-footer .inner-m .sub-text {      font-size: 26px;      font-family: 'Architects Daughter', cursive; }      @media (min-width: 650px) {        footer .main-footer .inner-m .sub-text {          font-size: 32px; } }    footer .main-footer .inner-m .custom-logo {      width: 180px; }    footer .main-footer .inner-m .contact {      margin-top: 30px; }      footer .main-footer .inner-m .contact li {        display: inline; }        footer .main-footer .inner-m .contact li a {          color: #D1EDF8; }        footer .main-footer .inner-m .contact li:last-of-type {          margin-left: 10px;          padding-left: 10px; }    footer .main-footer .inner-m .socials li {      width: 32px;      height: 32px;      padding: 5px;      background: #D1EDF8;      border-radius: 5px;      display: inline-flex;      margin: 0px 3px;      transition: all .4s; }      footer .main-footer .inner-m .socials li:first-of-type {        margin-left: 0px; }      footer .main-footer .inner-m .socials li:hover {        background: #e4f0f5; }      footer .main-footer .inner-m .socials li a {        width: 100%;        height: 100%;        margin: auto;        display: inline-block;        align-items: center;        text-align: center; }        footer .main-footer .inner-m .socials li a img {          width: 50%;          margin: auto;          height: 100%; }    footer .main-footer .inner-m .page-list {      border-top: 0.5px solid #4C6583;      padding-top: 40px; }      @media (min-width: 1032px) {        footer .main-footer .inner-m .page-list {          border-top: 0px solid #4C6583;          margin-left: 25px;          padding-top: 0px; } }      footer .main-footer .inner-m .page-list li {        margin: 12px 0px; }        footer .main-footer .inner-m .page-list li:first-of-type {          margin-top: 0px; }        footer .main-footer .inner-m .page-list li a {          color: #ffffff; }          footer .main-footer .inner-m .page-list li a:hover {            text-decoration: underline; }  footer .sub-footer .inner-m {    display: flex;    justify-content: space-between;    border-top: 0.5px solid #4C6583; }    footer .sub-footer .inner-m p {      padding: 0;      margin: 0; }    footer .sub-footer .inner-m a:hover {      text-decoration: underline; }    footer .sub-footer .inner-m ul {      list-style: none;      margin: 0;      padding: 0; }      footer .sub-footer .inner-m ul li {        display: block;        margin: 15px 0px;        font-size: 14px; }        @media (min-width: 1032px) {          footer .sub-footer .inner-m ul li {            display: inline;            margin: 0px 15px; } }        footer .sub-footer .inner-m ul li:first-of-type {          margin-left: 0px; }.left-align {  text-align: left !important; }body {  margin: 0; }.nav-open {  height: 100%;  overflow-y: hidden; }#page {  overflow-x: hidden; }.inner {  width: 100%;  max-width: 21.75rem;  height: 100%;  margin: 0 auto;  padding: 0 0.80rem;  line-height: 1.5rem;  position: relative; }  @media (min-width: 650px) {    .inner {      max-width: 45.75rem;      padding: 0 1.25rem; } }  @media (min-width: 1032px) {    .inner {      max-width: 76.75rem; } }  @media (min-width: 1380px) {    .inner {      max-width: 104.75rem; } }.inner-m {  padding: 30px 0px;  width: 100%;  margin: auto;  display: flex;  flex-wrap: wrap;  position: relative; }  .inner-m.flex-divide {    justify-content: space-between; }  .inner-m.align-middle {    align-content: center;    text-align: center; }  .inner-m.no-padding {    padding: 0; }  .inner-m .cell.cell-100 {    flex: 1 0 100%;    /* explanation below */    max-width: 100%; }  .inner-m .cell.cell-50 {    flex: 1 0 100%;    /* explanation below */ }    @media (min-width: 1032px) {      .inner-m .cell.cell-50 {        flex: 1 0 50%;        max-width: 50%; } }    @media (min-width: 1032px) {      .inner-m .cell.cell-50.extra-width-60 {        max-width: 60%; } }  .inner-m .cell.cell-33 {    flex: 1 0 100%; }    @media (min-width: 1032px) {      .inner-m .cell.cell-33 {        flex: 1 0 33.33%;        max-width: 33.33%; } }  .inner-m .cell.cell-25 {    flex: 1 0 100%; }    @media (min-width: 650px) {      .inner-m .cell.cell-25 {        flex: 1 0 100%;        max-width: 100%; } }    @media (min-width: 1032px) {      .inner-m .cell.cell-25 {        flex: 1 0 25%;        max-width: 25%; } }.section.special .articles-1 {  margin-top: -100px; }  @media (min-width: 650px) {    .section.special .articles-1 {      margin-top: -220px; } }  @media (min-width: 1032px) {    .section.special .articles-1 {      margin-top: -180px; } }  .section.special .articles-1 .cell:first-of-type article {    margin-left: 0px; }  .section.special .articles-1 .cell:last-of-type article {    margin-right: 0px; }  .section.special .articles-1 article {    background: #D1EDF8;    position: relative;    padding: 40px 30px;    border-radius: 5px;    margin: 10px 0px; }    @media (min-width: 1032px) {      .section.special .articles-1 article {        margin: 0px 10px;        padding: 50px 30px;        -webkit-box-shadow: 2px 6px 25px -10px rgba(0, 0, 0, 0.75);        -moz-box-shadow: 2px 6px 25px -10px rgba(0, 0, 0, 0.75);        box-shadow: 2px 6px 25px -10px rgba(0, 0, 0, 0.75); } }    .section.special .articles-1 article div {      position: absolute;      top: 0px;      right: 20px;      height: 72px;      width: 117px;      background: #ffffff;      display: flex;      justify-content: center; }      @media (min-width: 650px) {        .section.special .articles-1 article div {          right: 40px;          height: 92px;          width: 117px; } }      .section.special .articles-1 article div img {        max-width: 110px;        max-height: 60px;        margin: auto; }    .section.special .articles-1 article > img {      position: absolute;      right: 10px;      bottom: 15px;      width: 126px;      max-height: 156px; }      @media (min-width: 650px) {        .section.special .articles-1 article > img {          width: 156px; } }    .section.special .articles-1 article h3 {      margin: 0;      font-weight: 400;      width: 80%;      line-height: 36px;      font-size: 32px; }      @media (min-width: 1032px) {        .section.special .articles-1 article h3 {          height: 80px; } }      @media (min-width: 1380px) {        .section.special .articles-1 article h3 {          height: auto; } }      .section.special .articles-1 article h3 strong {        display: block;        font-weight: 900; }    .section.special .articles-1 article p {      width: 80%;      margin: 20px 0px 40px; }      @media (min-width: 650px) {        .section.special .articles-1 article p {          width: 70%; } }      @media (min-width: 1032px) {        .section.special .articles-1 article p {          margin: 40px 0px; } }@media (min-width: 1032px) {  .section.special .articles-2 {    padding: 90px 0px 120px; } }@media (min-width: 1032px) {  .section.special .articles-2 > div:nth-of-type(2) article > img {    max-width: 420px;    max-height: 200px;    top: -55px; } }@media (min-width: 1032px) {  .section.special .articles-2 > div:nth-of-type(3) article > img {    right: 100px;    max-height: 115px; } }@media (min-width: 1380px) {  .section.special .articles-2 > div:nth-of-type(3) article > img {    right: 160px; } }@media (min-width: 1032px) {  .section.special .articles-2 > div:nth-of-type(4) article > img {    max-height: 195px;    right: 10px; } }.section.special .articles-2 > div > h2 {  font-size: 46px;  text-align: center;  font-weight: 900; }  @media (min-width: 650px) {    .section.special .articles-2 > div > h2 {      font-size: 66px;      line-height: 65px;      margin: 5px 0px; } }.section.special .articles-2 > div > p {  font-family: 'Architects Daughter', cursive;  font-size: 28px;  text-align: center;  margin-bottom: 30px; }  @media (min-width: 650px) {    .section.special .articles-2 > div > p {      margin-bottom: 100px;      font-size: 32px; } }.section.special .articles-2 article {  position: relative;  padding: 40px 20px; }  @media (min-width: 650px) {    .section.special .articles-2 article {      padding: 20px 40px; } }  .section.special .articles-2 article > img {    position: absolute;    right: -20px;    top: 0px;    max-width: 220px;    max-height: 126px; }    @media (min-width: 650px) {      .section.special .articles-2 article > img {        right: 50px;        top: -30px;        max-width: 245px;        max-height: 160px; } }    @media (min-width: 1032px) {      .section.special .articles-2 article > img {        max-width: 220px;        max-height: 140px; } }  .section.special .articles-2 article h4 {    margin: 0;    font-weight: 400;    width: 80%;    line-height: 36px;    font-size: 25px; }    .section.special .articles-2 article h4 strong {      display: block;      font-weight: 900; }  .section.special .articles-2 article p {    width: 100%;    margin: 20px 0px; }    @media (min-width: 650px) {      .section.special .articles-2 article p {        width: 80%; } }.section.verantwoord {  background-size: cover;  background-position: center; }  @media (min-width: 1032px) {    .section.verantwoord {      height: 503px; } }  .section.verantwoord h3 {    font-weight: 500;    line-height: 40px; }  .section.verantwoord .cell {    background: rgba(0, 0, 0, 0.377);    border-radius: 5px; }    .section.verantwoord .cell h3, .section.verantwoord .cell p {      color: #ffffff; }  .section.verantwoord article {    padding: 20px; }    @media (min-width: 1032px) {      .section.verantwoord article {        height: 385px;        padding: 30px; } }    @media (min-width: 1032px) {      .section.verantwoord article p {        margin: 30px 0px;        width: 90%; } }.section.about {  background: #EFFAFF;  padding: 60px 0px 50px; }  .section.about h3 {    font-weight: 500; }    .section.about h3 strong {      font-weight: 900; }  .section.about p {    margin: 40px 0px; }    .section.about p:nth-of-type(2) {      margin: 40px 0px 60px; }  .section.about img {    width: 100%; }    @media (min-width: 1032px) {      .section.about img {        width: 140%;        margin-left: -380px; } }    @media (min-width: 1032px) {      .section.about img {        width: 160%;        margin-left: -600px; } }  .section.about .articles-3 {    padding: 0px 0px 30px; }    .section.about .articles-3 .cell:first-of-type article {      margin-left: 0px; }    .section.about .articles-3 .cell:last-of-type article {      margin-right: 0px; }    .section.about .articles-3 article {      padding: 40px 30px 40px 40px;      background-size: cover;      background-position: center;      position: relative;      margin: 10px 0px;      border-radius: 5px;      height: 383px;      -webkit-box-shadow: 2px 6px 25px -10px rgba(0, 0, 0, 0.75);      -moz-box-shadow: 2px 6px 25px -10px rgba(0, 0, 0, 0.75);      box-shadow: 2px 6px 25px -10px rgba(0, 0, 0, 0.75); }      @media (min-width: 1032px) {        .section.about .articles-3 article {          padding: 40px 100px 40px 40px;          height: 483px;          margin: 0px 10px; } }      .section.about .articles-3 article::before {        content: "";        background: rgba(0, 0, 0, 0.5);        height: 100%;        width: 100%;        position: absolute;        border-radius: 5px;        top: 0;        left: 0;        z-index: 1; }      .section.about .articles-3 article h3 {        font-weight: 900; }      .section.about .articles-3 article h3, .section.about .articles-3 article p {        position: relative;        color: #ffffff;        z-index: 2; }      .section.about .articles-3 article p {        line-height: 26px; }.section.single {  width: 100%;  margin: auto;  margin-top: -80px;  z-index: 5;  position: relative;  background: #ffffff; }  @media (min-width: 650px) {    .section.single {      width: 85%;      padding: 0px 30px; } }  @media (min-width: 1032px) {    .section.single {      width: 80%; } }  @media (min-width: 1380px) {    .section.single {      width: 65%; } }  .section.single .single_intro {    margin-bottom: 50px; }    .section.single .single_intro h2 {      font-size: 46px;      text-align: center;      font-weight: 900; }      @media (min-width: 650px) {        .section.single .single_intro h2 {          font-size: 66px;          line-height: 60px; } }    .section.single .single_intro p:first-of-type {      font-family: 'Architects Daughter', cursive;      font-size: 22px;      text-align: center;      margin-bottom: 30px; }      @media (min-width: 650px) {        .page-id-25 .section.single .single_intro p:first-of-type {          margin-bottom: 40px;        }        .section.single .single_intro p:first-of-type {          margin-bottom: 80px;          font-size: 32px; } }    .section.single .single_intro p:last-of-type {      width: 100%;      margin: auto; }      @media (min-width: 650px) {        .section.single .single_intro p:last-of-type {          width: 90%; } }    .section.single .single_intro .p-small {      width: 50%;      margin: auto; }  .section.single .articles-v {    width: auto; }    @media (min-width: 1032px) {      .section.single .articles-v {        width: 80%; } }    .section.single .articles-v .cell:nth-of-type(2) {      order: 1; }      @media (min-width: 1032px) {        .section.single .articles-v .cell:nth-of-type(2) {          order: unset; } }    .section.single .articles-v .cell:nth-of-type(3) {      order: 2; }      @media (min-width: 1032px) {        .section.single .articles-v .cell:nth-of-type(3) {          order: unset; } }    .section.single .articles-v .cell:nth-of-type(4) {      order: 4; }      @media (min-width: 1032px) {        .section.single .articles-v .cell:nth-of-type(4) {          order: unset; } }    .section.single .articles-v .cell:nth-of-type(5) {      order: 3; }      @media (min-width: 1032px) {        .section.single .articles-v .cell:nth-of-type(5) {          order: unset; } }    .section.single .articles-v .cell:nth-of-type(6) {      order: 5; }      @media (min-width: 1032px) {        .section.single .articles-v .cell:nth-of-type(6) {          order: unset; } }    .section.single .articles-v article {      width: 100%; }      @media (min-width: 1032px) {        .section.single .articles-v article {          width: 75%; } }      .section.single .articles-v article h3 {        font-size: 25px;        font-weight: 500; }        .section.single .articles-v article h3 strong {          font-weight: 900;          display: block;          margin: 15px 0px; }    .section.single .articles-v img {      width: 250px;      height: 250px;      margin: 20px auto; }      @media (min-width: 650px) {        .section.single .articles-v img {          width: 420px;          height: 450px; } }  @media (min-width: 1032px) {    .section.single .articles-h .cell:nth-of-type(3) .sub_article {      border-left: dashed 0.5px #D1EDF8;      border-right: dashed 0.5px #D1EDF8; } }  @media (min-width: 1032px) {    .section.single .articles-h .cell:nth-of-type(2) .sub_article {      padding: 0px 40px 0px 0px; } }  @media (min-width: 1032px) {    .section.single .articles-h .cell:nth-of-type(3) .sub_article, .section.single .articles-h .cell:nth-of-type(3) img {      padding: 0px 40px; } }  @media (min-width: 1032px) {    .section.single .articles-h .cell:nth-of-type(4) .sub_article, .section.single .articles-h .cell:nth-of-type(4) img {      padding: 0px 0px 0px 40px; } }  .section.single .articles-h article {    margin: 60px 0px 80px; }    @media (min-width: 650px) {      .section.single .articles-h article {        margin: 40px 0px 40px; } }    @media (min-width: 1032px) {      .section.single .articles-h article {        margin: 100px 0px 80px; } }    .section.single .articles-h article h3 {      font-size: 25px;      font-weight: 500;      height: 50px; }      @media (min-width: 1032px) {        .section.single .articles-h article h3 {          text-align: left; } }      .section.single .articles-h article h3 strong {        font-weight: 900;        margin: 15px 0px; }        @media (min-width: 650px) {          .section.single .articles-h article h3 strong {            margin: 15px 0px; } }    .section.single .articles-h article p {      width: 100%;      margin: auto; }      @media (min-width: 1032px) {        .section.single .articles-h article p {          margin: 0;          width: 100%; } }      @media (min-width: 1380px) {        .section.single .articles-h article p {          margin: 0;          width: 85%; } }      .section.single .articles-h article p:first-of-type {        margin: 10px auto; }        @media (min-width: 1032px) {          .section.single .articles-h article p:first-of-type {            height: 150px;            margin: 30px 0px; } }      .section.single .articles-h article p.big-font {        font-weight: 500;        font-size: 24px; }    .section.single .articles-h article img {      display: block;      width: 80%;      margin: 30px auto; }      @media (min-width: 650px) {        .section.single .articles-h article img {          width: 35%; } }      @media (min-width: 1032px) {        .section.single .articles-h article img {          width: 160px;          height: 210px;          width: auto;          margin: 0px 0px; } }.section.single-post {  padding: 30px 0px 100px; }.section.contact {  padding: 20px 0px; }  @media (min-width: 1032px) {    .section.contact {      padding: 50px 0px; } }  .section.contact p {    font-size: 24px; }  .section.contact .contact-info h2 {    font-weight: 900;    margin: 0px 0px 20px; }    @media (min-width: 650px) {      .section.contact .contact-info h2 {        margin: 0px 0px 50px; } }    @media (min-width: 1032px) {      .section.contact .contact-info h2 {        margin: 0px 0px 120px; } }  .section.contact .contact-info .email-margin {    margin: 25px 0px; }    .section.contact .contact-info .email-margin span {      font-weight: 900;      margin: 0px;      font-size: 24px;      padding: 0; }    .section.contact .contact-info .email-margin p {      margin: 0;      padding: 0; }  .section.contact .contact-info ul:first-of-type {    margin: 35px 0px; }    .section.contact .contact-info ul:first-of-type li {      font-size: 24px;      font-weight: 300;      margin: 5px 0px; }      .section.contact .contact-info ul:first-of-type li:first-of-type {        font-weight: 900; }  .section.contact .contact-info ul:last-of-type {    margin-top: 30px; }    .section.contact .contact-info ul:last-of-type li {      margin: 7px 0px; }    .section.contact .contact-info ul:last-of-type li, .section.contact .contact-info ul:last-of-type a {      font-weight: 400;      font-size: 14px; }  .section.contact .contact-info .socials {    margin: 50px 0px; }    .section.contact .contact-info .socials li {      width: 32px;      height: 32px;      display: inline-flex;      background: #D1EDF8;      padding: 5px;      border-radius: 5px;      margin: 0px 6px;      transition: all .4s; }      .section.contact .contact-info .socials li:hover {        background: #e4f0f5; }      .section.contact .contact-info .socials li a {        width: 100%;        height: 100%;        margin: auto;        display: inline-block;        align-items: center;        text-align: center; }        .section.contact .contact-info .socials li a img {          width: 50%;          margin: auto;          height: 100%; }      .section.contact .contact-info .socials li:first-of-type {        margin-left: 0px; }  .section.contact .contact-form {    float: right; }    @media (min-width: 1032px) {      .section.contact .contact-form {        width: 80%; } }    .section.contact .contact-form p {      font-weight: 400; }.hero {  height: 615px;  position: relative;  padding-top: 100px; }  @media (min-width: 650px) {    .hero {      height: 815px; } }  .hero.about {    height: 563px; }    .hero.about .hero-background {      opacity: 1; }  .hero .hero-background {    position: absolute;    top: 0;    height: 100%;    width: 100%;    opacity: 0.4;    background-position: center;    background-size: cover; }  .hero .hero-text {    position: relative;    top: 30px;    width: 80%; }    @media (min-width: 1032px) {      .hero .hero-text {        width: 80%;        top: 100px; } }    .hero .hero-text h1 {      position: relative; }    .hero .hero-text p {      font-size: 20px;      color: #D1EDF8;      width: 100%;      line-height: 35px;      margin: 40px 0px;      font-weight: 500; }      @media (min-width: 650px) {        .hero .hero-text p {          font-size: 25px;          width: 70%; } }      @media (min-width: 1032px) {        .hero .hero-text p {          font-size: 25px;          width: 40%; } }    .hero .hero-text .button {      padding: 14px 22px; }.slider {  margin: 50px 0px; }  .slider .slider-nav {    margin: 20px 0px;    display: inline-flex; }    .slider .slider-nav div {      height: 45px;      width: 45px;      border-radius: 50%;      border: solid 1px #193C60;      display: flex;      align-items: center;      justify-content: center;      transition: all .2s; }      .slider .slider-nav div i {        color: #11A5DA; }      .slider .slider-nav div:hover {        cursor: pointer; }      .slider .slider-nav div.slider-left:hover {        background: #193C60; }        .slider .slider-nav div.slider-left:hover i {          color: white; }      .slider .slider-nav div.slider-right {        margin-left: 10px;        background: #193C60; }        .slider .slider-nav div.slider-right i {          color: white; }        .slider .slider-nav div.slider-right:hover {          background: #1E4A78; }.slider-item .item-thumbnail {  background-size: contain;  background-repeat: no-repeat;  background-position: center;  height: 250px; }  @media (min-width: 1032px) {    .slider-item .item-thumbnail {      height: 350px; } }.slider-item span {  text-transform: uppercase;  font-size: 18px;  margin-bottom: 5px;  font-weight: 700; }.slider-item p {  text-align: left !important;  font-family: "Work Sans", sans-serif !important;  color: #11A5DA;  font-weight: 700;  font-size: 16px !important;  width: 100% !important; }/*# sourceMappingURL=style.css.map */