/* Id: 7.4044899.1508161863
 * Generated: 04-Nov-2017 05:53:38
 */
    .hideInfo {
  display: none;
}
  
.newsletter-subscribe-btn a {
    color: #fad165;
  	display: block;
}

.digestSelection {
     margin: -11px 0 -2px 0;
    padding: 0 0 0px 0;
    text-align: left;
    list-style: none;
    /* border-bottom: solid 1px #e5e5e5; */
    /* float: left; */
  	font-family: 'Arial';
  font-size: 0.9em;
   display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-around; /* Safari 6.1+ */
    display: flex;
    justify-content: space-around;
  }



.digestSelection input {
  width: auto !important;
}

input[type='radio'] {
    vertical-align: middle;
    margin-right: 5px !important;
}

.alert, ._form-thank-you{
	font-family:'Arial';
}

.alert {
    padding: 0px;
    margin-bottom: 18px;
    text-shadow: none; 
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #686868;
}


input.error, input._has_error {
    border: 1px solid #f6a3a3 !important;
}

label.error, ._error._below {
    position: absolute;
    right: 20px;
    /* bottom: 136px; */
    margin-top: -36px;
    color: #ee4c4c;
    font-family: 'Arial';
    font-size: 12px;
}

._error._below{
	margin-top:-38px;
}


input:invalid, textarea:invalid {
     background-color: #fff; 
}

input.newsletter-card--back__btn, ._submit {
    width: calc(100% - 20px)!important;
}

.newsletter-page-title {
  font-size: 31px;
  color: #333;
    margin-top: 30px;
  }
  
.culture .newsletter-card--back__btn {
  border: 1px solid #c84780 !important;
  color: #c84780;
}

.culture .newsletter-card--front, .culture .newsletter-card--back {
  border-top: 2px solid #c84780 !important;
}

.lifeStyle .newsletter-card--back__btn {
  border: 1px solid #f60 !important;
  color: #f60;
}

.lifeStyle .newsletter-card--front, .lifeStyle .newsletter-card--back {
  border-top: 2px solid #f60 !important;
}

.business .newsletter-card--back__btn, .business ._submit {
  border: 1px solid #2998cc !important;
  color: #2998cc;
}

.business .newsletter-card--front, .business .newsletter-card--back {
  border-top: 2px solid #2998cc !important;
}


.sport .newsletter-card--back__btn {
  border: 1px solid #3ea447 !important;
  color: #3ea447;
}

.sport .newsletter-card--front, .sport .newsletter-card--back {
  border-top: 2px solid #3ea447 !important;
}

.more .newsletter-card--back__btn {
  border: 1px solid #066 !important;
  color: #066;
}

.more .newsletter-card--front, .more .newsletter-card--back {
  border-top: 2px solid #066 !important;
}

.sub-only, .sub-only .newsletter-card--front__title,  .sub-only .newsletter-card--back__title,  .sub-only .newsletter-card--front__description {
  background-color: #22262D !important;
  color: #fff !important;
}

.anonymous .sub-only .newsletter-card--front__btn, .anonymous .sub-only .newsletter-card--back__btn {
  border: 1px solid #fad165 !important;
  color: #fad165;
  background-color: #22262D;
}

.anonymous .sub-only .newsletter-card--front, .anonymous .sub-only .newsletter-card--back {
  border-top: 2px solid #fad165 !important;
}

.sub-only .newsletter-card--front__btn, .sub-only .newsletter-card--back__btn {
  border: 1px solid #869cb4 !important;
  color: #869cb4;
}

.sub-only .newsletter-card--front, .sub-only .newsletter-card--back {
  border-top: 2px solid #869cb4 !important;
  
}

.sub-only .alert {
  color: #fff !important;
    }

.sub-only .newsletter-subscribe-btn {
  display: none;
}

.anonymous .sub-only .newsletter-subscribe-btn {
  display: block;
}

.anonymous .sub-only .newsletter-signedIn-btn {
	display: none;  
}
  


.sub-only-tag {
  color: #fff !important;
  position: absolute;
  background-color: #869cb4 !important;
  left: 0px;
  bottom: 0px;
  padding: 5px 10px;
  font-weight: 600;
  font-size: 12px;
}
  
.anonymous .sub-only-tag {
  color: #22262D !important;
  background-color: #fad165 !important;
}

.hide {
  display: none;
}

.newsletter-card {
  margin-top: 40px;
  background-color: #f6f6f6;
  border: 1px solid #e6eaf1;
  min-height: 300px;
  position: relative;
}
.newsletter-card--image {
  height: 100px;
  background-color: #ccc;
  overflow: hidden;
  position: relative;
}
.newsletter-card--image .sub-only-tag {
  color: #22262D;
  position: absolute;
  background-color: #fad165;
  left: 0px;
  bottom: 0px;
  padding: 5px 10px;
  font-weight: 600;
  font-family: 'Arial';
}
.newsletter-card--image .sub-only-tag::before {
  content: "\e917";
  font-family: 'it-icons';
  margin-right: 5px;
}
.newsletter-card--image img {
  width: 100%;
}
.newsletter-card--front {
  padding: 10px;
  box-sizing: border-box;
  border-top: 2px solid #d51717;
}
.newsletter-card--front__title {
  font-family: 'Georgia';
  font-size: 1.3em;
  color: #232323;
}
.newsletter-card--front__description {
  color: #686868;
  font-family: 'Arial';
  font-size: 14px;
  line-height: 21px;
}
.newsletter-card--front__btn {
  color: #fff;
  font-weight: 500;
  text-align: center;
  padding: 7px 0px;
  bottom: 10px;
  position: absolute;
  width: calc(50% - 20px);
  left: 10px;
  border: 1px solid #c8c7c7;
  border-radius: 4px;
  background-color: #fff;
  color: #565656;
  font-family: 'Arial';
  cursor: pointer;
}
.newsletter-card--back {
  padding: 10px;
  box-sizing: border-box;
  border-top: 2px solid #d51717;
  cursor: pointer;
}
.newsletter-card--back__title {
  font-family: 'Georgia';
  font-size: 1.3em;
  color: #232323;
  margin-bottom: 10px;
}
.newsletter-card--back__btn, ._submit {
  color: #fff;
  font-weight: 500;
  text-align: center;
  padding: 7px 0px;
  bottom: 10px;
  position: absolute;
  width: calc(50% - 20px);
  left: 10px;
  border: 1px solid #d51717 !important;
  border-radius: 4px;
  color: #d51717;
  font-family: 'Arial';
  background-color: #fff;
}
.newsletter-card--back input, ._submit{
  width: calc(100% - 10px);
  margin: 5px 0px;
  height: 35px;
  border: 1px solid #e6eaf1;
  padding-left: 5px;
  border-radius: 4px;
  bottom: 33px;
}
.newsletter-card--back ::-webkit-input-placeholder {
  color: #c4c5c5;
}



@media only screen and (max-width: 979px) and (min-width: 768px) {

  .span4 {
      width: 360px !important;
  }
}
  
  
  @media only screen and (max-width: 767px) {

  .newsletter-card--back input {
    font-size: 16px;
      }
  
   .span4 {
      width: 300px !important;
  }
    
  .newsletter-page-title {
  line-height: 40px;
  }
}




.close-card {
text-align: center;
    bottom: 6px;
    position: absolute;
    left: calc(50% - 16px);
    font-size: 14px;
    font-family: 'Arial';
    cursor: pointer;
  }