*{margin:0;padding:0;outline:0;box-sizing:border-box}body{font-size:100%;font-family:'Open Sans',sans-serif;line-height:1;color:#000}input{border:1px solid #797979;background:#fff;font-size:16px;color:#000}.newsletter-section{padding:0px 0px;}ul.list-titles{display:none;justify-content:center;align-items:center;list-style:none;flex-wrap:wrap}ul.list-titles li{padding:0 15px;font-size:17px;margin-bottom:15px}ul.list-titles li:not(:last-child){border-right:1px solid #d1d1d1}ul.list-titles li a{text-decoration:none;color:#2b83ce}.subscribe-form .form-lable{line-height:1.3;text-align:center;margin-bottom:0px; padding-bottom:10px;}input.subcheck{width:17px;height:17px;margin-right:5px;min-width:17px}.subscribe-form>.newsletterSub{flex:1 0 0}.newsletterSub .field-data{display:flex;justify-content:space-between;align-items:center;}.field-data.checkbut label{display:flex;align-items:center;color:#696969;font-weight:400;font-size:14px;width:100%;flex-basis:auto;    white-space: nowrap; margin-right:10px;}.newsletterSub span.mesg{flex-basis:100%}.newsletterSub button{background:#cd2027;color:#fff;font-size:15px;font-weight:700;text-transform:uppercase;padding:9px 15px;border-radius:5px;border:1px solid #cd2027; cursor: pointer; }.newsletterSub button:hover{}
.newsletterSub input[type=email],.newsletterSub input[type=text]{height:38px;padding:3px 10px 3px 10px;border-radius:5px;width:100%;font-size:16px}span.mesg{font-weight:700;padding-top:5px;font-size:15px}.error{color:red}.success{color:#0a5100}::-webkit-input-placeholder {color: #868686;}:-ms-input-placeholder {color: #868686;}::placeholder {color: #868686;}.error {color:#bf091e;font-size: 13px;padding: 5px;}
input.error{border:1px solid #bf091e; color:#bf091e;}
.newsletter-section h3{ text-align: center; line-height: 1.4; font-size: 16px; color:#000;} .newsletter-section h3 a{color:#2b83ce; text-decoration: none;}
.newsletter-section .success{height: 100%; display: flex; align-items: center; justify-content: space-evenly;    flex-direction: column;}
.newsletter-section .success .form-lable{ color:#323232; }
.newsletter-section .success .subc-button a{ background-color:#cd2027; font-size:16px; padding:10px; border:1px solid #cd2027; font-weight:600;text-decoration: none;border-radius: 5px; display: block; color:#fff;}
.newsletter-section .success .subc-button a:hover{background-color: #e42830;}
.newsletterSub .field-data.email-data{ flex-basis: calc(100% - 350px);max-width: calc(100% - 350px);margin-right: 25px; }


.field-data.email-data label.error{position: absolute;top:36px; left:6px;} .field-data.email-data label{position: relative;width:100%;}
.field-data.checkbut label.error {	font-size: 13px;font-weight: normal;color: #bf091e;	position: absolute;	top: 18px; left:-5px;}
.newsletter-section{display: flex;flex-direction: column;height: 100vh;border-top: 1px solid #cfcfcf; padding-top: 10px;}

.newsletterSub .field-cont{ display: flex; justify-content:space-between;}



@media (max-width:777px){
	.field-data.checkbut{line-height:1.3; margin-bottom: 0}
	.field-data.checkbut label.error{top: 14px}
	.newsletterSub button{margin:0 auto;}
    .field-data.checkbut label.error, .error { font-size: 12px;}
}
	
	@media (max-width:500px){
		.newsletterSub .field-data.email-data{flex-basis:100%;max-width:100%;margin-right:0px;}
		.subscribe-form,.newsletterSub .field-cont{flex-direction:column}
		.newsletterSub .field-data{ flex-basis:100%; max-width:100%; }
		.subscribe-form .form-lable{line-height:1.3;text-align:left;margin-bottom:0px}
		ul.list-titles li:not(:last-child){border-right:0px;}
		.newsletterSub .field-data{flex-direction: column;}
		.newsletterSub .field-data label{flex: 100% 0 0;width: 100%;} .newsletterSub .field-data label:nth-child(1){ margin-bottom:20px;}
		.newsletterSub .field-data.checkbut label:nth-child(1){ margin-bottom:20px;}
        .field-data.checkbut label.error{top:15px}
        .field-data.checkbut label{margin-bottom:15px; margin-right:0px;}
	}

.newsletter-section h3 span{color:#288423;}
ul.list-titles li{text-align: center; line-height: 20px;}
.newsletterSub button:active{background: #960011;}

@media (max-width:320px){ul.list-titles li{font-size:16px;}}

/* dark Mode */
[data-theme="dark"] .newsletter-section{ border-color:#535353 }
[data-theme="dark"] .newsletterSub input[type=email],[data-theme="dark"] .newsletterSub input[type=text]{ border-color:#535353; background-color:#454545;color:#ccc; }
[data-theme="dark"] body{background-color:#18191a; color:#fff;}
[data-theme="dark"] .field-data.checkbut label{color:#eaeaea;}
[data-theme="dark"] .newsletterSub button{ background-color:#fc3b43; border-color:#fc3b43; }
[data-theme="dark"] .field-data.checkbut label.error,[data-theme="dark"] .field-data.email-data label.error {color: #fc3b43;}
[data-theme="dark"] .newsletterSub input[type=email].error,[data-theme="dark"] .newsletterSub input[type=text].error { border: 1px solid #fc3b43; color: #fc3b43;}
[data-theme="dark"] .newsletter-section h3{color:#efefef}
[data-theme="dark"] .newsletter-section h3 a{color: #34a1ff;}
[data-theme="dark"] .newsletter-section h3 span{color:#09b700;}