@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

 body,
 input,
 select {
     font-family: 'Open Sans', sans-serif;
     font-size: 14px;
     color: #000000;
     margin: 0;
 }

 body {
     margin: 0;
 }

 .w1 {
     margin: 0 auto;
     border: 0px solid #e1e1e1;
     max-width: 1130px;
     /*ADD MAIN WIDTH*/
     width: 100%;
     height: auto;
     padding: 0;
 }

 /* Heading styles */
 .heading {
     color: #e00800;
     font-family: 'Open Sans', sans-serif;
     text-transform: capitalize;
     font-size: 14px;
     margin: 0;
     margin-bottom: 1em;
 }

 div#HeaderNewBlock {
     display: none;
     /* Enable/disable main heading */
 }

 .txtGray {
     color: #000000;
 }

 /* End of heading styles */


 /* Footer styles */
 .footer {
     font-size: 13px;
     padding-top: 3em;
 }

 .footer a {
     font-size: 14px;
 }

 /* End of footer styles */


 /* Link styles */
 .footer a,
 .footer .txtGray a,
 .google-recapcha a {
     color: #000000;
     text-decoration: none;
 }

 .footer a:hover,
 .google-recapcha a:hover {
     text-decoration: underline;
     color: #000000;
 }

 .google-recapcha {
     color: #000000;
 }

 /* End of link styles */


 /* Input/select styles */
 .tb233 {
     border-radius: 0px !important;
 }

 input {
     border: 1px solid #e1e1e1 !important;
     border-radius: 0px !important;
 }

 .tb230,
 .email,
 .tb233,
 .required,
 #tbEmail {
     padding: 0 5px 5px;
     -webkit-appearance: auto;
     max-width: 333px;
     border: 1px solid #ccc !important;
     border-radius: 2px !important;
     height: 30px;
     line-height: 30px;
     font-weight: 500;
 }

 .tb233 {
     height: 30px;
     line-height: 30px;
 }

 .tb230 {
     height: auto;
 }

 .email {
     height: auto;
 }

 /* End of input/select styles */


 /* Button and button container styles */
 .btn1,
 #btnSubmit2,
 #btnSubmit1 {
     font-family: inherit;
     font-size: 1.0em;
     font-weight: bold;
     color: #FFFFFF !important;
     text-transform: capitalize !important;
     padding: 0.8em 0.6em;
     border: 1px solid #000000 !important;
     border-radius: 0px !important;
     background: #000000 !important;
     transition: background 0.5s, color 0.5s, border 0.5s;
     text-decoration: none;
     border-radius: 30px !important;
     cursor: pointer;
     /* background-image: linear-gradient( #f89022, #fa751e) !important; */
     height: auto !important;

 }

 .btn1:hover,
 #btnSubmit2:hover,
 #btnSubmit1:hover {
     text-decoration: none;
     background: #FFFFFF !important;
     color: #e00800 !important;
     border: 1px solid #e00800 !important;

     /* background-image: linear-gradient(#fa771f,#f89022 ) !important; */
 }

 #btnSubmit1:after,
 #btnSubmit2:after {
     content: ">";
     font-family: monospace;
     display: inline-block;
     padding-left: 3px;

 }

 .btn2 {
     height: auto;
 }

 .modify-email-form {
     position: relative;
     top: 0;
     left: 0;
 }

 input#btnSubmit1 {
     position: absolute;
     bottom: 0;
     right: 0;
 }

 .btnSubmit2Container {
     margin: 0;
     width: 100%;
     padding: 0;
 }

 .btnSubmit1Container {
     padding-top: 1em;
     padding-left: 0;
 }

 input#btnSubmit1 {
     margin: 0 !important;
 }

 /* End of button and button container styles */


 /* Alerts selection and layout styles */
 .AlreadySub {
     margin: 0 0 20px;
 }

 .selectshare-marginLeft {
     width: 0px;
 }

 .heading+table[role="presentation"] tbody tr {
     display: inline-block !important;
     width: 50%;
     margin-bottom: 1em;
     vertical-align: middle;
 }

 .heading+table[role="presentation"] tbody tr:first-child {
     display: block !important;
 }

 .heading+table[role="presentation"] tbody tr table tr:first-child {
     display: table-row !important;
 }

 .heading+table[role="presentation"] tbody tr td {
     display: block !important;

 }

 .heading+table[role="presentation"] tbody tr td table td {
     display: table-cell !important;
     font-weight: 500;
 }

 td.selectshare-marginLeft+td table[role="presentation"] tbody tr,
 .heading+table[role="presentation"] tbody tr td tr {
     display: table-row !important;
 }

 /* End of alerts selection styles */


 /* Registration form & modify subscription form layout and styles */
 div#Registration .AlreadySub {
     margin-top: 0px;
 }

 div#Registration .AlreadySub,
 div#NewSubscriberBlock .AlreadySub {
     margin: 20px auto 20px auto;
 }

 .title-field-name,
 .field-control {
     padding: 0.25em 0;
 }

 div#Registration,
 div#NewSubscriberBlock {
     padding: 10px;
     background: #F4F5FA;
     border: 1px solid #F4F5FA;
     margin-top: 30px;
     font-weight: 500;
 }

 div[style="clear: both;"] div,
 .modify-email-form {
     margin: 0px auto 0px auto;
 }

 table#gvSubscriberFields tbody tr {
     display: inline-block;
     width: 33%;
     float: none;
     vertical-align: top;
 }

 table#gvSubscriberFields tbody tr:first-child {
     display: block;
     width: 50%;
 }

 table#gvSubscriberFields tbody tr td {
     display: block !important;
 }

 .title-field-name {
     width: 40%;
     float: none;
     display: inline-block;
     vertical-align: top;
 }

 .field-control {
     width: 100%;
     float: none;
     display: inline-block;
     white-space: nowrap;
     vertical-align: top;
 }

 .field-control.field-control-submit {
     width: 100%;
 }

 .title-field-name.title-field-name-submit {
     display: none;
 }

 td.shareType label,
 .title-field-name,
 label#lbEmailAddressModify {
     font-weight: bold;
 }

 .btnSubmit2Container {
     margin-top: 0.5em;
 }

 .divModifyMail {
     padding-bottom: 2.75em !important;
 }

 .modify-email-label {
     width: 100%;
     float: none;
     margin-bottom: 0.75em;
 }

 .email,
 #tbEmail {
     max-width: 333px;
 }

 /* End of registration form & modify subscription from layout and styles */


 /* Start media queries and main CSS overwrite */
 @media (max-width:860px) {
     .heading+table[role="presentation"] tbody tr {
         display: block !important;
         width: 100%;
         margin-bottom: 1em;

     }

     table#gvSubscriberFields tbody tr {
         width: 50%;
     }

     table#gvSubscriberFields tbody tr:first-child {
         display: block;
         width: 100%;
     }
 }

 @media (max-width:660px) {
     table#gvSubscriberFields tbody tr {
         width: 100%;
     }
 }

 @media (max-width: 768px) {
     .btnSubmit2Container {
         padding: 0px !important;
         width: 100% !important;
         text-align: right;
     }

     .modify-email-label {
         width: 40% !important;
         margin-bottom: 0.75em;
     }

     .title-field-name {
         width: 100% !important;
         float: none;
     }

     .field-control.field-control-submit {
         width: 100% !important;
     }

     /* .btnSubmit2Container,
    .btnSubmit1Container{
        text-align: left;
    } */
     .ar-sa .divModifyMail {
         float: left;
         padding: 0 !important;
         width: 100% !important;
     }
 }

 @media (max-width:550px) {

     .title-field-name,
     .field-control,
     .modify-email-label {
         width: 100% !important;
     }
 }

 @media (max-width: 568px) {
     .field-control {
         width: 70% !important;
         float: none !important;
     }

     .field-control.field-control-submit {
         width: 100% !important;
     }

     .divModifyMail {
         width: 70% !important;
     }

     .ar-sa .divModifyMail {
         width: 100% !important;
     }
 }

 @media (max-width: 450px) {
     .btnSubmit1Container {
         padding-top: 5em;
     }
 }

 /* End of media queries and main CSS overwrite */

 /* .tb233 {
    width: 233px;
    border: 2px solid #001F33 !important;
}

.tb233 {
    height: auto;
    line-height: normal;
} */
 .shareCheck {
     padding-top: 2px;
 }

 .ar-sa .footer table tbody tr td {
     text-align: left !important;
 }

 .ar-sa .pad122 {
     padding-left: 0px;
 }

 #body.ar-ae .divModifyMail,
 #body.ar-ae #tbEmail {
     float: right;
 }

 .ar-sa .btnSubmit2Container,
 .ar-sa .btnSubmit1Container {
     text-align: left;
 }

 .ar-sa input#btnSubmit1 {
     position: relative;
 }

 .ar-sa .divModifyMail {
     float: none;
     width: 100%;
 }

 .ar-sa #tbEmail {
     float: right;
 }

 #body.ar-sa {
     font-family: FrutigerLT, Arial, sans-serif;
 }

 #body.ar-ae,
 #body.ar-ae .heading {
     font-family: FrutigerLT, Arial, sans-serif;
 }

 #body.ar-ae .btnSubmit2Container {
     text-align: left;
 }

 #body.ar-ae input#btnSubmit1 {
     right: unset;
     left: 0;
 }

 #body.ar-ae .btn1,
 #body.ar-ae #btnSubmit2,
 #body.ar-ae #btnSubmit1 {
     line-height: 19px;
 }

 #body.ar-ae .btnSubmit1Container {
     float: right;
 }

 #selectSection input[type=text] {
     border: solid 1px #E1E1E1 !important;
     border-radius: 2px !important;
     font-weight: 500;
 }

 .shareTypeDescription {
     font-size: 14px;
     line-height: 1.7;
 }

 #selectSection input[type=text] {
     padding: 5px;
     height: 30px;
     line-height: 30px;
     font-weight: 500;
 }

 .modal-dialog {
     max-width: 520px;
     width: 100%;
     margin: 0 auto;
 }

 * {
     outline: 0 !important;
 }


 .selectshare-column {
     width: 200px !important;
 }

 table#dlTitle tbody tr td:last-child {
     padding-left: 20px;
 }

 table#dlTitle {
     margin-left: 126px;
 }

 td.title-selectshare {
     width: 124px;
 }

 @media screen and (max-width:860px) {
     table#dlTitle tbody tr td:last-child {
         padding-left: 0px Im !important;
     }
 }

 .error-content {
     font-weight: 500;
     color: #000000;
 }

 .btn-primary {
     color: #fff;
     background-color: #000;
     border-color: #000;
     border-radius: 30px;
 }

 .btn-primary.active,
 .btn-primary.focus,
 .btn-primary:active,
 .btn-primary:focus,
 .btn-primary:hover,
 .open>.dropdown-toggle.btn-primary {
     color: #e00800;
     background-color: #fff;
     border-color: #e00800;
 }

 .modal-body {
     position: relative;
     padding: 15px;
     font-weight: 500;
 }

 div#main-content,
 .modal-content {
     font-weight: 500;
 }