@import url("https://use.typekit.net/epw5rih.css");
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1. Footer
2. Responsive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1. Footer
--------------------------------------------------------------*/
footer {
  padding-top: 60px;
  overflow: hidden;
}
footer .footer-middlebar {
  margin-bottom: 60px;
}
footer .footer-middlebar .widget_sd_widget_logo {
  margin-bottom: 40px;
}
footer .footer-middlebar .widget_sd_widget_reviews {
  position: relative;
  margin-top: 20px;
  padding: 20px 20px 20px 30px;
  max-width: 250px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  z-index: 1;
}
footer .footer-middlebar .widget_sd_widget_reviews:before {
  position: absolute;
  top: 23px;
  left: -8px;
  content: "";
  width: 15px;
  height: 15px;
  border-left: none;
  border-bottom: none;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 10;
}
footer .footer-middlebar .widget_sd_widget_reviews a {
  flex-wrap: wrap;
  row-gap: 20px;
}
footer .footer-middlebar .widget_sd_widget_reviews a .review-link {
  width: 100%;
}
footer .footer-middlebar .widget-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 20px;
}
footer .footer-middlebar p, footer .footer-middlebar a {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
footer .footer-middlebar a {
  -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
footer .footer-middlebar a:hover {
  color: #ff4600 !important;
}
footer .footer-middlebar ul {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  list-style: none;
  margin-bottom: 20px;
}
footer .footer-middlebar ul li a {
  display: flex;
  align-items: center;
  gap: 5px;
}
footer .footer-middlebar ul li a:before {
  content: "";
  width: 4px;
  height: 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  margin-right: 10px;
}
footer .footer-bottombar {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  background-color: #fff;
}
footer .footer-bottombar .footer-bottombar-1 {
  width: 1400px;
}
footer .footer-bottombar .footer-bottombar-1 ul {
  display: flex;
  flex-direction: row;
  justify-content: left;
  gap: 40px;
  list-style: none;
  margin: 0;
}
footer .footer-bottombar .footer-bottombar-1 ul li, footer .footer-bottombar .footer-bottombar-1 ul a {
  color: #0a323c;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
footer .footer-bottombar .footer-bottombar-1 ul a {
  -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
footer .footer-bottombar .footer-bottombar-1 ul a:hover {
  color: #ff4600;
}
footer .footer-bottombar .footer-bottombar-1 ul li:first-of-type {
  position: relative;
}
footer .footer-bottombar .footer-bottombar-1 ul li:first-of-type:before {
  position: absolute;
  top: -7px;
  left: calc(50% - 6px);
  display: block;
  content: "";
  width: 12px;
  height: 6px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

footer.dark {
  background-color: #1E424C;
}
footer.dark .footer-middlebar .widget_sd_widget_reviews {
  border: 2px solid #fff;
}
footer.dark .footer-middlebar .widget_sd_widget_reviews:before {
  border: 2px solid #fff;
  border-left: none;
  border-bottom: none;
  background-color: #1E424C;
}
footer.dark .footer-middlebar .widget-title {
  color: #fff;
}
footer.dark .footer-middlebar p, footer.dark .footer-middlebar a {
  color: #fff;
}
footer.dark .footer-middlebar ul li a:before {
  background-color: #fff;
}
footer.dark .footer-bottombar .footer-bottombar-1 ul li:first-of-type:before {
  background-image: url("data:image/svg+xml,%3Csvg width='12px' height='6px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 6'%3E%3Cpath fill='%231E424CFF' d='M6,6L0,0h12L6,6z'/%3E%3C/svg%3E");
}

footer.light {
  background-color: #F8F9FA;
}
footer.light .footer-middlebar .widget_sd_widget_reviews {
  border: 2px solid #0a323c;
}
footer.light .footer-middlebar .widget_sd_widget_reviews:before {
  border: 2px solid #0a323c;
  border-left: none;
  border-bottom: none;
  background-color: #F8F9FA;
}
footer.light .footer-middlebar .widget-title {
  color: #0a323c;
}
footer.light .footer-middlebar p, footer.light .footer-middlebar a {
  color: #0a323c;
}
footer.light .footer-middlebar ul li a:before {
  background-color: #0a323c;
}
footer.light .footer-bottombar .footer-bottombar-1 ul li:first-of-type:before {
  background-image: url("data:image/svg+xml,%3Csvg width='12px' height='6px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 6'%3E%3Cpath fill='%23F8F9FAFF' d='M6,6L0,0h12L6,6z'/%3E%3C/svg%3E");
}

/*--------------------------------------------------------------
2. Responsive
--------------------------------------------------------------*/
@media screen and (max-width: 1200px) {
  footer .footer-bottombar {
    justify-content: flex-start;
  }
  footer .footer-bottombar .footer-bottombar-1 {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  footer .footer-middlebar .widget-title {
    margin-bottom: 15px;
  }
  footer .footer-middlebar .footer-middlebar-2,
  footer .footer-middlebar .footer-middlebar-3,
  footer .footer-middlebar .footer-middlebar-4 {
    margin-bottom: 44px;
  }
  footer .footer-bottombar {
    height: unset;
    padding: 10px 0;
  }
  footer .footer-bottombar .footer-bottombar-1 ul {
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 10px;
  }
  footer .footer-bottombar .footer-bottombar-1 ul li,
  footer .footer-bottombar .footer-bottombar-1 ul li a {
    font-size: 10px;
    line-height: 1;
  }
}
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1. Input
2. Messages
3. Responsive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1. Input
--------------------------------------------------------------*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 14px;
  color: #A9B7BB;
}

::-moz-placeholder { /* Firefox 19+ */
  font-size: 14px;
  color: #A9B7BB;
}

:-ms-input-placeholder { /* IE 10+ */
  font-size: 14px;
  color: #A9B7BB;
}

:-moz-placeholder { /* Firefox 18- */
  font-size: 14px;
  color: #A9B7BB;
}

.wpcf7,
.sd-form {
  gap: 10px;
}

input[type=week],
input[type=url],
input[type=time],
input[type=password],
input[type=number],
input[type=color],
input[type=month],
input[type=datetime-local],
input[type=text],
input[type=email],
input[type=tel] {
  display: block;
  height: 48px;
  width: 100%;
  padding: 0 20px;
  background: #fff;
  border: 0 none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-size: 14px;
  color: #0a323c;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  height: 48px;
  width: 100%;
  padding: 0 20px;
  background: #fff;
  border: 0 none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-size: 14px;
  color: #0a323c;
}

textarea {
  display: block;
  height: 165px;
  width: 100%;
  padding: 20px;
  background: #fff;
  border: 0 none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  resize: vertical;
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-size: 14px;
  color: #0a323c;
}

button,
input[type=button],
button[type=submit],
input[type=submit] {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  padding: 0 20px;
  background: #ff4600 !important;
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 48px;
  color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
button svg,
input[type=button] svg,
button[type=submit] svg,
input[type=submit] svg {
  height: 11px;
  width: 25px;
}
button:before,
input[type=button]:before,
button[type=submit]:before,
input[type=submit]:before {
  content: "";
  position: absolute;
  left: -32px;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #000;
  opacity: 0.1;
  -webkit-transition: width 0.5s ease-out;
  -moz-transition: width 0.5s ease-out;
  -o-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out;
}
button:after,
input[type=button]:after,
button[type=submit]:after,
input[type=submit]:after {
  content: "";
  position: absolute;
  left: -32px;
  top: 0;
  width: 32px;
  height: 48px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='6px' height='9px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 9'%3E%3Cpath fill='%23000' d='M6,4.5L0,9V0L6,4.5z'/%3E%3C/svg%3E%0A");
  opacity: 0;
  transition: left 0.5s ease-out, opacity 0s linear 0.5s;
  -webkit-transition: left 0.5s ease-out, opacity 0s linear 0.5s;
  -moz-transition: left 0.5s ease-out, opacity 0s linear 0.5s;
  -o-transition: left 0.5s ease-out, opacity 0s linear 0.5s;
}
button:hover:before,
input[type=button]:hover:before,
button[type=submit]:hover:before,
input[type=submit]:hover:before {
  width: calc(100% + 32px);
}
button:hover:after,
input[type=button]:hover:after,
button[type=submit]:hover:after,
input[type=submit]:hover:after {
  left: 100%;
  opacity: 0.1;
  transition: left 0.5s ease-out, opacity 0s ease-out 0s;
  -webkit-transition: left 0.5s ease-out, opacity 0s ease-out 0s;
  -moz-transition: left 0.5s ease-out, opacity 0s ease-out 0s;
  -o-transition: left 0.5s ease-out, opacity 0s ease-out 0s;
}

.SD-type-pretty_file {
  position: relative;
}
.SD-type-pretty_file:after {
  content: "";
  position: absolute;
  top: 15px;
  right: 20px;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14.2 13.5' width='15px' height='15px' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.7,4c-.3-.3-.3-.8,0-1.1L6.4.2c.1-.1.3-.2.5-.2s.4,0,.5.2l2.7,2.7c.3.3.3.8,0,1.1s-.3.2-.5.2-.4,0-.5-.2l-1.4-1.4v7.5c0,.4-.3.8-.8.8s-.8-.3-.8-.8V2.6l-1.4,1.4c-.3.3-.8.3-1.1,0ZM13.5,7.5c-.4,0-.8.3-.8.8v2.5c0,.7-.6,1.2-1.2,1.2H2.8c-.7,0-1.2-.6-1.2-1.2v-2.5c0-.4-.3-.8-.8-.8s-.8.3-.8.8v2.5c0,1.5,1.2,2.8,2.8,2.8h8.8c1.5,0,2.8-1.2,2.8-2.8v-2.5c0-.4-.3-.8-.8-.8Z' fill='%230A323C' /%3E%3C/svg%3E");
}
.SD-type-pretty_file .SD-pretty-upload-select-file-label {
  width: 100%;
  padding: 0 20px !important;
  margin: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.SD-type-pretty_file .SD-pretty-upload-select-file-label:hover {
  background-color: #fff;
}
.SD-type-pretty_file .SD-pretty-upload-select-file-label span {
  font-size: 14px;
  font-weight: 400;
  line-height: 48px;
  color: #A9B7BB;
}

.input-vakgebied {
  margin: 10px 0;
}
.input-vakgebied p b {
  display: block;
  color: #fff;
  margin-bottom: 5px !important;
}

/* Start privacy checkbox */
.wpcf7 .wpcf7-checkbox .wpcf7-list-item,
.sd-form .SD-type-checkbox {
  padding: 0;
  margin: 0;
}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item label,
.sd-form .SD-type-checkbox label {
  margin-bottom: 0;
}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item input,
.sd-form .SD-type-checkbox input {
  opacity: 0;
  position: absolute;
  display: block;
  left: 1px;
  top: 9px;
  z-index: -1;
}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item input:checked + .wpcf7-list-item-label:before, .wpcf7 .wpcf7-checkbox .wpcf7-list-item input:checked + label:before,
.sd-form .SD-type-checkbox input:checked + .wpcf7-list-item-label:before,
.sd-form .SD-type-checkbox input:checked + label:before {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23FF4600FF' d='M5.2,8c-.3,0-.5-.1-.7-.3L.3,3.4c-.4-.4-.4-1,0-1.4.4-.4,1-.4,1.4,0l3.5,3.6L10.3.3c.4-.4,1-.4,1.4,0,.4.4.4,1,0,1.4l-5.8,6c-.2.2-.4.3-.7.3Z'/%3E%3C/svg%3E");
}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label,
.wpcf7 .wpcf7-checkbox .wpcf7-list-item .SD-label,
.sd-form .SD-type-checkbox .wpcf7-list-item-label,
.sd-form .SD-type-checkbox .SD-label {
  position: relative;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 0;
}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label a,
.wpcf7 .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label .privacy-acceptance-link a,
.wpcf7 .wpcf7-checkbox .wpcf7-list-item .SD-label a,
.wpcf7 .wpcf7-checkbox .wpcf7-list-item .SD-label .privacy-acceptance-link a,
.sd-form .SD-type-checkbox .wpcf7-list-item-label a,
.sd-form .SD-type-checkbox .wpcf7-list-item-label .privacy-acceptance-link a,
.sd-form .SD-type-checkbox .SD-label a,
.sd-form .SD-type-checkbox .SD-label .privacy-acceptance-link a {
  color: #ff4600;
  text-decoration: none;
}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label:before,
.wpcf7 .wpcf7-checkbox .wpcf7-list-item .SD-label:before,
.sd-form .SD-type-checkbox .wpcf7-list-item-label:before,
.sd-form .SD-type-checkbox .SD-label:before {
  content: "";
  display: block;
  height: 15px;
  width: 15px;
  margin-right: 10px;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}

.input-vakgebied .wpcf7-form-control {
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}

.SD_FormGen_form .mandatory_icon {
  color: #ff4600;
}

.wpcf7 .wpcf7-checkbox .wpcf7-list-item {
  padding-left: 0;
}

/* End privacy checkbox */
/* Start whitelabel CF7 */
.wpcf7 form .wpcf7-response-output {
  margin: 0;
  padding: 0;
}

/* End whitelabel CF7 */
/* Start whitelabel CF7 */
.type-file input[type=file] {
  display: none;
}
.type-file label > span:not(.wpcf7-form-control-wrap) {
  display: flex;
  align-items: center;
  color: #0a323c;
  cursor: pointer;
  padding: 0 15px;
  height: 50px;
  background-color: #F8F9FA;
  font-family: "fractul-variable", sans-serif;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.type-file label:hover > span:not(.wpcf7-form-control-wrap) {
  color: #fff;
  background-color: #0a323c;
}

.input-col-120 p:has(.wpcf7-spinner) {
  display: flex;
  align-items: center;
  flex-direction: row;
}

form.wpcf7-form.invalid {
  display: grid;
}
form.wpcf7-form.invalid div.wpcf7-response-output {
  margin-bottom: 10px;
  order: -1;
}

/* End whitelabel CF7 */
/*--------------------------------------------------------------
2. Messages
--------------------------------------------------------------*/
/* Start success messages  */
.wpcf7 form.sent .wpcf7-response-output,
.sd-success-message-container {
  position: relative;
  margin-top: 30px;
  padding: 20px;
  background-color: #F8F9FA;
  color: #0a323c;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: none 0;
}

.sd-success-message {
  font-weight: 400;
  font-size: 16px;
}
.sd-success-message a {
  color: #ff4600;
}
.sd-success-message::before {
  content: "";
  background-image: url("../icons/success.svg");
  color: #ffffff;
  font-size: 30px;
  position: absolute;
  right: 15px;
  top: 7px;
}

/* End success messages  */
/* Start notification messages  */
.sd-notification-message::before {
  content: "";
  background-image: url("../icons/info.svg");
  color: #ffffff;
  font-size: 30px;
  position: absolute;
  right: 15px;
  top: 7px;
}

/* End notification messages  */
/* Start error messages */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.sd-error-message-container {
  position: relative;
  margin-bottom: 30px;
  padding: 20px;
  background-color: #FFF5F2;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #ff4600;
  border: none;
}

.sd-error-message-general {
  font-weight: 200;
  font-size: 18px;
}
.sd-error-message-general:before {
  content: "";
  background-image: url("../icons/error.svg");
  color: #ffffff;
  font-size: 30px;
  position: absolute;
  right: 15px;
  top: 7px;
}

/* End error messages */
.wpcf7 .ajax-loader {
  vertical-align: middle;
}

/*--------------------------------------------------------------
3. Responsive
--------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .sd-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  #filter-anchor {
    display: none;
  }
  .filter-toggle {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: fixed;
    bottom: 15px;
    right: 30px;
    z-index: 99;
    background-color: #1E424C;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 0 20px;
    text-align: center;
    font-size: 20px;
    line-height: 60px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
  }
  .filter-toggle:before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 244.8 244.8' width='15px' height='15px' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M244.5,107.9c-0.9-3-3.5-5.2-6.7-5.5l-20.1-1.8c-2.4-10.9-6.6-21-12.4-30.2L218.1,55c2.6-3.1,2.4-7.6-0.5-10.4 l-17.4-17.4c-0.2-0.2-0.4-0.3-0.6-0.5c-2.8-2.3-7-2.4-9.9,0L175,39l0,0l-1.2,1c-9.2-5.7-19.2-9.7-29.5-12.1L142.4,7 c-0.4-4-3.7-7-7.7-7h-24.6c-4,0-7.3,3-7.7,7l-1.9,21.1c-10.2,2.4-20.1,6.4-29.3,12.1l-1-0.8l0,0l-2.5-2.1L55,26.7 c-0.8-0.6-1.6-1.1-2.5-1.4c-2.7-0.9-5.8-0.2-7.9,1.9L27.1,44.6c-1.6,1.6-2.4,3.9-2.2,6c0.1,1.6,0.7,3.1,1.8,4.4l13.1,15.7 c-5.6,9.1-9.8,19.1-12.2,29.9L7,102.4c-4,0.4-7,3.7-7,7.7v24.6c0,0.5,0.1,1,0.1,1.5c0.6,3.3,3.4,5.9,6.9,6.2l20.6,1.9 c2.3,10.4,6.4,20.5,12.2,29.9l-13.1,15.7c-2.6,3.1-2.4,7.6,0.5,10.4l17.4,17.4c0.5,0.5,1.1,1,1.8,1.3c2.7,1.5,6.2,1.2,8.7-0.8 l15.5-13c9.4,6,19.6,10.2,30.1,12.6l1.8,20c0.3,3.5,2.9,6.2,6.2,6.9c0.5,0.1,1,0.1,1.5,0.1h24.6c4,0,7.3-3,7.7-7l1.7-19.2l0,0 l0.2-1.7c10.6-2.4,20.5-6.5,29.5-12.1l16.1,13.4c3.1,2.6,7.6,2.4,10.4-0.5l17.4-17.4c2.8-2.8,3-7.3,0.5-10.4L204.9,174 c5.7-9,10-19,12.5-29.7l0.6-0.1h0l19.8-1.8c4-0.4,7-3.7,7-7.7v-24.6C244.8,109.3,244.7,108.6,244.5,107.9L244.5,107.9z M122.6,164.9 c-23.1,0-41.9-18.2-42.8-41.1c-0.3-11.3,3.9-22.8,12.5-31.4c16.7-16.7,43.8-16.7,60.6,0c7.6,7.6,11.8,17.5,12.4,27.5l0,0 c0,0.7,0.1,1.4,0.1,2.1C165.4,145.7,146.3,164.9,122.6,164.9L122.6,164.9z' fill='%23fff' /%3E%3C/svg%3E");
  }
  .input-vakgebied .wpcf7-form-control {
    grid-template-columns: repeat(1, 1fr);
  }
}
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1. Navigation
2. Header
3. Responsive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1. Navigation
--------------------------------------------------------------*/
.main-navigation ul {
  display: flex !important;
  flex-direction: row;
  gap: 30px;
  /* Sub Menu */
}
.main-navigation ul li a {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 80px;
  -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
.main-navigation ul li a:hover {
  color: #ff4600;
}
.main-navigation ul li.current-menu-item > a {
  font-weight: 700;
}
.main-navigation ul li.menu-item-has-children > a {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 8px;
}
.main-navigation ul li.menu-item-has-children > a:after {
  position: relative;
  bottom: -1px;
  content: "";
  display: block;
  width: 10px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3Csvg width='10px' height='6px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5.8'%3E%3Cpath fill='%23fff' d='M0,.8c0-.2.1-.4.2-.5C.5,0,1,0,1.3.3l3.7,3.6L8.7.2c.3-.3.8-.3,1.1,0,.3.3.3.8,0,1.1l-4.2,4.2c-.3.3-.8.3-1.1,0L.2,1.3c0-.2-.2-.4-.2-.5Z'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.main-navigation ul ul.sub-menu {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  min-width: 200px;
  padding: 20px;
  background-color: #1E424C;
  border: none;
  border-top: 1px solid #fff;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
.main-navigation ul ul.sub-menu li a {
  line-height: 26px;
  white-space: nowrap;
}
.main-navigation ul ul.sub-menu li.current-menu-item > a {
  font-weight: 700;
}

.main-navigation ul li.menu-item-has-children.focus:before,
.main-navigation ul li.menu-item-has-children:hover:before,
.main-navigation ul li.menu-item-has-children.focus:after,
.main-navigation ul li.menu-item-has-children:hover:after,
.main-navigation ul li.page_item_has_children.focus:before,
.main-navigation ul li.page_item_has_children:hover:before,
.main-navigation ul li.page_item_has_children.focus:after,
.main-navigation ul li.page_item_has_children:hover:after {
  display: none;
}

/*--------------------------------------------------------------
2. Header
--------------------------------------------------------------*/
header.site-header.fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 999;
}
header.site-header.fixed .wrap {
  padding-left: 15px;
  padding-right: 15px;
}
header.site-header.fixed .header-topbar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 32px;
  background-color: #1E424C;
}
header.site-header.fixed .header-topbar .wrap {
  padding: 0;
}
header.site-header.fixed .header-topbar .header-topbar-1 {
  display: flex;
  align-items: center;
  flex-direction: row;
  column-gap: 30px;
  width: 1400px;
  padding: 0;
}
header.site-header.fixed .header-topbar .header-topbar-1 .widget_custom_html {
  display: flex;
  align-items: center;
  flex-grow: 1;
  height: 32px;
}
header.site-header.fixed .header-topbar .header-topbar-1 .widget_custom_html .wpb_widgetised_column {
  margin: 0;
}
header.site-header.fixed .header-middlebar {
  width: 100%;
  height: 80px;
  background-color: #0a323c;
  border-bottom: 1px solid #1E424C;
}
header.site-header.fixed .header-middlebar .header-middlebar-1 {
  display: flex;
  align-items: center;
  flex-direction: row;
  column-gap: 30px;
  padding: 0;
}
header.site-header.fixed .header-middlebar .header-middlebar-1 .widget_sd_widget_logo {
  flex-grow: 1;
}
.admin-bar header.site-header.fixed {
  top: 32px;
}

/*--------------------------------------------------------------
3. Responsive
--------------------------------------------------------------*/
@media screen and (max-width: 1600px) {
  header.site-header.fixed .header-topbar .header-topbar-1 {
    width: 1370px;
  }
}
@media screen and (max-width: 1400px) {
  header.site-header.fixed .header-topbar .header-topbar-1 {
    width: 100%;
  }
  header.site-header.fixed .header-topbar .header-topbar-inner,
  header.site-header.fixed .header-middlebar .header-middlebar-inner {
    width: 100%;
  }
  header.site-header.fixed .header-topbar .header-topbar-inner .wrap,
  header.site-header.fixed .header-middlebar .header-middlebar-inner .wrap {
    width: 100%;
    max-width: unset;
    margin: 0;
    padding: 0 15px;
  }
}
@media screen and (max-width: 1199px) {
  .header-middlebar {
    display: flex;
    align-items: center;
  }
  .main-navigation {
    display: none;
  }
  header.site-header.mobile-nav-bottom {
    top: unset;
    bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .admin-bar header.site-header.fixed {
    top: 46px;
  }
  header.site-header.fixed .header-topbar,
  header.site-header.fixed .widget_sd_widget_button {
    display: none;
  }
  .header-middlebar-1 {
    display: flex;
    height: 50px;
  }
}
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1. Lay-out
2. Visual Composer
3. Responsive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1. Lay-out
--------------------------------------------------------------*/
html.overlay-enabled {
  overflow: hidden;
}
html.overlay-enabled.menu-open:after {
  content: "";
  display: block;
  height: 100%;
  width: 100vw;
  background-color: #0a323c;
  position: fixed;
  top: 0;
  bottom: 0;
  opacity: 0.5;
  z-index: 11;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

body {
  overflow-x: hidden;
}

.wrap {
  max-width: 1430px;
}

embed,
iframe,
object {
  width: 100%;
}

.marginbottom-0px {
  margin-bottom: 0;
}

.marginbottom-20px {
  margin-bottom: 20px;
}

.marginbottom-40px {
  margin-bottom: 40px;
}

.marginbottom-60px {
  margin-bottom: 60px;
}

.site-content-contain {
  margin-top: 112px;
}

.mobile-nav-bottom + .site-content-contain {
  margin-top: 0;
}

.mobile-nav-bottom + .site-content-contain + footer {
  margin-bottom: 125px;
}

/*--------------------------------------------------------------
2. Visual Composer
--------------------------------------------------------------*/
.vc_row-fluid:not(.vc_inner) {
  padding-top: 100px;
  padding-bottom: 100px;
}

.vc_row-fluid.vc_inner {
  padding-top: 0;
  padding-bottom: 0;
}

.vc_col-has-fill > .vc_column-inner,
.vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner,
.vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner,
.vc_row-has-fill > .vc_column_container > .vc_column-inner {
  padding-top: 0;
}

.vc_row.vc_row-o-equal-height > .wpb_column > .vc_column-inner > .wpb_wrapper {
  height: 100%;
}

.vc_row.bg-k-position-right:before {
  transform: translate(230px, 0px);
  right: 0;
}

/*--------------------------------------------------------------
3. Responsive
--------------------------------------------------------------*/
@media screen and (max-width: 1600px) {
  .marginbottom-0px {
    margin-bottom: 0;
  }
  .marginbottom-20px {
    margin-bottom: 17px;
  }
  .marginbottom-40px {
    margin-bottom: 33px;
  }
  .marginbottom-60px {
    margin-bottom: 50px;
  }
  .site-content-contain {
    margin-top: 93px;
  }
  .mobile-nav-bottom + .site-content-contain + footer {
    margin-bottom: 104px;
  }
  .vc_row-fluid:not(.vc_inner) {
    padding-top: 83px;
    padding-bottom: 83px;
  }
  .vc_row.bg-k-position-right:before {
    transform: translate(230px, 0px);
  }
}
@media screen and (max-width: 1400px) {
  .marginbottom-20px {
    margin-bottom: 15px;
  }
  .marginbottom-40px {
    margin-bottom: 29px;
  }
  .marginbottom-60px {
    margin-bottom: 44px;
  }
  .site-content-contain {
    margin-top: 82px;
  }
  .mobile-nav-bottom + .site-content-contain + footer {
    margin-bottom: 91px;
  }
  .vc_row-fluid:not(.vc_inner) {
    padding-top: 73px;
    padding-bottom: 73px;
  }
}
@media screen and (max-width: 1600px) {
  .wrap {
    max-width: 1400px;
  }
}
@media screen and (max-width: 1400px) {
  .wrap {
    max-width: 1200px;
  }
}
@media screen and (max-width: 767px) {
  .mobile_marginbottom-0px {
    margin-bottom: 0;
  }
  .mobile_marginbottom-20px {
    margin-bottom: 15px;
  }
  .mobile_marginbottom-40px {
    margin-bottom: 29px;
  }
  .mobile_marginbottom-60px {
    margin-bottom: 44px;
  }
}
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1. Loading
2. Responsive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1. Navigation
--------------------------------------------------------------*/
.sd-loading {
  font-size: 0;
  opacity: 0.1;
  -webkit-animation: sd-loading 1.5s linear infinite;
}
.sd-loading.sd-loading-grid {
  display: grid;
  gap: 20px;
}
.sd-loading.sd-grid-1 {
  grid-template-columns: repeat(1, 1fr);
}
.sd-loading.sd-grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
.sd-loading.sd-grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
.sd-loading.sd-grid-4 {
  grid-template-columns: repeat(4, 1fr);
}
.sd-loading .sd-loading-single {
  padding: 20px;
  background-color: #1E424C;
}
.sd-loading .loading-separator {
  height: 30px;
}
.sd-loading .loading-button {
  height: 50px;
  margin-bottom: 15px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: #0a323c;
}
.sd-loading .loading-title {
  width: 65%;
  height: 30px;
  margin-bottom: 15px;
  background-color: #0a323c;
}
.sd-loading .loading-input {
  width: 100%;
  height: 56px;
  margin-bottom: 15px;
  background-color: #0a323c;
}
.sd-loading .loading-checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.sd-loading .loading-checkbox > span:first-child {
  height: 24px;
  width: 30px;
  margin-right: 12px;
  background-color: #0a323c;
}
.sd-loading .loading-checkbox > span:last-child {
  height: 16px;
  width: 150px;
  background-color: #0a323c;
}
@-webkit-keyframes sd-loading {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 0.1;
  }
}

.bg-blue-dark .sd-loading .sd-loading-single {
  background-color: #1E424C;
}
.bg-blue-dark .sd-loading .loading-button {
  background-color: #4f6c73;
}
.bg-blue-dark .sd-loading .loading-title {
  background-color: #4f6c73;
}
.bg-blue-dark .sd-loading .loading-input {
  background-color: #4f6c73;
}
.bg-blue-dark .sd-loading .loading-checkbox > span:first-child {
  background-color: #4f6c73;
}
.bg-blue-dark .sd-loading .loading-checkbox > span:last-child {
  background-color: #4f6c73;
}

.sd-spinner {
  width: 20px;
  margin-right: 10px;
  vertical-align: middle;
  color: #008000;
}

/*--------------------------------------------------------------
2. Responsive
--------------------------------------------------------------*/
button.whatsapp-button,
input[type=button].whatsapp-button,
button[type=submit].whatsapp-button,
input[type=submit].whatsapp-button,
.whatsapp-button {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: fit-content;
  padding: 0 20px;
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 48px;
  color: #0a323c;
  background-color: #25D366 !important;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
button.whatsapp-button svg,
input[type=button].whatsapp-button svg,
button[type=submit].whatsapp-button svg,
input[type=submit].whatsapp-button svg,
.whatsapp-button svg {
  width: 20px;
  height: 20px;
}
button.whatsapp-button:before,
input[type=button].whatsapp-button:before,
button[type=submit].whatsapp-button:before,
input[type=submit].whatsapp-button:before,
.whatsapp-button:before {
  content: "";
  position: absolute;
  left: -32px;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #000;
  opacity: 0.1;
  -webkit-transition: width 0.5s ease-out;
  -moz-transition: width 0.5s ease-out;
  -o-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out;
}
button.whatsapp-button:after,
input[type=button].whatsapp-button:after,
button[type=submit].whatsapp-button:after,
input[type=submit].whatsapp-button:after,
.whatsapp-button:after {
  content: "";
  position: absolute;
  left: -32px;
  top: 0;
  width: 32px;
  height: 48px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='6px' height='9px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 9'%3E%3Cpath fill='%23000' d='M6,4.5L0,9V0L6,4.5z'/%3E%3C/svg%3E%0A");
  opacity: 0;
  transition: left 0.5s ease-out, opacity 0s linear 0.5s;
  -webkit-transition: left 0.5s ease-out, opacity 0s linear 0.5s;
  -moz-transition: left 0.5s ease-out, opacity 0s linear 0.5s;
  -o-transition: left 0.5s ease-out, opacity 0s linear 0.5s;
}
button.whatsapp-button:hover,
input[type=button].whatsapp-button:hover,
button[type=submit].whatsapp-button:hover,
input[type=submit].whatsapp-button:hover,
.whatsapp-button:hover {
  color: #0a323c;
}
button.whatsapp-button:hover:before,
input[type=button].whatsapp-button:hover:before,
button[type=submit].whatsapp-button:hover:before,
input[type=submit].whatsapp-button:hover:before,
.whatsapp-button:hover:before {
  width: calc(100% + 32px);
}
button.whatsapp-button:hover:after,
input[type=button].whatsapp-button:hover:after,
button[type=submit].whatsapp-button:hover:after,
input[type=submit].whatsapp-button:hover:after,
.whatsapp-button:hover:after {
  left: 100%;
  opacity: 0.1;
  transition: left 0.5s ease-out, opacity 0s ease-out 0s;
  -webkit-transition: left 0.5s ease-out, opacity 0s ease-out 0s;
  -moz-transition: left 0.5s ease-out, opacity 0s ease-out 0s;
  -o-transition: left 0.5s ease-out, opacity 0s ease-out 0s;
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1. Pagination
2. Responsive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1. Pagination
--------------------------------------------------------------*/
.sd-pagination {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  column-gap: 5px;
  margin-top: 20px;
}
.sd-pagination .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  background-color: #F0F2F5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  color: #0a323c;
  -webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out, color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out, color 0.3s ease-out;
  transition: background-color 0.3s ease-out, color 0.3s ease-out;
  cursor: pointer;
}
.sd-pagination .page-numbers:hover {
  background-color: #ff4600 !important;
  color: #fff;
}
.sd-pagination .page-numbers.current {
  background-color: #fff;
}
.sd-pagination .page-numbers.prev svg, .sd-pagination .page-numbers.next svg {
  width: 10px;
  height: 10px;
}

/*--------------------------------------------------------------
2. Responsive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1. Tabs
2. Responsive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1. Tabs
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2. Responsive
--------------------------------------------------------------*/
html, body {
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-size: 16px;
  color: #0a323c;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "fractul-variable", sans-serif;
  font-weight: 900;
}

h1 {
  font-size: 80px;
  line-height: 83px;
}

h2 {
  font-size: 52px;
  line-height: 51px;
}

h3 {
  font-size: 28px;
  line-height: 35px;
}

h4 {
  font-size: 22px;
  line-height: 27px;
}

h5, h6 {
  font-size: 18px;
  line-height: 28px;
}

p {
  font-size: 16px;
  padding: 0;
  margin: 0 0 20px 0;
  line-height: 26px;
}

p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1200px) {
  h1 {
    font-size: 50px;
    line-height: 1;
  }
  h2 {
    font-size: 35px;
    line-height: 1;
  }
  h3 {
    font-size: 25px;
    line-height: 32px;
  }
  h4 {
    font-size: 20px;
    line-height: 25px;
  }
  h5, h6 {
    font-size: 16px;
    line-height: 26px;
  }
}

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