@charset "utf-8"; /* Style CSS */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 1.8;
    color: #002929;
    word-wrap: break-word;
    background: #fff;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

:focus {
    outline: none;
}

a {
    color: #373b6f;
    text-decoration: none;
}

img {
    vertical-align: middle;
    border: none;
    max-width: 100%;
    height: auto;
}

hr {
    margin: 30px 0;
    border: 0;
    border-top: 2px solid #f8f8f8;
}

embed, iframe, object {
    margin: 0 0 20px;
    max-width: 100%;
}

b, strong {
    font-weight: 700;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin: 0 0 20px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    line-height: 1.2;
    color: #313E4E;
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
    color: inherit;
}

h1, .h1 {
    font-size: 51px;
}

h2, .h2, #request-form .request-form h1 {
    font-size: 42px;
}

h3, .h3 {
    font-size: 30px;
}

h4, .h4 {
    font-size: 18px;
}

h5, .h5 {
    font-size: 14px;
}

h6, .h6 {
    font-size: 12px;
}

#request-form .request-form h1 {
    text-align: center;
    font-size: 28px;
}

p {
    margin: 0;
    margin-bottom: 20px;
}

ol, ul {
    margin: 0;
    margin-bottom: 20px;
}

label {
    margin-bottom: 5px;
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #313E4E;
}

label small {
    font-size: 12px;
    font-weight: 700;
}

.optional {
    font-size: 12px;
    color: #bababa;
    font-weight: normal;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, textarea {
    display: block;
    width: 100%;
    margin: 20px 0;
    padding: 15px 0px;
    background: #fff;
    color: #002023;
    border: 0;
    border-bottom: 2px solid #E9EBEA;
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
    resize: none;
}

.tox-tinymce {
    border: 1px solid #d4e3e8 !important;
    border-radius: 5px !important;
}

.select2-container--default .select2-selection--single, .select2-dropdown, .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #d4e3e8;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #adadad;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    margin-top: -12px;
    right: 1rem
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0;
    background: url(../images/select.svg) center no-repeat;
    width: 12px;
    height: 8px;
    background-size: contain;
    margin-top: -2px;
}
.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
}

.info-icon {
    width: 14px !important;
    height: 14px !important;
    font-size: 8px !important;
    top: -0.3em !important;
    background: url(../images/question.svg) center no-repeat !important;
    background-size: 100% !important;
    margin-left: 0.5em;
}

.info-icon:hover {
    opacity: 0.7;
}

.fa-info:before {
    display: none;
    margin-right: -1px;
    top: -1px !important;
    position: relative;
}

select {
    padding-right: 40px;
    background: url(../images/select.svg) no-repeat center right 20px #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

textarea {
    height: 200px;
}

button, input[type="button"], input[type="submit"], .btn {
    display: inline-block;
    /* width: 100%; */
    max-width: 240px !important;
    margin: 0;
    padding: 14px 69px;
    background: #002023;
    color: #fff;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
    /* font-weight: 700; */
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.tox-button {
    min-width: auto;
}

[type=submit].btn {
    /* margin: auto; */
    display: block;
    min-width: 195px;
    margin-top:  1rem;
}

[type=submit].btn:hover {
    opacity: 0.8;
}

button:hover, input[type="button"]:hover, input[type="submit"]:hover, .btn:hover {
    background: #00D27D;
    background: linear-gradient(85.74deg, rgba(0, 210, 125, 0.97) 7.61%, #00D27D 128.39%);
    color: #002929;
}

.add-contact {
    right: -27px !important;
    bottom: 5px !important;
    top: auto !important;
}

#contact-info {
    position: fixed;
    right: 2rem;
    top: 50%;
    margin-top: -117px;
    z-index: 2;
    font-size: 18px;
    font-weight: 600;
}

#contact-info ul,
#contact-info ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#contact-info ul li {
    margin: 1.2rem 0
}

#contact-info ul li a {
    display: block;
    padding-right: 60px;
    text-align: right;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 46px;
    line-height: 1;
}

#contact-info ul li a:hover {
    color: #30aa50;
}

#contact-info ul li a:after {
    content: "";
    display: block;
    position: absolute;
    width: 46px;
    height: 46px;
    right: 0;
    top: 0;
    background: url(../images/2020/phone.svg) no-repeat center;
}

#contact-info ul li.whats a:after {
    background-image: url(../images/2020/whatsapp.svg)
}

#contact-info ul li.email a:after {
    background-image: url(../images/2020/email.svg)
}

#contact-info ul li a span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0.2rem;
}

.billable {
    background: #EBFFF4;
    border-radius: 4px;
    border-left: 6px solid #1CA752;
    padding: 0.2rem 1.5rem;
    margin-top: 2.5rem;
}

.billable.red {
    background: #FFDBDB;
    border-color: #F05252;
}

.billable .radio input[type=radio]+label {
    background: url(../images/radio2.svg) no-repeat left top;
}

.billable.red .radio input[type=radio]:checked+label {
    background: url(../images/radio-checked-red.svg) no-repeat left top;
}

@media (max-width: 1400px) {
    #contact-info {
        position: static;
        margin: 0 auto;
        max-width: 770px;
        margin-top: 3rem
    }

    #contact-info ul {
        display: flex;
        justify-content: space-between;
    }

    #nt-header {
        background-position: -300px 0 !important
    }
}

@media (min-width: 1401px) {
    #contact-info {
        animation: blinkingText 2s 5;
    }
}

@media (max-width: 767px) {
    .add-contact {
        right: 25px !important;
        bottom: 12px !important;
        top: auto !important
    }

    #request-form .request-form .radiobox > label {
        display: block !important
    }

    #contact-info ul {
        flex-direction: column;
        align-items: center;
    }

    #contact-info ul li {
        margin: 0.8rem 0
    }

    #contact-info ul li a {
        display: flex;
        flex-direction: column;
        padding: 0;
        align-items: center;
        height: auto;
    }

    #contact-info ul li a:after {
        position: static;
        height: 46px;
        width: 46px;
        flex-shrink: 0;
        order: -1;
        margin-bottom: 0.5rem;
    }
}

@media (max-width: 480px) {
    #request-form .request-form .radiobox {
        display: flex;
        flex-direction: column;
    }

    #request-form .request-form .radiobox > * {
        width: 100% !important;
    }

    #request-form .request-form .radiobox > label {
        max-width: 100% !important;
    }

    .nav-tabs {
        padding-left: 0 !important;
        flex-direction: column;
    }

    .nav-tabs .nav-link {
        margin: 0.2rem 0 !important;
        border-radius: 5px;
    }

    #nt-header {
        background-position: -500px 0 !important
    }
}

.add-contact button {
    width: 36px !important;
    height: 36px;
    padding: 0 !important;
    font-size: 21px;
    line-height: 15px;
    outline: none;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #002023;
    font-weight: 600;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #002023;
    font-weight: 600
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: ##002023;
    font-weight: 600
}

::-moz-selection {
    background: #002929;
    color: #E2EEF0;
}

::selection {
    background: #002929;
    color: #E2EEF0;
}

.row {
}

.row:before, .row:after {
    content: "";
    display: table;
}

.row:after {
    clear: both;
}

.container {
    width: 1170px;
    margin: 0 auto;
}

.container:before, .container:after {
    content: "";
    display: table;
}

.container:after {
    clear: both;
}

#informatie {
    background: linear-gradient(270deg, #FFAA5C 0%, #FF835C 100%);
    color: #fff;
    font-weight: 600;
    font-family: 'Manrope', sans-serif;
}

#informatie .container {
    width: 100%;
    max-width: 1780px;
    padding: 0.8rem 1.2rem;
    display: flex;
}

#informatie .container:before,
.info_content:before {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/2020/warning.svg) no-repeat center;
    background-size: contain;
    margin-right: 0.8rem;
    flex-shrink: 0;
}

#informatie strong,
#info_popup strong {
    text-transform: uppercase;
    font-weight: 900;
    margin-right: 0.5rem;
}

#info_popup {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(49, 62, 78, 0.53);
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Manrope', sans-serif;
}

.info_content {
    background: linear-gradient(270deg, #FFAA5C 0%, #FF835C 100%);
    border-radius: 8px;
    width: 80%;
    max-width: 514px;
    padding: 64px;
    color: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.info_content:before {
    width: 56px;
    height: 56px;
    margin-bottom: 1rem;
}
.info_content strong {
    font-size: 24px;
    margin-bottom: 1rem;
}

.info_content .button {
    border: 2px solid #FFFFFF;
    border-radius: 8px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0.5rem 1.8rem;
    margin-top: 2rem;
    cursor: pointer;
}

.info_content .button:hover {
    background: #fff;
    color: #FFAA5C;
}

.info_content .close {
    position: absolute;
    background: #313E4E;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    top: -18px;
    right: -18px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    font-weight: 600;
}

.info_content .close:hover {
    background: rgba(1, 160, 78, 0.97);
}


#header {
    margin: 0 0 2rem 0;
    padding: 35px 0;
    /* position: absolute; */
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    position: relative;
        background: #002023;

}

#header .container {
    width: 100%;
    max-width: 1430px;
    padding: 0 1rem;
}

#header .logo {
    margin: 0;
    padding: 0;
}

#header .logo img {
    margin: 0;
    padding: 0;
    width: 360px;
}

#header .status-info {
    margin: 0;
    padding: 0;
    text-align: center;
}

#header .status-info .status-btn {
    display: inline-flex;
    margin: 0;
    padding: 12px 20px 12px 40px;
    background: linear-gradient(85.74deg, rgba(0, 72, 63, 0.97) 7.61%, #00483f 128.39%);
    color: #E2EEF0;
    font-size: 14px;
    line-height: normal;
    font-weight: 700;
    border-radius: 30px;
    /*     text-transform: uppercase; */
    letter-spacing: 0.05em;
    justify-content: space-between;
    align-items: center;
}

#header .status-info .status-btn:after {
     background-image: url(../images/2026/led.svg);
     content: "";
     width: 24px;
     height: 24px;
     margin-left: 1.5rem;
     animation:blinkingText 1.2s infinite;
}

@keyframes blinkingText{
    0%{     opacity: 1;    }
    50%{    opacity: 0.3; }
    100%{   opacity: 1;    }
}

#header .status-info .red-status-btn {
    background: #FF3300 url(../images/2020/led.svg) no-repeat center right 20px;
}

#header .status-info .orange-status-btn {
    background: #FFE300 url(../images/2020/led.svg) no-repeat center right 20px;
}

#header .status-info .teamviewer-btn {
    display: block;
    margin: 15px 0 0 0;
    padding: 15px 60px 15px 20px;
    background: url(../images/teamviewer.png) no-repeat center right 20px, linear-gradient(263.8deg, #0E8DE8 1.82%, #0970D2 100%), #0A76D8;
    color: #fff;
    font-size: 14px;
    line-height: normal;
    font-weight: bold;
    border-radius: 30px;
    /* text-transform:uppercase; */
    letter-spacing: 0.05em;
}

#logo,
#btns-lang{
    display: flex;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

#btns-lang {
    margin-top: 2rem;
}



#lang {
    display: flex;
    justify-content: center;
    position: relative;
    /* margin-left: 1.5rem; */
    padding-left: 1rem;
    margin-top: 1.5rem;
}

#lang ul,
#lang li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}

#lang li a {
    color: #E2EEF0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    margin: 0 2px;
    font-weight:  600;
    font-size: 16px;
}

#lang li.active a {
    border: 3px solid #E2EEF0;
    background: #E2EEF0;
    color: #002023;
}

#lang li a:hover {
    opacity: 0.5;
}

@media (min-width: 500px) {
    #header:before {
        height: 235px;
    }
}

@media (min-width: 992px) {
    #header .container > div,
    #btns-lang,
    .status-info {
        display: flex;
    }

    #header #logo {
        max-width: 320px;
    }

    #lang {
        margin: 0 0 0 1.25rem
    }

    #lang:before {
        content: "";
        display: block;
        width: 1px;
        height: 40px;
        background: rgba(255, 255, 255, 0.31);
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -20px;
    }

    #btns-lang {
        flex-direction: row;
        justify-content: end;
        margin: 0;
    }

    #header .status-info .teamviewer-btn {
        display: inline-block;
        margin: 0 0 0 1rem;
    }
}

#banner {
    margin: 50px 0 0 0;
    /* padding: 220px 0 0; */
    text-align: center;
    position: relative;
}

#banner .container {
    position: relative;
    z-index: 2;
}

#banner h1 {
    color: #002023;
    font-weight: 700;
    opacity: 0.95;
    font-size: 34px;
}

#banner h1 strong {
    color: #D70929;
}

#banner h1 strong.open {
    color: #00D27D;
}

#banner p {
    margin-bottom: 30px;
    font-size: 16px;
}

#banner .time {
    display: inline-block;
    padding-left: 32px;
    background: url(../images/time.svg) no-repeat left center;
}

#banner .time strong {
    margin-right: 12px;
}

#banner .time span {
    font-size: 14px;
    opacity: 0.8;
}

#banner .info {
    margin-bottom: 20px;
    display: inline-block;
    padding: 14px 25px 14px 50px;
    background: url(../images/info.png) no-repeat center left 25px #349746;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border-radius: 10px;
}

#banner .request-btn {
    display: inline-block;
    margin-bottom: 25px;
    margin-right: 30px;
    padding: 19px 35px;
    background: #575cbf;
    background: linear-gradient(103.61deg, #595EC2 4.05%, #373B6F 254.65%);
    color: #fff;
    font-size: 22px;
    line-height: normal;
    font-weight: 700;
    border-radius: 8px;
    letter-spacing: 1.1px;
}

#banner .request-btn .icon {
    display: inline-block;
    width: 11px;
    height: 14px;
    background: url(../images/down-arrow.svg) no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
}

#banner .request-btn:hover {
    background: #575cbf;
    background: linear-gradient(103.61deg, #7076e8 4.05%, #0010ff 254.65%);
}

#banner .phone-btn {
    display: inline-block;
    margin-bottom: 25px;
    padding: 19px 69px;
    background: #00D27D;
    color: #fff;
    font-size: 22px;
    line-height: normal;
    font-weight: 700;
    border-radius: 8px;
    vertical-align: top;
}

#banner .phone-btn img {
    margin-right: 5px;
}

#banner .phone-btn .icon {
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(../images/phone.svg) no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
}

#banner .phone-btn span {
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #fff;
}

#banner .phone-btn.notify {
    padding: 10px 69px;
    background: #3f4e56;
    color: #788388;
}

#banner .phone-btn.notify {
    cursor: default;
}

#banner .phone-btn.notify .icon {
    opacity: 0.3;
}

#banner .phone-btn:hover {
    background: #00D27D;
    background: linear-gradient(103.61deg, #6ecf56 0%, #00D27D 100%);
}

#banner .phone-btn.notify:hover {
    background: #3f4e56;
    color: #788388;
}

#banner .phone-btn.notify:hover .icon {
    background: url(../images/phone.svg) no-repeat;
    background-size: 100% auto;
}

#banner .phone-btn.notify:hover span {
    color: #fff;
}

#request-form {
    margin: 30px 0;
    padding: 0;
    position: relative;
}

#request-form > .container {
    max-width: 790px;
}

@media (min-width: 992px) {
    #request-form:before {
        content: "";
        display: block;
        width: 100%;
        background: #002023;
        position: absolute;
        height: 700px;
        top: -550px;
        left: 0;
        z-index: -1;
    }

    #banner h1 strong.open {
        color: #00FFA4;
    }

    #banner h1,
    #banner p  {
        color: #E2EEF0;
    }

    #banner h1 {
        font-size: 48px;
    }

}

#request-form .request-form {
    max-width: 100%!important;
    margin: 0 auto 30px;
    padding: 50px 80px 30px;
    background: #fff;
    box-shadow: 0px 4px 24px rgba(97, 97, 97, 0.15);
    border-radius: 8px;
}

#request-form .request-form h2 {
    margin-bottom: 40px;
    /* text-align: center; */
    font-size: 28px;
}

#request-form .request-form .form-group {
    margin-bottom: 10px;
    position: relative;
}

#request-form .request-form form {
    position: relative;
}

#request-form .edit-contact {
    position: absolute;
    top: 5px;
    right: 0;
    font-style: italic;
    font-size: 12px;
}

#request-form .edit-contact a {
    text-decoration-line: underline;
    color: #909CAF;
    text-transform: lowercase;
}

#request-form .edit-contact a:hover, .selected-customer-details .d-flex > div a:hover, .selected-customer-details .projects .project .project_info a:hover {
    text-decoration: none;
}

.selected-customer-details .projects {
    font-size: 14px;
    /* margin-top: -5px; */
}

.selected-customer-details .projects .project {
    margin: 0 0 1.8rem 0;
    border-bottom: 1px solid #F7F8F8;
    padding-bottom: 1rem;
}

.project_header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-grow: 1;
}

.project_name {
    margin-right: 1em;
    text-transform: uppercase;
}

.project_name a {
    /* padding-top: 4px; */
    font-weight: bold;
    color: #313E4E !important;
    font-size: 16px;
}

.project_name a:hover {
    opacity: 0.7;
}

.project_name + div {
    display: flex;
    /* flex-grow: 1; */
}

.invoice-contacts.mt-3, .project-contact.mt-3.mb-3 {
    margin: 1.8rem 0 !important
}

.invoice-contacts.mt-3:not(.hidden) + .project-contact.mt-3.mb-3 {
    margin-top: -0.5rem !important
}

.contact-list label {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
}

.contact-list label:hover {
    opacity: 0.85;
}

.contact-list label input {
    margin-right: 0.5rem;
}

.selected-customer-details {
    margin-bottom: 0.5em;
}

.selected-customer-details .projects .project a {
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    color: #909CAF;
}

.selected-customer-details .projects .project a:hover {
    color: #212529;
}

.selected-customer-details .projects .project .project_info {
    font-size: 12px;
    margin-top: 0.2em;
}

.selected-customer-details .d-flex {
    margin-bottom: 0.5em;
    margin-top: -10px;
}

.selected-customer-details .d-flex > div {
    font-size: 14px;
    padding-right: 0.7em;
}

.selected-customer-details .d-flex > div a, .selected-customer-details .projects .project .project_info a {
    color: #909CAF;
    text-decoration: underline;
}

.selected-customer-details .projects .project .project_info a {
    color: #318DBE;
    text-decoration: none;
}

.selected-customer-details .projects .project .project_info a:hover {
    text-decoration: underline;
}

.selected-customer-details .message {
    display: flex;
    background: #FFF0E0;
    border-radius: 4px;
    margin: 20px 0;
    padding: 7px 10px;
    font-weight: bold;
    font-size: 13px;
    align-items: center;
}

.selected-customer-details .message:before {
    content: "";
    width: 26px;
    height: 18px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='26' viewBox='0 0 25 26' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect width='25' height='26' fill='url(%23pattern0)'/%3e%3cdefs%3e%3cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3e%3cuse xlink:href='%23image0' transform='scale(0.04 0.0384615)'/%3e%3c/pattern%3e%3cimage id='image0' width='25' height='26' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAaCAYAAABCfffNAAABWElEQVRIDe2Uzy4DYRTFf20sUImoEquRsLARb9CtZ7DwJN7FzsIzsOwDSMTGog1dNVSRqD8JRo4xlcy9X6fNqIU4yWRm7nfOPd+/e0vx3UXMhFGecP7P9P8mY+3yr2zXVO6U3l+hew6PXXi6SegzizBbg9oGlPNTDGf0r6B5BPdtfy6dCNa3obLsj39FS8E6aTfgsjFUPBhcrUNUH/xmP/wzuW2NbqCMmow0AViTtxdoHlv6fAT1veTRdxbSSOvAmvRa3wfsCIIhXQppHViT555DGzEU0FqT/vWIGR1aQGtNHG3RkK2TyhJ4i1GtnOxDHIPqx4O0DqzJdNWhAbpRW7vJ2OmBX6ABrd2u6hqobYwLaaR14Fe8Cuvs0NLnVpLYQ8eObe7Agm9iVyK5yGoVWSi5ZyBuwEAp/JWkyfMapM6pUINMjX6g1Q9fSWpU8O2fScGkWfnfMfkAVt1uh8Zuc6oAAAAASUVORK5CYII='/%3e%3c/defs%3e%3c/svg%3e ");
    background-position: center;
    margin-right: 0.5em;
}

.tw-icons {
    margin-top: 1em;
}

.project_info a.tw-project, .project_info a.tw-desk, .project_info a.tools, .project_info a.hostfact {
    text-indent: -2000em;
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(../images/icon_h.png);
    background-size: contain;
    margin-right: 10px;
    background-repeat: no-repeat;
}

.project_info a.tw-desk {
    background-image: url(../images/tw_desk.svg);
}

.project_info a.tools {
    background-image: url(../images/conversal-icon.svg);
}

.project_info a.tw-project {
    background-image: url(../images/tw_projects.svg);
}

.tw-icons a:hover {
    opacity: 0.8;
}

.project .project-tag {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.45rem 1.2rem;
}

.project .project-tag:hover {
    background: none;
    cursor: default;
}

#request-form .request-form .info {
    margin: 15px 0;
    padding: 20px 20px 20px 60px;
    background: #DEF3E8;
    font-size: 13px;
    color: #5D6775;
    position: relative;
    border-radius: 8px;
}

#request-form .request-form .info p:last-child {
    margin-bottom: 0;
}

#request-form .request-form .info:before {
    content: '';
    position: absolute;
    top: 25px;
    left: 20px;
    width: 29px;
    height: 29px;
    background: url(../images/2020/info.svg) no-repeat;
}

#request-form .request-form .warning {
    margin: 15px 0;
    padding: 20px 20px 20px 60px;
    background: #FCF6F6;
    font-size: 13px;
    color: #D70929;
    position: relative;
    border-radius: 5px;
}

#request-form .request-form .warning p:last-child {
    margin-bottom: 0;
}

#request-form .request-form .warning:before {
    content: '';
    position: absolute;
    top: 25px;
    left: 20px;
    width: 28px;
    height: 28px;
    background: url(../images/note-sign.svg) no-repeat;
}

#request-form .request-form .checkbox {
    position: relative;
}

#request-form .request-form .checkbox label {
    margin-bottom: 0;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
}

#request-form .request-form .checkbox input {
    display: inline-block;
}

#request-form .request-form .radiobox label {
    margin-bottom: 0;
    display: inline-block;
    margin-right: 15px;
}

#request-form .request-form .radiobox .radio {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 20px;
    position: relative;
    padding: 0.4rem 0;
}

#request-form .request-form .radiobox .radio label {
    margin-bottom: 0;
    display: inline-block;
    font-size: 90%;
    font-weight: normal;
    margin-right: 0;
}

#request-form .request-form .radiobox .radio input {
    display: inline-block;
}

#request-form .request-form .submit-wrap {
    text-align: right;
    margin-top: 40px;
    margin-bottom: 40px;
}

#request-form .request-form .radiobox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#request-form .request-form .radiobox > * {
    width: 20%;
    width: 110px;
    margin: 0 !important;
}

#request-form .request-form .radiobox > label {
    min-width: auto !important;
    max-width: 150px;
}

.checkbox input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    opacity: 0;
    cursor: pointer;
}

.radio input[type=radio] {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    opacity: 0;
    cursor: pointer;
}

.checkbox input[type=checkbox]+label {
    padding-left: 35px;
    background: url(../images/checkbox.png) no-repeat left top 2px;
    cursor: pointer;
}

.checkbox input[type=checkbox]:checked+label {
    background: url(../images/checkbox-c.png) no-repeat left top 2px;
}

.radio input[type=radio]+label {
    padding-left: 30px;
    background: url(../images/radio.svg) no-repeat left top;
    cursor: pointer;
    background-size: 1.5em !important;
    background-position: center left !important;
}

.radio input[type=radio]:checked+label {
    background: url(../images/radio-checked.svg) no-repeat left top;
    background-size: 1.5em;
    background-position: center left;
}

.thankyou {
    margin: 0;
    padding: 0;
    text-align: center;
}

.thankyou img {
    margin-top: 10px;
    margin-bottom: 20px;
}

.thankyou h2 {
    padding-bottom: 0 !important;
    border: none !important;
}

.thankyou p {
    margin-bottom: 40px;
    font-size: 16px;
}

.thankyou .back-link {
    margin: 0;
    padding: 30px 0 0;
    border-top: 2px solid #f8f8f8;
}

.thankyou .back-link a {
    margin: 0;
    padding: 0 0 0 25px;
    font-size: 16px;
    font-weight: 600;
    color: #404040;
    text-transform: uppercase;
    background: url(../images/back.png) no-repeat left center;
}

.thankyou .back-link a:hover {
    background: url(../images/back-h.png) no-repeat left center;
    color: #48b65c;
}

.file {
    margin: 0;
    padding: 0;
    position: relative;
    border-bottom: 2px solid #E9EBEA;
    border-radius: 5px;
}

.file input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.file input + label {
    display: block;
    width: 100%;
    margin: 0;
    padding: 15px 40px 15px 20px;
    background: url(../images/attach.svg) no-repeat center right 20px #fff;
    color: #002023;
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 15px;
    line-height: normal;
    font-weight: 600;
    cursor: pointer;
}

.file:hover {
/*     border-color: #5d6775; */
}

.file:hover input + label {
/*     border-color: #5d6775; */
}

input:required, textarea:required {
/*     background: url(../images/astrix.svg) no-repeat top 5px right 5px #fff; */
}

input.valid:focus, textarea.valid:focus {
    border-color: #47b55b;
}

input.error:focus, textarea.error:focus {
    border-color: #e26565;
    background: url(../images/astrix.svg) no-repeat top 5px right 5px #ffe4e2;
}

input.valid, textarea.valid {
    background: url(../images/astrix.svg) no-repeat top 5px right 5px #fff;
}

.form-group span.error {
    font-size: 12px;
    font-weight: 400;
    color: #fe7c83;
}

.form-group .checkbox span.error {
    padding-left: 40px;
}

.alert-warning {
    padding: 0.5rem 1rem !important;
    margin: 1.5rem 0;
    font-size: 90%
}

.alert-warning p:last-child {
    margin-bottom: 0;
}

#footer {
    margin: 0 auto;
    padding: 40px 0;
    max-width: 630px;
    text-align: center;
    border-top: 3px solid #f7f9ff;
}

#footer .copyright {
    margin: 0 0 8px;
    padding: 0;
}

#footer .copyright p {
    margin-bottom: 0;
    font-size: 16px;
    color: #000000;
}

#footer .menu {
    margin: 0;
    padding: 0;
    font-size: 14px;
}

#footer .menu a {
    margin: 0 8px;
    color: #A9AEB4;
}

#footer .menu a:hover {
    color: #00D27D;
}

.sched {
    max-width: 760px;
    margin: auto;
    margin-top: 3rem;
    margin-bottom: 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 56px rgba(77, 87, 78, 0.06);
    border-radius: 8px;
    justify-content: space-between;
    overflow: hidden;
    color: #313E4E;
}

.sched > * {
    padding: 2rem 1.3rem;
    text-align: left;
    flex-grow: 1;
    position: relative;
}

.hd-time {
    background: linear-gradient(85.74deg, rgb(0 210 125 / 97%) 7.61%, #00D27D 128.39%);
    color: #002929;
    display: flex;
    align-items: center;
    font-size: 16px;
}

.hd-time.closed {
    background: #D71B48;
}

.hd-time:before {
    content: "";
    background: url(../images/2026/clock.svg);
    width: 32px;
    height: 32px;
    background-position: center;
    margin: 0 1rem  0 0.5rem;
}

.sched em {
    display: block;
    line-height: 1;
    margin-bottom: 0.5rem;
    font-style: normal;
    font-size:  14px;
    font-weight: 600;
}

.sched em a {
    display: none;
}

.sched span {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    display: block;
}

.nk-cookie-banner {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
    border-radius: 0px;
    background: url(../images/2020/cookie_bg.svg) bottom center !important;
    background-size: cover;
    height: 135px;
    color: #fff;
    display: flex;
    flex-direction:column;
    align-items: center;
    padding-top: 30px;
}

.nk-cookie-banner > div {
    max-width: 1170px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    padding: 0 1rem;
}

.nk-cookie-banner > div:before {
    content: "";
    width: 41px;
    height: 41px;
    background: url(../images/2020/cookie.svg) center no-repeat;
    background-size: contain;
    flex-shrink: 0;
    margin-right: 1.5rem;
}

.nk-cookie-banner button {
    text-transform: uppercase;
    background: transparent;
    font-size: 14px;
    border: 2px solid #fff;
    letter-spacing: 1px;
    padding: 14px;
    margin-left: 1.5rem
}

@media (max-width: 767px) {

    #informatie .container {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    #header {
        padding-top: 1rem !important;
        /* position: static; */
    }
    #logo {
        flex-direction: column;
        /* margin-bottom: 3rem; */
    }

    #header .status-info {
        margin-top: 0 !important;
    }

    #banner {
        padding-top: 0 !important;
        margin-top: 0;
    }

    .sched > * {
        text-align: center
    }

    .hd-time {
        flex-direction: column;
    }

    .hd-time:before {
        margin: 0 0 0.7rem 0;
    }

    .nk-cookie-banner {
        font-size: 12px;
        height: auto;
        background: #313E4E !important;
        padding-bottom: 30px;
    }

    .nk-cookie-banner > div {
        flex-direction: column;
    }

    .nk-cookie-banner > div:before {
        display: none;
    }

    .nk-cookie-banner button {
        margin: 0;
        margin-top: 1.5rem
    }
}

@media (max-width: 480px) {
    #request-form .request-form .info {
        padding: 75px 20px 20px 20px;
    }


    #request-form .request-form .info:before {
        content: '';
        top: 20px;
        left: 50%;
        margin-left: -20px;
        width: 40px;
        height: 40px;
        background-size: contain;
    }

    .sched .ou span {
        line-height: 1.4;
    }

    .info_content {
        padding: 1.5rem
    }
}



#nt-header {
    background:  url(../images/new-ticket-header_bg.svg) 50px 0 no-repeat;
    height: 136px;
    background-size: cover
}

#nt-header .container {
    max-width: 990px;
}

.nav-tabs {
    border: 0;
    padding-left: 50px;
}

.nav-tabs .nav-link {
    background: #DFE4EA;
    font-weight: 600;
    margin-right: 0.8rem
}

.nav-tabs .nav-link:last-child {
    margin-right: 0;
}

.nav-tabs .nav-link.active {
    background: linear-gradient(85.74deg, rgba(1, 160, 78, 0.97) 7.61%, #44B051 128.39%);
    color: #fff;
    border: 0;
}

.nav-tabs .nav-link:not(.active):hover {
    color: #28a745;
}

#request-form +  #footer {
    display: none
}

.selected-customer-details .projects .project .project_info {
    margin-top: 1rem;
}

.project_info .tw-icons {
    order: -1;
    display: flex;
    align-items: center;
    width: 160px;
}

.project_info > div {
    width: calc((100% + 53px) / 3);
}

.project_info > div:nth-child(3) {
    padding-right: 0;
}

.project_info > div strong {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
}

@media (max-width: 1280px) {
    #request-form > .container,
    #nt-header .container {
        max-width: 770px;
    }
}

.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary,
.tox .tox-edit-area iframe,
.tox .tox-statusbar {
    background: #fbfae6 !important
}


ul.contact_info {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 2rem 0 0rem 0;
    font-size: 16px;
}

ul.contact_info.sticky {
    display: none;
}

ul.contact_info li a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.5rem 0

}

ul.contact_info li a:hover {
    color: #00D27D;
}

ul.contact_info li a:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/2026/telephone.svg);
    margin-right: 1rem
}

ul.contact_info li.email a:before {
    background: url(../images/2026/email.svg);
}

ul.contact_info li.whatsapp a:before {
    background: url(../images/2026/whatsapp.svg);
}

ul.contact_info li.chat a:before {
    background: url(../images/2026/chat.svg);
}

@media (min-width: 768px) {
    ul.contact_info {
        flex-direction: row;
        justify-content: center;
    }

    ul.contact_info li {
        margin: 0 2rem
    }
}

@media (min-width: 992px) {
    ul.contact_info li a {
        color: #fff;
    }
}

@media  (min-width: 1400px) {

    ul.contact_info.sticky {
        display: flex;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 25;
        margin: 0;
        flex-direction: column;
        align-items: flex-end;
        top: 50%;
        transform: translateY(-50%)
    }

    ul.contact_info.sticky a {
        background: #002023;
        border-radius: 8px;
        padding: 1rem 1.5rem;
    }

}

#request-form .request-form .form-group.one-half.center {
    margin-bottom: 1rem;
}

#request-form .request-form .form-group.one-half.center input{
    text-align: center;
    font-size: 32px;
}

#request-form .request-form.bestel .submit-wrap {
    text-align: center;
    margin-top: 1rem;
    width: 100%;
}

/* #request-form .request-form.bestel .submit-wrap button {
    background: #00D27D
}

#request-form .request-form.bestel .submit-wrap button:hover {
    background: #002023
} */

#request-form .request-form .form-group.full-width {
    width: 100%;
}

@media (min-width: 768px) {

    #request-form .request-form h2 {
        font-size: 38px;
    }

    #request-form .request-form .form-group.one-half {
        width: 50%;
        padding: 0 0.5rem;
        margin: 0;
    }

    #request-form .request-form .form-group.one-half input {
        margin-bottom: 0;
    }

    #request-form .request-form .form-group.full-width {
        padding: 0 0.5rem;
        margin: 0;
    }

    #request-form .request-form .form-group.full-width input {
        margin-bottom: 0;
    }

    #request-form  .request-form.bestel form {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

}

.ty #banner .container {
    max-width: 770px;
}

.ty h1 span {
    font-size: 24px;
    font-weight: 600;
    display: block;
}

.social_media {
    margin: 1rem 0 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
}

.social_media li {
    margin: 0 0.75rem
}

.social_media a {
    display: block;
    width: 24px;
    height: 24px;
}

.social_media a.facebook {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0C5.37109 0 0 5.39893 0 12.0622C0 18.1103 4.43053 23.1043 10.2066 23.9751V15.2581H7.23645V12.0871H10.2066V9.97682C10.2066 6.48459 11.8987 4.95109 14.7879 4.95109C16.1718 4.95109 16.9031 5.05287 17.2496 5.10037V7.86881H15.2785C14.0521 7.86881 13.6246 9.03591 13.6246 10.3545V12.0871H17.2181L16.7298 15.2581H13.6246V24C19.4817 23.2038 24 18.1691 24 12.0622C24 5.39893 18.6289 0 12 0Z' fill='%2326382E'/%3E%3C/svg%3E");
}

.social_media a.linkedin {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0C5.37188 0 0 5.37188 0 12C0 18.6281 5.37188 24 12 24C18.6281 24 24 18.6281 24 12C24 5.37188 18.6281 0 12 0ZM7.49531 5.40234C8.33906 5.40234 8.89922 5.96484 8.89922 6.7125C8.89922 7.46016 8.33906 8.02031 7.40391 8.02031C6.56016 8.02266 6 7.46016 6 6.7125C6 5.96484 6.56016 5.40234 7.49531 5.40234ZM9 16.9992H6V9H9V16.9992ZM19.0008 16.9992H16.1766V12.6281C16.1766 11.4188 15.4219 11.1398 15.1406 11.1398C14.8594 11.1398 13.9172 11.325 13.9172 12.6281C13.9172 12.8133 13.9172 16.9992 13.9172 16.9992H10.9992V9H13.9172V10.1156C14.2945 9.46406 15.0469 9 16.4602 9C17.8711 9 19.0008 10.1156 19.0008 12.6281V16.9992Z' fill='%2326382E'/%3E%3C/svg%3E");
}

.social_media a.instagram {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5493 6.82135H9.45596C8.00529 6.82135 6.82129 8.00002 6.82129 9.45602V14.5493C6.82129 16 7.99996 17.184 9.45596 17.184H14.5493C16 17.184 17.184 16.0054 17.184 14.5493V9.45602C17.1786 8.00002 16 6.82135 14.5493 6.82135ZM12 15.408C10.1226 15.408 8.59196 13.8774 8.59196 12C8.59196 10.1227 10.1226 8.59202 12 8.59202C13.8773 8.59202 15.408 10.1227 15.408 12C15.408 13.8774 13.8773 15.408 12 15.408ZM15.5786 8.97068C15.2586 8.97068 15.0026 8.71468 15.0026 8.39468C15.0026 8.07468 15.2586 7.81868 15.5786 7.81868C15.8986 7.81868 16.1546 8.07468 16.1546 8.39468C16.1546 8.71468 15.8986 8.97068 15.5786 8.97068Z' fill='%2326382E'/%3E%3Cpath d='M14.0716 12.0252C14.0853 10.8824 13.1699 9.94476 12.0271 9.93105C10.8842 9.91734 9.94663 10.8327 9.93291 11.9756C9.9192 13.1184 10.8346 14.056 11.9774 14.0697C13.1203 14.0834 14.0579 13.1681 14.0716 12.0252Z' fill='%2326382E'/%3E%3Cpath d='M12 0C5.37067 0 0 5.37067 0 12C0 18.6293 5.37067 24 12 24C18.6293 24 24 18.6293 24 12C24 5.37067 18.6293 0 12 0ZM18.6667 14.5493C18.6667 16.8213 16.8213 18.6667 14.5493 18.6667H9.456C7.184 18.6667 5.33867 16.8213 5.33867 14.5493V9.456C5.33867 7.184 7.184 5.33867 9.456 5.33867H14.5493C16.8213 5.33867 18.6667 7.184 18.6667 9.456V14.5493Z' fill='%2326382E'/%3E%3C/svg%3E");
}

.social_media a.twitter {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0C5.37188 0 0 5.37188 0 12C0 18.6281 5.37188 24 12 24C18.6281 24 24 18.6281 24 12C24 5.37188 18.6281 0 12 0ZM18.4641 9.53438C18.4711 9.66797 18.4734 9.79922 18.4734 9.93281C18.4734 13.9992 15.3773 18.6891 9.71719 18.6891C7.97813 18.6891 6.36094 18.1781 4.99922 17.3039C5.24063 17.3344 5.48672 17.3461 5.73516 17.3461C7.17891 17.3461 8.50313 16.8563 9.55547 16.0289C8.21016 16.0031 7.07109 15.1148 6.68203 13.8914C6.86953 13.9289 7.06172 13.9477 7.26094 13.9477C7.53984 13.9477 7.81406 13.9102 8.07188 13.8398C6.66328 13.5563 5.60156 12.3141 5.60156 10.8211C5.60156 10.8094 5.60156 10.7953 5.60156 10.7836C6.01641 11.0133 6.48984 11.1516 6.99609 11.168C6.17109 10.6172 5.62734 9.675 5.62734 8.60625C5.62734 8.04141 5.77734 7.51406 6.04219 7.05938C7.56094 8.92266 9.82969 10.1484 12.3867 10.275C12.3352 10.05 12.307 9.81563 12.307 9.57422C12.307 7.875 13.6852 6.49688 15.3844 6.49688C16.268 6.49688 17.0695 6.87188 17.6297 7.46953C18.3305 7.32891 18.9891 7.07578 19.5844 6.72188C19.3547 7.44141 18.8672 8.04375 18.232 8.42578C18.8531 8.35078 19.4461 8.18672 19.9992 7.94063C19.5891 8.55938 19.0664 9.10078 18.4641 9.53438Z' fill='%2326382E'/%3E%3C/svg%3E");
}

.social_media a.facebook:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0C5.37109 0 0 5.39893 0 12.0622C0 18.1103 4.43053 23.1043 10.2066 23.9751V15.2581H7.23645V12.0871H10.2066V9.97682C10.2066 6.48459 11.8987 4.95109 14.7879 4.95109C16.1718 4.95109 16.9031 5.05287 17.2496 5.10037V7.86881H15.2785C14.0521 7.86881 13.6246 9.03591 13.6246 10.3545V12.0871H17.2181L16.7298 15.2581H13.6246V24C19.4817 23.2038 24 18.1691 24 12.0622C24 5.39893 18.6289 0 12 0Z' fill='%2300A04D'/%3E%3C/svg%3E");
}

.social_media a.linkedin:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0C5.37188 0 0 5.37188 0 12C0 18.6281 5.37188 24 12 24C18.6281 24 24 18.6281 24 12C24 5.37188 18.6281 0 12 0ZM7.49531 5.40234C8.33906 5.40234 8.89922 5.96484 8.89922 6.7125C8.89922 7.46016 8.33906 8.02031 7.40391 8.02031C6.56016 8.02266 6 7.46016 6 6.7125C6 5.96484 6.56016 5.40234 7.49531 5.40234ZM9 16.9992H6V9H9V16.9992ZM19.0008 16.9992H16.1766V12.6281C16.1766 11.4188 15.4219 11.1398 15.1406 11.1398C14.8594 11.1398 13.9172 11.325 13.9172 12.6281C13.9172 12.8133 13.9172 16.9992 13.9172 16.9992H10.9992V9H13.9172V10.1156C14.2945 9.46406 15.0469 9 16.4602 9C17.8711 9 19.0008 10.1156 19.0008 12.6281V16.9992Z' fill='%2300A04D'/%3E%3C/svg%3E");
}

.social_media a.instagram:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5493 6.82135H9.45596C8.00529 6.82135 6.82129 8.00002 6.82129 9.45602V14.5493C6.82129 16 7.99996 17.184 9.45596 17.184H14.5493C16 17.184 17.184 16.0054 17.184 14.5493V9.45602C17.1786 8.00002 16 6.82135 14.5493 6.82135ZM12 15.408C10.1226 15.408 8.59196 13.8774 8.59196 12C8.59196 10.1227 10.1226 8.59202 12 8.59202C13.8773 8.59202 15.408 10.1227 15.408 12C15.408 13.8774 13.8773 15.408 12 15.408ZM15.5786 8.97068C15.2586 8.97068 15.0026 8.71468 15.0026 8.39468C15.0026 8.07468 15.2586 7.81868 15.5786 7.81868C15.8986 7.81868 16.1546 8.07468 16.1546 8.39468C16.1546 8.71468 15.8986 8.97068 15.5786 8.97068Z' fill='%2300A04D'/%3E%3Cpath d='M14.0716 12.0252C14.0853 10.8824 13.1699 9.94476 12.0271 9.93105C10.8842 9.91734 9.94663 10.8327 9.93291 11.9756C9.9192 13.1184 10.8346 14.056 11.9774 14.0697C13.1203 14.0834 14.0579 13.1681 14.0716 12.0252Z' fill='%2300A04D'/%3E%3Cpath d='M12 0C5.37067 0 0 5.37067 0 12C0 18.6293 5.37067 24 12 24C18.6293 24 24 18.6293 24 12C24 5.37067 18.6293 0 12 0ZM18.6667 14.5493C18.6667 16.8213 16.8213 18.6667 14.5493 18.6667H9.456C7.184 18.6667 5.33867 16.8213 5.33867 14.5493V9.456C5.33867 7.184 7.184 5.33867 9.456 5.33867H14.5493C16.8213 5.33867 18.6667 7.184 18.6667 9.456V14.5493Z' fill='%2300A04D'/%3E%3C/svg%3E");
}

.social_media a.twitter:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0C5.37188 0 0 5.37188 0 12C0 18.6281 5.37188 24 12 24C18.6281 24 24 18.6281 24 12C24 5.37188 18.6281 0 12 0ZM18.4641 9.53438C18.4711 9.66797 18.4734 9.79922 18.4734 9.93281C18.4734 13.9992 15.3773 18.6891 9.71719 18.6891C7.97813 18.6891 6.36094 18.1781 4.99922 17.3039C5.24063 17.3344 5.48672 17.3461 5.73516 17.3461C7.17891 17.3461 8.50313 16.8563 9.55547 16.0289C8.21016 16.0031 7.07109 15.1148 6.68203 13.8914C6.86953 13.9289 7.06172 13.9477 7.26094 13.9477C7.53984 13.9477 7.81406 13.9102 8.07188 13.8398C6.66328 13.5563 5.60156 12.3141 5.60156 10.8211C5.60156 10.8094 5.60156 10.7953 5.60156 10.7836C6.01641 11.0133 6.48984 11.1516 6.99609 11.168C6.17109 10.6172 5.62734 9.675 5.62734 8.60625C5.62734 8.04141 5.77734 7.51406 6.04219 7.05938C7.56094 8.92266 9.82969 10.1484 12.3867 10.275C12.3352 10.05 12.307 9.81563 12.307 9.57422C12.307 7.875 13.6852 6.49688 15.3844 6.49688C16.268 6.49688 17.0695 6.87188 17.6297 7.46953C18.3305 7.32891 18.9891 7.07578 19.5844 6.72188C19.3547 7.44141 18.8672 8.04375 18.232 8.42578C18.8531 8.35078 19.4461 8.18672 19.9992 7.94063C19.5891 8.55938 19.0664 9.10078 18.4641 9.53438Z' fill='%2300A04D'/%3E%3C/svg%3E");
}

.ty .request-form {
    text-align: center;
    font-size: 18px;
}

.request-form.team:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/team.svg);
    margin: auto;
}

.request-form.team:after {
    content: "";
    display: block;
    width: 9px;
    height: 15px;
    background: url(../images/chevron.svg);
    margin: auto;
    margin-top: 0.5rem;
}

.request-form.team {
    position: relative;
}

.request-form.team a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {
    .ty #banner h1 {
        font-size: 120px
    }

    .ty .request-form {
        width: calc(50% - 20px)
    }

    .ty #request-form > .container {
        display: flex;
        justify-content: space-between;
        max-width: 1000px;
    }

    #request-form:before {
        content: "";
        display: block;
        width: 100%;
        background: #002023;
        position: absolute;
        height: 700px;
        top: -605px;
        left: 0;
        z-index: -1;
    }

}

@media (min-width: 1400px) {
    #banner .ty h1 {
        font-size: 120px
    }
}