@font-face {
    font-family: "Inter";
    font-weight: 300;
    src: url("fonts/Inter_18pt-Light.ttf") format("truetype");
}
 
@font-face {
    font-family: "Inter";
    font-weight: 400;
    src: url("fonts/Inter_18pt-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Inter";
    font-weight: 700;
    src: url("fonts/Inter_18pt-Bold.ttf") format("truetype");
}

@font-face {
	font-family: 'icofont';
	src: url('fonts/icofont.eot');
	src: url('fonts/icofont.eot?#iefix') format('embedded-opentype'),
		url('fonts/icofont.woff2') format('woff2'),
		url('fonts/icofont.woff') format('woff'),
		url('fonts/icofont.ttf') format('truetype'),
		url('fonts/icofont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* General Styling */
body {
	font-family: "Inter", sans-serif !important;
	font-size: 16px;
	color: #131414;
	background: transparent;
	margin: 0;
	padding: 0;
}
.w1 {
	box-sizing: border-box;
	max-width: 100%;
	width: 100%;

	padding: 10px;
	margin: 0 auto;
	border: none;
}
.heading {
	font-size: 18px;
	color: #131414;
	margin: 5px 0;
}
#Registration,
#selectSection,
#headerBlock {
	margin-bottom: 30px;
}
.AlreadySub {
	font-size: 16px;
	margin: 0 0 10px 0;
}
/* End of: General Styling */
/* SPA Form */
#selectSection > table > tbody > tr {
	box-sizing: border-box;
	vertical-align: top;
	display: inline-block;
	width: 350px;
	height: 120px;
	/* padding: 11px; */
	margin: 4px;
	border-radius: 10px;
}
#Registration > div.field-row.field-row-submit > div.title-field-name.title-field-name-submit,
#selectSection > table > tbody > tr > td:nth-child(1) { display: none; } 
#NewSubscriberBlock > div.modify-email-form,
.rowHeight tr {
	vertical-align: top;
	box-sizing: border-box;
	display: inline-block;
	width: 350px;
	margin: 5px 0;
}
.rowHeight tr td {
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
}
.modify-email-label { width: 100%; }
.title-field-name { width: 100%; }
.field-control {width: 100%;}

input[type=text],  .tb233{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
	border-radius: 4px !important;
    padding: 15px 10px !important;
    margin: 10px 0;
}
#selectSection input[type=text]:disabled{
    background-color: #FFFFFF;
    /* background-color: #F5F5F5; */
	border-radius: 30px;
}
/* #selectSection input[type=text], .tb230, .email, .tb233, .required, #tbEmail {
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 10px;
	    -webkit-border-radius: 10px;
	padding: 0 5px;
} */
.tb230, .email, .tb233, .required, #tbEmail {
	width: 18em;
}
.tb233 {
    -webkit-appearance: unset;
    background-image: url(Images/dropdown.png);
    background-position: right;
    background-repeat: no-repeat;
}
#Registration {
	/* margin: 20px 0; */
	background: transparent;
	/* padding: 20px 0; */
	/* border-top-right-radius: 90px; */
	/* border-bottom-left-radius: 90px; */
}
.title-field-name,
#lblRegistrationInfo1 {
	/* color: #FFFFFF; */
}
#NewSubscriberBlock {
	margin: 20px 0;
	padding: 0;
}
@media (max-width: 768px) {
	#selectSection > table > tbody > tr {
		height: auto;
		width: auto;
	}
}
@media (max-width: 355px) {
	#NewSubscriberBlock > div.modify-email-form, .rowHeight tr {
		width: 100%;
	}
}
/* End of: SPA Form */
/* Checkbox Styling */
.shareCheck input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  position: relative;
  cursor: pointer;
  border: 1px solid #CCCCCC;
  background-color: white;
  position: relative;
  right: 5px;
  top: 0px;
  border-radius: 6px;
}
.shareCheck input[id="chkDailyClose"],
.shareCheck input[id="chkDailyClose"]:checked {
  right: 6px !important;
  top: 5px !important;
  border-radius: 6px;
}
.shareCheck input[type="checkbox"]:checked::before {
	font-family: icofont;
	content: "\eed8";
	position: absolute;
	top: -2px;
	left: -0.5px;
	/* width: 30px; */
	font-size: 21px;
	color: #FFF;
}
.shareCheck input[type="checkbox"]:checked {
  appearance: none;
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  position: relative;
  cursor: pointer;
  border: 1px solid #068C6E;
  background-color: #068C6E;
  position: relative;
  right: 5px;
  top: 0px;
  border-radius: 6px;
}
/* End of: Checkbox Styling */
/* Button */
.btnSubmit2Container {
	text-align: left;
	padding: 10px 0;
	margin: 0;
	width: 100%;
	max-width: 1200px;
}
.btnSubmit1Container {
	text-align: left;
	padding: 10px 0;
	margin: 0;
	width: 100%;
	max-width: 1200px;
}
#privacyPolicyModal > div > div > div.modal-body > div.modal-button-panel > button.btn1.btn-cancel.btn-default,
#privacyPolicyModal > div > div > div.modal-body > div.modal-button-panel > button.btn1.btn-ok.btn-agree.btn-primary,
.btn-primary {
	width: auto;
	font-size: 16px;
	border-radius: 4px;
	color: #FFFFFF !important;
	background-color: #068C6E !important;
	border: 1px solid #068C6E !important;
    /* space inside for arrows */
    padding: 0 2.0em;

    /* arrows as multiple backgrounds */
    background-image: url("Arrow-Left.svg"), url("Arrow-Right.svg");
    background-repeat: no-repeat, no-repeat;
    background-position: 0.5em center, calc(100% - 0.5em) center;
    background-size: 16px 16px, 16px 16px;

    /* keeps text centered */
    text-align: center;
    height: 3em;
    line-height: 0px;
}
#privacyPolicyModal > div > div > div.modal-body > div.modal-button-panel > button.btn1.btn-cancel.btn-default:hover,
#privacyPolicyModal > div > div > div.modal-body > div.modal-button-panel > button.btn1.btn-ok.btn-agree.btn-primary:hover,
.btn-primary:hover {
	background-color: #068C6E !important;
	border-color: #068C6E !important;
}

#btnSubmit1,
#btnSubmit2 {
	font-family: "Inter", sans-serif !important;
    width: 262.47px;
    font-size: 16px;
    height: 3em;
    line-height: 2.5em;
    background-color: #068C6E;
    color: #FFFFFF;
    border: 1px solid #068C6E;
    border-radius: 4px;
    font-weight: 600;

    /* space inside for arrows */
    padding: 0 2.5em;

    /* arrows as multiple backgrounds */
    background-image: url("Arrow-Left.svg"), url("Arrow-Right.svg");
    background-repeat: no-repeat, no-repeat;
    background-position: 4.75em center, calc(100% - 4.75em) center;
    background-size: 16px 16px, 16px 16px;

    /* keeps text centered */
    text-align: center;
}
#btnSubmit2:hover, #btnSubmit1:hover {
	background-color: #28A082;
	color: #FFFFFF;
    cursor: pointer;
}
@media (min-width: 450px) and (max-width: 768px) {
    .btnSubmit1Container {
        right: 91px;
        top: 16px;
        position: relative;
        float: left;
        width: 95% !important;
        text-align: right;
        padding-left: 3px;
    }
}
@media (max-width: 450px) {
    .btnSubmit1Container {
        width: 100% !important;
    }
	.btnSubmit2Container, .btnSubmit1Container {width: 100% !important;text-align: center;}
}
/* End of: Button */
/* Footer */
.footer,
.txtGray,
.google-recapcha {
	color: #939393 !important;
	font-size: 14px;
	text-align: left;
	margin: 0;
}
.txtGray a,
.disclaimer,
.disclaimer a,
.google-recapcha a {
	font-size: 14px;
    color: #939393 !important;
	text-decoration: none;
}
.txtGray a:hover,
.disclaimer a:hover,
.google-recapcha a:hover {
	text-decoration: underline;
	color: #068C6E !important;
}
/* End of: Footer */

/* AR */
/* AR General Styling */
body.ar-ae {direction: rtl;}
/* End of:  AR General Styling */
/* AR SPA Form */
.ar-ae .divModifyMail {float: unset;}
.ar-ae #tbEmail { float: right; }
.ar-ae .btn2 { margin-right: unset; }
.ar-ae .btnSubmit2Container,
.ar-ae .btnSubmit1Container {
	width: 100%;
	text-align: right;
}
@media (max-width: 450px) {
	.ar-ae .modify-email-label {
		margin-bottom: 5px;
    }
}
/* End of: AR SPA Form */
/* AR Checkbox Styling */
.ar-ae .shareCheck input[type="checkbox"],
.ar-ae .shareCheck input[type="checkbox"]:checked, 
.ar-ae .shareCheck input[id="chkDailyClose"],
.ar-ae .shareCheck input[id="chkDailyClose"]:checked {
	right: -3px !important;
}
.ar-ae .shareCheck input[type="checkbox"]:checked::before {
	font-family: icofont;
	content: "\eed8";
	position: absolute;
	top: -2px;
	left: -0.5px;
	/* width: 30px; */
	font-size: 21px;
	color: #FFF;
}
/* End of: AR Checkbox Styling */
/* AR Footer */
.ar-ae .google-recapcha { text-align: right; }
.ar-ae .pad122 { padding-left: 0; } 
.ar-ae .footer table tbody tr td, .ar-ae .cookies-box, .ar-ae .disclaimer { text-align: left !important; }
/* End of: AR Footer */

/* Changes */
.field-row:has([id^="gvSubscriberFields_ctl00_"]) > .title-field-name label:after{
    content: "*";
    color: red;
}

[id^="gvSubscriberFields_ctl00_"] {
    display: none;
}

#HeaderNewBlock .AlreadySub, #HeaderNewBlock .heading{
	display: none;
}
span.txtGray.pad122 a.privacy{
	color: transparent;
	visibility: hidden;
	user-select: none;
    position: relative;
}
span.txtGray.pad122 a.privacy:before {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: -1px;
    left: 0;
    content: '';
    background: right url('kz-h4l/logo-transparent.png') no-repeat;
    background-size: contain;
    visibility: visible;
}
@media (max-width: 768px) {
    .title-field-name {
        width: 100% !important;
        float: left;
    }
    #NewSubscriberBlock > div.modify-email-form {
        width: 100%;
    }
    .modify-email-label {
        float: left;
        line-height: 65px;
    }
    .field-control {
        width: 100% !important;
    }
}