html { overflow-y: scroll; }
.has-overlay { overflow: hidden; }
.has-overlay > body { height: 100%; overflow-y: scroll; }
.is-active.semantic-content { display: block\9; }
.semantic-content:target { display: block\9; }
.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -o-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; opacity: 0; color: #222; line-height: 1.3; display: none\9; }
.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; }
.semantic-content .modal-inner { position: absolute; top: 150px; left: 50%; z-index: 2000; margin-left: -180px; width: 370px; overflow-x: hidden; background: url(../images/main_bg.jpg); }
.semantic-content .modal-inner > img,
.semantic-content .modal-inner > video,
.semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 300px; }
.semantic-content .modal-inner > img { width: auto; max-width: 100%; }
.semantic-content header { height: 50px; background-color: #FFD203; line-height:50px; }
.semantic-content .modal-content { max-height: 400px; max-height: 70vh; padding: 15px 30px 30px 30px; overflow-x: hidden; overflow-y: auto; }
.semantic-content .modal-content > * { max-width: 100%; }
.semantic-content footer { border-top: 1px solid white; padding: 0 1.2em 18px; background: #f0f0f0; border-radius: 2px; }
.semantic-content .modal-close { display: block; text-indent: -100px; overflow: hidden; }
.semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAEElEQVR42gEFAPr/AAAAAMwA0QDNTiUx4gAAAABJRU5ErkJggg=="); }
.semantic-content .modal-close:after { content: ' '; color: #fff; background: url(../images/close.png); width: 31px; height: 31px; position: absolute; top: 140px; left: 50%; z-index: 5000; margin-left: 170px; text-decoration: none; text-indent: 0; }

/* forms */
.semantic-content h4 span { margin-left:27px; }
.semantic-content h4 a {color:inherit; display: inline-block; width: 150px; height: 50px; padding-left: 27px; cursor: pointer; text-decoration: none; }
.semantic-content h4 a.active {  background: url(../images/main_bg.jpg); cursor: default;}
.semantic-content h4 a.fr {  float:right; }
.semantic-content .error { margin-bottom: 20px;}
.semantic-content .error:empty { margin-bottom: 0px;}
.semantic-content .form input,
.semantic-content .form textarea,
.semantic-content .form label { width:100%;  display:block;  margin-bottom: 7px; }
.semantic-content .form textarea { height:100px; }
a.forgot { margin-left: 20px;}

.semantic-content .form input[type=submit]{ width: auto;cursor: pointer;display: inline-block;}