.applicat { text-shadow: 0 1px 3px rgb(0 0 0 / 30%); font: 12pt 'Trebuchet MS', Helvetica, sans-serif; font-weight: normal; }  h1.applicat{ text-align: center; color: #008000; font-weight: bold; font-size:18pt }  h2.applicat{ text-align: left; color: #00807a; font-weight: bold; font-size:14pt }  p.applicat { text-align: left; color: black; } div.applicat { background: #fff; width: 90%; margin: 10px auto 0px auto; padding: 20px; border: 2px solid #3333FF;  -webkit-border-radius: 8px;  -moz-border-radius: 8px;  -ms-border-radius: 8px; border-radius: 8px; }  .booking-button { text-align: center; font-size: 10pt; margin: 20px auto 10px auto; width: 275px; height: 29px; padding-top: 15px; border: 2px outset buttonface; background-color: #009400; box-shadow: 4px 4px 1px 1px rgb(0 0 0 / 50%); background-position: right -64px; display: block; background-repeat: no-repeat; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; text-decoration: none;  } .booking-button { text-align: center; font-size: 10pt; margin: 20px auto 10px auto; width: 275px; height: 48px; padding-top: 6px; border: 2px outset buttonface; background-color: #009400; box-shadow: 4px 4px 1px 1px rgb(0 0 0 / 50%); background-position: right -64px; display: block; background-repeat: no-repeat; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; text-decoration: none; } .booking-button:hover{ background-position: right 0px; box-shadow: 3px 3px 1px 1px rgb(0 0 0 / 50%); } .booking-button:active{ background-position: right 0px; box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 50%); }  .close-button { text-align: center; font-size: 10pt; margin: -47px 0px 0px auto; width: 140px; height: 26px; padding-top: 12px; border: 2px outset buttonface; background-color: #03ADC5; box-shadow: 4px 4px 1px 1px rgb(0 0 0 / 50%); background-position: right -64px; display: block; background-repeat: no-repeat; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; text-decoration: none; } .close-button:hover{ background-position: right 0px; box-shadow: 3px 3px 1px 1px rgb(0 0 0 / 50%); } .close-button:active{ background-position: right 0px; box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 50%); }  .new-button { text-align: center; font-size: 10pt; margin: 0px auto 0px 40px; width: 165px; height: 26px; padding-top: 12px; border: 2px outset buttonface; background-color: #03ADC5; box-shadow: 4px 4px 1px 1px rgb(0 0 0 / 50%); background-position: right -64px; display: block; background-repeat: no-repeat; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; text-decoration: none; } .new-button:hover{ background-position: right 0px; box-shadow: 3px 3px 1px 1px rgb(0 0 0 / 50%); } .new-button:active{ background-position: right 0px; box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 50%); }  .formcheckbox { width: 485px; margin-left: 50px; margin-top: 20px; font-size: 10pt; font-weight: bold; }  .popup h1 { color: #008000; text-align: left; text-shadow: 0 1px 3px rgba(0,0,0,.3); font:24px 'Trebuchet MS', Helvetica, sans-serif; font-weight: bold; } .popup h2 { color: #008000; text-align: left; text-shadow: 0 1px 3px rgba(0,0,0,.3); font:22px 'Trebuchet MS', Helvetica, sans-serif; } .overlay { top: 0; right: 0; bottom: 0; left: 0; z-index: 1; visibility: hidden; /* фон затемнения */ background-color: rgba(0, 0, 0, 0.7); opacity: 0; position: fixed; cursor: default; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; } .overlay:target { visibility: visible; opacity: 1; } .is-image { top: 0; right: 0; bottom: 0; left: 0; display:block; margin: auto; width: 100%; height: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } embed, iframe { top: 0; right: 0; bottom: 0; left: 0; display:block; margin: auto; min-width: 320px; max-width: 2px; width: 100%; } .popup { top: 0; right: 0; left: 0; font-size: 14px; z-index: 10; display: block; visibility: hidden; margin: 0 auto; width: 90%; min-width: 320px; max-width: 600px; position: fixed; padding: 15px; border: 1px solid #383838; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background-color: #FFFFFF; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8); -ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8); -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8); opacity: 0; -webkit-transition: all ease .5s; -moz-transition: all ease .5s; -ms-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; } .overlay:target+.popup { top: 20%; visibility: visible; opacity: 1; } .close { position: absolute; display: none; top: 179px; right: 343px; padding: 0; width: 20px; height: 20px; border: 2px solid #ccc; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; background-color: rgba(61, 61, 61, 0.8); -webkit-box-shadow: 0px 0px 10px #000; -moz-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; text-align: center; text-decoration: none; font-weight: bold; line-height: 20px; -webkit-transition: all ease .8s; -moz-transition: all ease .8s; -ms-transition: all ease .8s; -o-transition: all ease .8s; transition: all ease .8s; } .close:before { color: rgba(255, 255, 255, 0.9); content: "X"; text-shadow: 0 -1px rgba(0, 0, 0, 0.9); font-size: 12px; } .close:hover { background-color: rgba(252, 20, 0, 0.8); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .popup p, .popup div { margin-bottom: 10px; } .popupa-ac h1{text-align:center;background:#fff;width:580px;margin:100px auto 0px auto;padding:20px;color:#008000;text-shadow:0 1px 3px rgba(0,0,0,.3);font:24px 'Trebuchet MS', Helvetica, sans-serif;font-weight:bold;border:2px solid #383838;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;border-radius:8px;} .popupa-ac {top:0;right:0;bottom:0;left:0;z-index:10;display:block;background-color:rgba(0, 0, 0, 0.6);position:fixed;cursor:default;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;} .popupa{display:none;}  .applicat font{ display:block; font-size:8pt; border:dashed 1px red; border-top:none; width:200px; color:red; text-align:right; font-weight:bold; padding:0px 5px 0px 5px; } .inform { text-shadow: 0 1px 3px rgb(0 0 0 / 30%); font: 8pt 'Trebuchet MS', Helvetica, sans-serif; font-weight: normal; text-align: justify }  .info-error{ margin: 10px auto 10px auto; text-align: center; }  .info-error1{ width: 40% }  .narrow .info-error1{ width: 100% }