@font-face {
    font-family: 'Alexandria';
    src: url('../webfonts/Alexandria-Medium.woff2') format('woff2'),
        url('../webfonts/Alexandria-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

:root {
	--mt-primary-color: #001689;
	--mt-secondary-color: #E80445;
	--mt-plain-color: #fff;
	--mt-wrapper-width: 430px;
}

.mt-primary_bgr {
	--mt-btn-background: var(--mt-plain-color); 
	--mt-btn-border: var(--mt-plain-color); 
	--mt-btn-color: var(--mt-primary-color); 
	--mt-link-color: var(--mt-plain-color);
	--mt-logo-fill: var(--mt-plain-color);
}

.mt-plain_bgr {
	--mt-btn-background: var(--mt-primary-color); 
	--mt-btn-border: var(--mt-primary-color); 
	--mt-btn-color: var(--mt-plain-color); 
	--mt-link-color: var(--mt-primary-color);
	--mt-logo-fill: var(--mt-primary-color);
}


.mt-primary_bgr {background:var(--mt-primary-color); color: var(--mt-plain-color);}
.mt-plain_bgr {background:var(--mt-plain-color); color: var(--mt-primary-color);}

body {margin:0; padding:0; background:url(../img/kinza-bgr.webp); background-repeat: no-repeat; background-size: cover; color:#666; font-family:Alexandria; font-size:16px; line-height:1.8;}
body.page-template-template-entries {background:#fff; color:#999;}

body:after {content:''; position: absolute; left: 0; right:0; top: 0; bottom: 0; background: rgba(255,255,255,0.5);}
body.page-template-template-entries:after {display: none;}
.mt-ar {text-align:right; direction:rtl;}
.mt-wrapper {width:100%; max-width: var(--mt-wrapper-width); margin: auto; min-height: 100vh; display: flex; flex-direction: column; overflow: hidden; border-radius:: 20px; position: relative; z-index: 1; }
.mt-content {flex: 1;}
h1 {font-size: 26px;}
.mt-kinza_logo svg {width: 60px; height: auto; margin:0 5px;}
.mt-kinza_logo svg path {fill: var(--mt-logo-fill);}
a {color: var(--mt-link-color);}
a:hover {text-decoration: none;}
.mt-banner_img img {max-width:100%; width:100%; height:auto;}

.mt-form__wrapper {position: sticky; top: 0;}



.mt-secondary_color, .mt-validation_error {color: var(--mt-secondary-color);}





.mt-field_wrap {margin: 0 20px 30px;}
.mt-checkbox_wrap {margin: 0 0 30px;}
.mt-checkbox_wrap {display: flex; align-items: start; justify-content: center; }
.mt-checkbox_wrap input[type="checkbox"] {margin: 5px 8px 0 0;}
label, .mt-label {font-weight:700; display:block; margin:0 0 10px;}
input:not([type="range"]):not([type="color"]):not([type="radio"]):not([type="checkbox"]):not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="file"]), .mt-input {width:100%; height:50px; border:solid 1px #dedede; background:#fff; border-radius:10px; padding:10px 20px; color:#666;}
input:not([type="range"]):not([type="color"]):not([type="radio"]):not([type="checkbox"]):not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="file"]):focus, .mt-input:focus {outline:none; border-color:var(--mt-primary-color);}
input[type="number"] {-webkit-appearance:none;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.mt-btn {background:var(--mt-btn-background); border:solid 2px var(--mt-btn-border); width: 100%; max-width: 400px; padding:10px 40px; color:var(--mt-btn-color); font-weight:700; border-radius:10px; margin:20px auto 0; transition:all 0.5s ease-in-out 0s;}
.mt-btn:hover {background:none; color:var(--mt-btn-background);}
button:disabled {pointer-events: none; opacity: 0.6;}
.mt-radio {padding: 0; margin: 0;}
.mt-radio label {width: 100%;}
.mt-radio label label {margin:0 20px;}

.mt-radio {display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 2rem;}
.mt-radio .mt-input.is-active {background:#a38b6b; color:#fff; border-color:#a38b6b;}
.mt-radio input {visibility: hidden;}
.mt-select_wrap {position:relative; font-weight:400;}
.mt-select_wrap .mt-placeholder {display:flex; font-weight:400; position:relative; align-items:center; padding-right:30px;}
.mt-select_wrap .mt-placeholder:after {content:''; display:table; clear:both;}
.mt-select_wrap .mt-placeholder span {width:50%; float:left; text-align:center; line-height:1;}
.mt-select_wrap .mt-placeholder:after { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); content: ''; width: 0;
	height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent;	border-top: 5px solid #a38b6b; z-index: 10;}
.mt-select_wrap ul.mt-main { display: none; position: absolute; overflow: hidden; overflow-y: auto; background: #C2AB94; border:solid 1px #a38b6b;  top: 100%; left: -1px; right:-1px; list-style: none; margin: 0; padding: 0; z-index: 100; max-height: 300px; border-radius:10px;}
.mt-select_wrap.is-open ul.mt-main {display:block;}
.mt-select_wrap ul.mt-main li {display:flex; padding:10px; font-weight:400;}
.mt-select_wrap ul.mt-main li span {width:50%; float:left; text-align:center; line-height:1; color:#fff;}
.mt-select_wrap ul.mt-main ul li:hover {background:#a38b6b}
.mt-select_wrap ul.mt-main li.d-block {padding:0;}
.mt-select_wrap ul.mt-main li.d-block .d-flex {background:#826e53; pointer-events:none; font-weight:700; padding:10px;}
.mt-select_wrap div.error-msg {margin-top:-20px; margin-left:0;}
.mt-hidden {position:absolute; left:0; top:0; z-index:-1; height:37px;}

.mt-footer { width: 100%; max-width: var(--mt-wrapper-width); margin-bottom: 20px; text-align: center; margin-top: 40px;}
.mt-footer_logo svg {width: 200px; height: auto;}

.mt-footer_logo svg #base path {fill: var(--mt-logo-fill);}

.mt-btn {margin:auto; display:table;}
.mt-social-icon ul {list-style:none;}
.mt-social-icon ul li {padding:0 10px;}
#experience-form input[type="radio"] {position: absolute; visibility: hidden;}
@media (min-width: 768px) {
	.mt-wrapper {margin: 30px auto; border-radius: 30px; box-shadow: 0 0 20px rgba(0,0,0,0.1); max-height: 90vh; min-height: 90vh; border: solid 5px #fff; overflow: auto;}
}

.wpcf7-not-valid-tip {margin-top:10px;}
.wpcf7 form .wpcf7-response-output {border-radius: 10px; margin-top: 40px; padding: 10px;}
.wpcf7 form.sent .wpcf7-response-output {color: #fff; background: #46b450; }
.wpcf7 form.invalid .wpcf7-response-output {color: #000; background: #ffb900;}
.wpcf7-spinner {position:absolute; left:50%; top:70px; transform:translateX(-50%); margin:0; background:#22305f;}
.wpcf7-spinner::before {background-color:#23aefb;}
.mt-loader {display:none;}
.processing {pointer-events:none; opacity:0.6;}
.processing .mt-loader {display:block;}
.processing .mt-submit {display:none;}
.has-error {border-color:#e6231d !important;}

table.dataTable tbody th, table.dataTable tbody td {background-color:#d5d8ea; color:#000;}
table.dataTable thead th, table.dataTable thead td {background-color:#001689; color:#fff;}
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1,
table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {background-color:#d1d5ea;}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {border-color:#b1b8db;}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {color:#001689;}