.popin{cursor:pointer;}
#overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0.8);transition:opacity 250ms;opacity:0;z-index:999999999;}
#overlay.active{opacity:1;}
.popin-box, .ui-dialog{top:0;left:50%;position:absolute;transform:translate(-50%, -50%);transition:all 350ms ease-in-out;z-index:1000000000;opacity:0;padding:16px 0 32px 0;}
.popin-box.active{opacity:1;}
.ui-dialog{top:0;left:50% !important;position:absolute !important;padding:32px;border:4px solid #7c388d;min-width:650px;}
.ui-dialog.active{opacity:1;}
.popin-box .close, .ui-dialog .close{outline:none;position:absolute;top:0;right:0;font-size:30px;text-decoration:none;color:#ffffff;opacity:1;text-shadow:none;width:auto;height:auto;line-height:30px;background:#75952b;transition:all 125ms ease-in-out;z-index:1;}
.popin-box .close:before, .ui-dialog .close:before{width:auto;height:auto;line-height:30px;}
.popin-box .close:hover, .ui-dialog .close:hover{background:#645043;}
.popin-box .content, .ui-dialog .content{background:#fff;}
.imgmap-dialog .imgmap-dialog-wrapper{padding:0;}
.popin-box .overlay-picture picture{position:relative;display:block;}
.popin-box .overlay-picture picture > img{display:block;width:auto;max-height:90vh;margin:0 auto;}
.ui-dialog .ui-dialog-titlebar{display:none;}
.popin-box .content .row{padding:30px;}
.popin-box .content .row .col-xs-12{margin-left:0;margin-right:0;}
.popin-box .content .title, .ui-dialog .content .title{font-family:"Gotham Rounded", sans-serif;color:#7c388d;font-size:35px;font-weight:400;line-height:normal;text-transform:uppercase;margin-bottom:10px;word-wrap:break-word;}
.popin-box .content .btn{margin:20px 10px;}
.popin-box .valid{color:#009900;}
.popin-box .error{color:#990000;}
.popin-box .content, .ui-dialog .content{opacity:1;transition:all 250ms;height:auto;overflow:hidden;}
.popin-box .content.nodisplay{opacity:0;height:0;}
.maptips{position:absolute;color:#ffffff;text-transform:uppercase;font-size:20px;font-weight:600;transform:translate(-50%) scale(0.1);border:3px solid #ffffff;padding:5px 10px;transition:all 250ms;opacity:0;background:#7c388d;pointer-events:none;}
.maptips.active{opacity:1;transform:translate(-50%) scale(1);}
body.page .popin-box .ident{padding-top:15px;}
body.page .popin-box .ident h2{color:#7c388d;}
body.page .popin-box .create{padding:15px;background:#7c388d;}
body.page .popin-box .create h2{color:#fff;}
body.page .popin-box .create .lock > div{display:inline-block;text-align:center;padding:0;}
body.page .popin-box .create .lock > div:before{font-size:130px;color:#ffffff;position:relative;transform:none;width:130px;height:130px;}
body.page .popin-box .create .btn:hover{color:#75952b;background-color:#ffffff;}
body.page .popin-box .notice a{color:#75952b;text-decoration:underline;}
.loader:before{color:#ffffff;font-size:10px;content:"";top:50%;left:50%;width:1em;height:1em;border-radius:50%;position:absolute;-webkit-animation:load 1.3s infinite linear;animation:load 1.3s infinite linear;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);}
.imgmap-frontend-image .loader:before{font-size:20px;width:0.5em;height:0.5em;-webkit-animation:load 0.6s infinite linear;animation:load 0.6s infinite linear;}
@-webkit-keyframes load {
0%,
100%{box-shadow:0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;}
12.5%{box-shadow:0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;}
25%{box-shadow:0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;}
37.5%{box-shadow:0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;}
50%{box-shadow:0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;}
62.5%{box-shadow:0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;}
75%{box-shadow:0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;}
87.5%{box-shadow:0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;}
}
@keyframes load {
0%,
100%{box-shadow:0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;}
12.5%{box-shadow:0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;}
25%{box-shadow:0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;}
37.5%{box-shadow:0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;}
50%{box-shadow:0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;}
62.5%{box-shadow:0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;}
75%{box-shadow:0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;}
87.5%{box-shadow:0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;}
}
@media(max-width:1199px){
.ui-dialog{min-width:600px;}
}
@media(max-width:991px){
.ui-dialog{min-width:600px;}
}
@media(max-width:767px){
.popin-box, .ui-dialog {
min-width: 100%;
transform: translate(-50%, 0); }
.popin-box .content .row {
padding: 0; }
.popin-box .content .row .col-xs-12 {
margin-left: 0;
margin-right: 0; } }.overlay-404{width:100%;height:100%;z-index:0;top:0;}
.overlay{position:fixed;width:100%;height:100%;z-index:999999;top:0;cursor:pointer;opacity:0;background:rgba(0, 0, 0, 0.8);-ms-transition:all 350ms;-moz-transition:all 350ms;-webkit-transition:all 350ms;transition:all 350ms;}
.overlay .popin-box{top:50%;opacity:0;padding:0;-ms-transition:opacity 350ms;-moz-transition:opacity 350ms;-webkit-transition:opacity 350ms;transition:opacity 350ms;}
.overlay.show .youtube-player{max-height:100vh;}
.overlay.show{opacity:1;}
.overlay.show .popin-box{opacity:1;}
@media(max-width:767px){
.overlay .popin-box {
min-width:100%;
transform: translate(-50%,-50%);
padding:15px;
}
.overlay .popin-box .close {
right:15px;
top:15px;
}
}