.is-hidden { display:none; }

.topbar {
 width:100%;
 height:4rem;
 display:table;
 background-color:#00ced1;
 font-size:1.6rem;
 color:white;
}

.button-close {
 -webkit-border-radius:0.7rem;
 -moz-border-radius:0.7rem;
 border-radius:0.7rem;
 border:none;
 padding:0.3rem 0.5rem;
 background-color:#E5E4E2;
 cursor:pointer;
}

.overlay {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 -webkit-border-radius:2rem;
 -moz-border-radius:2rem;
 border-radius:2rem;
 background:rgba(0,0,0,0.6);
}

.modal-content {
 padding:1.4rem 1.5rem;
 max-width:90%;
 position:relative;
 max-height:100%;
 margin:4% auto 0;
 font-size:1.4rem;
 text-align:center;
 background:#fff;
}

#mailtxt {
 direction: rtl;
 unicode-bidi: bidi-override;
}

.e-mail:before {
  content: attr(data-website)"\0040" attr(data-user);
}

@-moz-keyframes blink {
 from { color:red; }
   to { color:yellow; }
}

@-webkit-keyframes blink {
 from { color:red; }
   to { color:yellow; }
}

@-ms-keyframes blink {
 from { color:red; }
   to { color:yellow; }
}

@keyframes blink {
 from { color:red; }
   to { color:yellow; }
}

.blink {
 -webkit-animation-name:blink;
 animation-name:blink;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite;
 -webkit-animation-direction: alternate;
 animation-direction: alternate;
 -webkit-animation:blink 1s infinite;
 -webkit-animation-duration:1s;
 animation-duration:1s;
 font-size:4rem
}