.newsletter-overlay {
  background: rgba(51, 51, 51, 0.2);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 9999;
  overflow: hidden; }
  .newsletter-overlay #newsletter_popup {
	-moz-box-shadow: 3px 4px 43px 0px rgba(0, 0, 0, 0.11);
	-webkit-box-shadow: 3px 4px 43px 0px rgba(0, 0, 0, 0.11);
	box-shadow: 3px 4px 43px 0px rgba(0, 0, 0, 0.11);
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	z-index: 99999;
	margin: 0 auto;
	max-width: 470px;
	min-width: 290px;
	width: 90%;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-height: 90%;
	overflow: auto;
	text-align: center;
	background-image: url(/themes/theme1404/css/modules/tmnewsletter/views/css/bg.jpg);
	background-position: right top;
	background-size: cover
}
    .newsletter-overlay #newsletter_popup .tmnewsletter-inner {
	position: relative;
	padding-top: 50px;
	padding-right: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
}
      .newsletter-overlay #newsletter_popup .tmnewsletter-inner .icon.tmnewsletter-close {
        position: absolute;
        right: 12px;
        top: 10px;
        width: 30px;
        height: 30px;
        cursor: pointer;
        color: #888888;
        z-index: 2;
        text-align: center;
        background: none;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
        right: 10px;
        top: 10px; }
        .newsletter-overlay #newsletter_popup .tmnewsletter-inner .icon.tmnewsletter-close:before {
          font-family: "Linearicons";
          content: "\e92a";
          display: inline-block;
          font-weight: normal;
          font-style: normal;
          font-size: 18px;
          line-height: 30px; }
        .newsletter-overlay #newsletter_popup .tmnewsletter-inner .icon.tmnewsletter-close:hover {
          color: #333333; }
      .newsletter-overlay #newsletter_popup .tmnewsletter-inner .tmnewsletter-wrap {
        max-height: 100%;
        overflow: auto; }
      .newsletter-overlay #newsletter_popup .tmnewsletter-inner .tmnewsletter-header h4 {
        margin: 0;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: #333333; }
      .newsletter-overlay #newsletter_popup .tmnewsletter-inner .tmnewsletter-content {
        margin-top: 18px;
		color: #333333; }
        .newsletter-overlay #newsletter_popup .tmnewsletter-inner .tmnewsletter-content .description {
          font-size: 14px;
          line-height: 1.42857}
        .newsletter-overlay #newsletter_popup .tmnewsletter-inner .tmnewsletter-content .email-error .form-control {
          border-color: #fe8080; }
        .newsletter-overlay #newsletter_popup .tmnewsletter-inner .tmnewsletter-content .email-valid .form-control {
          border-color: #42b575; }
        .newsletter-overlay #newsletter_popup .tmnewsletter-inner .tmnewsletter-content .form-group {
          position: relative;
          margin-top: 23px;
          margin-bottom: 0; }
          .newsletter-overlay #newsletter_popup .tmnewsletter-inner .tmnewsletter-content .form-group:before {
            position: absolute;
            left: 18px;
            top: 5px;
            font-family: "Linearicons";
            content: "\e697";
            display: inline-block;
            font-weight: normal;
            font-style: normal;
            font-size: 18px;
            line-height: 30px;
            color: #333333; }
          @media (min-width: 480px) {
            .newsletter-overlay #newsletter_popup .tmnewsletter-inner .tmnewsletter-content .form-group {
              position: relative;
              display: -webkit-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex; }
              .newsletter-overlay #newsletter_popup .tmnewsletter-inner .tmnewsletter-content .form-group .btn {
                flex-shrink: 0; } }
          .newsletter-overlay #newsletter_popup .tmnewsletter-inner .tmnewsletter-content .form-group .form-control {
            padding-left: 46px; }
            @media (min-width: 480px) {
              .newsletter-overlay #newsletter_popup .tmnewsletter-inner .tmnewsletter-content .form-group .form-control {
                width: auto;
                flex: 1 1 auto; } }
          .newsletter-overlay #newsletter_popup .tmnewsletter-inner .tmnewsletter-content .form-group .btn {
            padding: 12px 20px;
			margin-top: 0px; }
            @media (max-width: 479px) {
              .newsletter-overlay #newsletter_popup .tmnewsletter-inner .tmnewsletter-content .form-group .btn {
                margin-top: 10px; } }
      .newsletter-overlay #newsletter_popup .tmnewsletter-inner .tmnewsletter-footer .checkbox {
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 0; }
        .newsletter-overlay #newsletter_popup .tmnewsletter-inner .tmnewsletter-footer .checkbox .checker {
          display: inline-block;
          top: -2px; }
          .newsletter-overlay #newsletter_popup .tmnewsletter-inner .tmnewsletter-footer .checkbox .checker .checked:before {
            left: 0; }
        .newsletter-overlay #newsletter_popup .tmnewsletter-inner .tmnewsletter-footer .checkbox input {
          display: block; }