/* CALENDAR */
#ad-webdev-calendar * { margin:0; padding:0; }
#ad-webdev-calendar {
    font-family:Karla, sans-serif !important;
    height: calc(100vh - 40px);
    box-sizing: border-box;
    margin:20px;
    overflow:hidden;
    border-top: 2px solid #000;
}
#ad-webdev-calendar-loader {
    height: calc(100vh - 40px);
    width:100%;
    box-sizing: border-box;
    position:fixed;
    bottom:0; left:0;
    background-color:#fff !important;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:1;
}
#ad-webdev-calendar-loader img { width:150px; }
#ad-webdev-calendar-loader .texts { position:absolute; bottom:40px; left:0; width:100%; text-align:center; font-weight:bold; font-size:22px; color:#2a369c; }

/* CALENDAR => HEADER => NAVBAR */
#ad-webdev-calendar .header { width:100%; height:120px; }
#ad-webdev-calendar .header .navbar {
    width:100%;
    height:55%;
    border-right: 2px solid #000;
    border-left: 2px solid #000;
    box-sizing: border-box;
}
#ad-webdev-calendar .header .navbar div {
    height:100%;
    float:left;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-sizing: border-box;
}
#ad-webdev-calendar .header .navbar div.btn { cursor:pointer; }
/* #ad-webdev-calendar .header .navbar div.btn:hover { background-color:#eee; } */
#ad-webdev-calendar .header .navbar div.title { font-size:34px; font-weight:bold; text-transform:uppercase; color:#000; cursor:default !important; /* border-left:2px solid #000; border-right: 2px solid #000; cursor:pointer; */ }
/* #ad-webdev-calendar .header .navbar div.title:hover { background-color:#eee; } */
#ad-webdev-calendar .header .navbar div:nth-child(1) { left:0; width:20%; justify-content:flex-start; padding-left:20px; }
#ad-webdev-calendar .header .navbar div:nth-child(3) { left:80%; width:20%; justify-content:flex-end; padding-right:20px; }
#ad-webdev-calendar .header .navbar div:nth-child(2) { left:20%; width:60%; }
#ad-webdev-calendar .header .navbar div .arrow { background-color:#cecece; width:40px !important; height:40px !important; border-radius:50%; overflow:hidden; justify-content:center; padding:0; }
/* #ad-webdev-calendar .header .navbar div .arrow:hover, */
#ad-webdev-calendar .header .navbar div.clicked .arrow { background-color:#000; }
#ad-webdev-calendar .header .navbar div .arrow img { width:22px; }
#ad-webdev-calendar .header .navbar div:nth-child(3) .arrow img { transform:rotate(180deg); }
@media screen and (max-width: 639px) {
    #ad-webdev-calendar .header .navbar { height:50%; }
    #ad-webdev-calendar .header .navbar div.title { font-size:24px; }
    #ad-webdev-calendar .header .navbar div:nth-child(1) { left:0; width:15%; padding-left:10px; }
    #ad-webdev-calendar .header .navbar div:nth-child(3) { left:85%; width:15%; padding-right:10px; }
    #ad-webdev-calendar .header .navbar div:nth-child(2) { left:15%; width:70%; }
    #ad-webdev-calendar .header .navbar div .arrow { width:34px !important; height:34px !important; padding:0 !important; }
    #ad-webdev-calendar .header .navbar div .arrow img { width:18px; }
}

/* CALENDAR => HEADER => HEADLINE */
#ad-webdev-calendar .header .headline {
    width: 100%;
    height:45%;
    text-transform: uppercase;
    border-left: 2px solid #000;
    box-sizing:border-box;
}
#ad-webdev-calendar .header .headline .label {
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    padding: 10px;
    width:calc(100% / 7);
    height:100%;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight:bold;
    font-size:18px;
    color:#000 !important;
}
@media screen and (max-width: 639px) {
    #ad-webdev-calendar .header .headline { height:50%; }
}


/* CALENDAR => HEADER => TIME SELECTOR */
#ad-webdev-calendar .header .navbar .calendarTimeSelector { width: 100%; height:100%; position: absolute; top:0; left:0; background-color: #ccc; }
#ad-webdev-calendar .header .navbar .calendarTimeSelector.ts-hide { display: none; }
#ad-webdev-calendar .header .navbar .calendarTimeSelector .timeSelectorClose { position:absolute; top:0; right:0; }

/* CALENDAR => CONTENTS */
#ad-webdev-calendar .contents { width:100%; height:100%; box-sizing:border-box; border-top:2px solid #000; border-left:2px solid #000; }
#ad-webdev-calendar .contents .element { width:calc(100% / 7); height:15%; box-sizing:border-box; float:left; border-right:2px solid #000; border-bottom:2px solid #000; padding:6px; cursor:pointer; overflow:scroll; }
#ad-webdev-calendar .contents .element::-webkit-scrollbar,
#ad-webdev-calendar .contents .element::-webkit-scrollbar-track,
#ad-webdev-calendar .contents .element::-webkit-scrollbar-thumb,
#ad-webdev-calendar .contents .element::-webkit-scrollbar-thumb:hover { display:none !important; }
#ad-webdev-calendar .contents .element:not(.empty):hover { background-color:#ececec; }
#ad-webdev-calendar .contents .element.empty { background-color:#d9d9d9; cursor:not-allowed; }
#ad-webdev-calendar .contents .element .number { width:100%; height:32px; position:relative; }
#ad-webdev-calendar .contents .element .number .number-box { width:32px; height:32px; display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; line-height:0; color:#000; }
#ad-webdev-calendar .contents .element .number .number-circle { background-color:transparent; width:32px; height:32px; border-radius:50%; overflow:hidden; position:absolute; top:0; left:0; box-sizing:border-box; }
#ad-webdev-calendar .contents .element .number.active .number-circle { background-color:#ececec; }
#ad-webdev-calendar .contents .element:hover .number .number-circle { background-color:#ffffff !important; }
#ad-webdev-calendar .contents .element .event { border-radius:4px; box-sizing:border-box; font-size:12px; padding:3px 5px; margin-top:4px; color:#000 !important; line-height:16px; }
#ad-webdev-calendar .contents .element .event.event-red { background-color:#ff94a1; }
#ad-webdev-calendar .contents .element .event.event-green { background-color:#a5ffb3; }
#ad-webdev-calendar .contents .element .event.event-orange { background-color:#ffb86d; }
#ad-webdev-calendar .contents .element .event.event-blue { background-color:#9de3ff; }
#ad-webdev-calendar .contents .element .event.event-mobile { background-color:inherit; }
@media screen and (max-width: 959px), (max-height: 649px) {
    #ad-webdev-calendar .contents .element .event { display:none !important; }
    #ad-webdev-calendar .contents .element .number { height:100%; }
    #ad-webdev-calendar .contents .element .number .number-box { width:100%; height:100%; font-size:22px; font-weight:bold; }
    #ad-webdev-calendar .contents .element .number .number-circle { width:40px; height:40px; top:50%; left:50%; transform: translate(-50%,-50%); }
    #ad-webdev-calendar .contents .element .number .number-circle.circle-mobile { background-color:#a5ffb3 !important; }
    #ad-webdev-calendar .contents .element .number .number-circle.circle-mobile-ended { background-color:#ffb8c1 !important; }
}

/* CALENDAR => MODAL */
#ad-webdev-calendar .modal{ width:100%; height:100vh; z-index:999; position: fixed; top:0; left:0; display: flex; align-items: center; justify-content: center; }
#ad-webdev-calendar .modal .modal-mask { position:absolute; top:0; left:0; background-color:#00000085; width:100%; height:100%; box-sizing: border-box; }
#ad-webdev-calendar .modal .modal-wrap { border-radius:6px; width:500px; background-color: #fefefe; z-index:150; padding:20px; box-sizing: border-box; }
#ad-webdev-calendar .modal .modal-wrap .header { width:100%; border-radius:4px; box-sizing:border-box; margin:0 0 14px 0; height:50px; display: flex; align-items: center; justify-content: center; border:2px solid #000; color:#000; background-color:#d9d9d9; font-weight:bold; font-size:20px; text-transform:uppercase; }
#ad-webdev-calendar .modal .modal-wrap .close { width:100%; margin:14px 0 0 0; text-align: center; font-size: 14px; color:#616161; font-weight:bold; cursor: pointer; text-transform: uppercase; }
#ad-webdev-calendar .modal .modal-wrap .close:hover { color:#000; }
#ad-webdev-calendar .modal-hide { display: none; }
#ad-webdev-calendar .modal .modal-wrap .content .modal-data { overflow-y: scroll; max-height:500px; }
#ad-webdev-calendar .modal .modal-wrap .content .modal-data::-webkit-scrollbar { display: none; }
#ad-webdev-calendar .modal .modal-wrap .content .modal-data .no-events { border:2px solid #b22222; border-radius:4px; color:#b22222; height:100px; display:flex; align-items:center; justify-content:center; font-weight:bold; font-size:19px; text-transform:uppercase; }
#ad-webdev-calendar .modal .modal-wrap .content .modal-data .event { border-radius:4px; background-color:#eee; margin: 10px 0; padding:10px 12px; cursor: pointer; color:#000 !important; position:relative; overflow:hidden; }
#ad-webdev-calendar .modal .modal-wrap .content .modal-data .event.hasPhoto { padding-right: calc(30% + 12px); }
#ad-webdev-calendar .modal .modal-wrap .content .modal-data .event.event-red { background-color:#ff94a1; }
#ad-webdev-calendar .modal .modal-wrap .content .modal-data .event.event-red:hover { background-color:#ff7283; }
#ad-webdev-calendar .modal .modal-wrap .content .modal-data .event.event-green { background-color:#a5ffb3; }
#ad-webdev-calendar .modal .modal-wrap .content .modal-data .event.event-green:hover { background-color:#59ff73; }
#ad-webdev-calendar .modal .modal-wrap .content .modal-data .event.event-orange { background-color:#ffb86d; }
#ad-webdev-calendar .modal .modal-wrap .content .modal-data .event.event-orange:hover { background-color:#ff8f19; }
#ad-webdev-calendar .modal .modal-wrap .content .modal-data .event.event-blue { background-color:#9de3ff; }
#ad-webdev-calendar .modal .modal-wrap .content .modal-data .event.event-blue:hover { background-color:#7bd7fb; }
#ad-webdev-calendar .modal .modal-wrap .content .modal-data .event:first-child { margin-top:0 !important; }
#ad-webdev-calendar .modal .modal-wrap .content .modal-data .event:last-child { margin-bottom:0 !important; }
/* #ad-webdev-calendar .modal .modal-wrap .content .modal-data .event:hover { background-color: #ddd; } */
#ad-webdev-calendar .modal .modal-wrap .content .modal-data .event .name { font-size:20px; font-weight:bold; margin:0; padding:0; text-transform:uppercase; line-height:22px; }
#ad-webdev-calendar .modal .modal-wrap .content .modal-data .event .date { font-size:16px; margin:6px 0 0 0; padding:0; line-height:0; line-height:16px; }
#ad-webdev-calendar .modal .modal-wrap .content .modal-data .event .location { font-size:16px; margin:4px 0 0 0; padding:0; line-height:0; line-height:17px; }
#ad-webdev-calendar .modal .modal-wrap .content .modal-data .event .time { font-size:16px; margin:0 0 0 0; padding:0; line-height:17px; display:none; }
#ad-webdev-calendar .modal .modal-wrap .content .modal-data .event .image { position:absolute; top:0; right:0; width:30%; height:100%; overflow:hidden; }
#ad-webdev-calendar .modal .modal-wrap .content .modal-data .event .image img { width:100%; height:100%; object-fit:cover; }
@media screen and (max-width: 959px) {
    #ad-webdev-calendar .modal .modal-wrap{ width:600px; }
}
@media screen and (max-width: 639px) {
    #ad-webdev-calendar .modal .modal-wrap{ width:90%; }
}

/* CALENDAR => EVENT MODAL */
#ad-webdev-calendar .modal .event-modal { border-radius:6px; width:500px; background-color: #fefefe; z-index:150; padding:20px; box-sizing: border-box; }
#ad-webdev-calendar .modal .event-modal .image-wrap { border-radius:6px; width:100%; height:220px; background-color: #ccc; display:flex; align-items: center; justify-content: center; overflow: hidden; box-sizing: border-box; margin:0 0 14px 0; }
#ad-webdev-calendar .modal .event-modal .image-wrap img { width:100%; height:100%; object-fit:cover; }
#ad-webdev-calendar .modal .event-modal .title { width:100%; margin:0; font-size:24px; line-height:24px; font-weight:bold; color:#000; text-transform:uppercase; letter-spacing:0; }
#ad-webdev-calendar .modal .event-modal .date { width:100%; margin:0 0 0 0; font-size:16px; line-height:20px; color:#000; }
#ad-webdev-calendar .modal .event-modal .date br { display:none; }
#ad-webdev-calendar .modal .event-modal .location { width:100%; margin:10px 0 0 0; font-size:16px; line-height:20px; color:#000; }
#ad-webdev-calendar .modal .event-modal .texts { width:100%; margin:13px 0 0 0; font-size:13px; line-height:18px; color:#000; }
#ad-webdev-calendar .modal .event-modal .countdown { width:100%; margin:13px 0 0 0; font-size:13px; line-height:18px; color:#000; }
#ad-webdev-calendar .modal .event-modal .buttons { width:100%; margin:10px 0 0 0; font-size:14px; }
#ad-webdev-calendar .modal .event-modal .buttons br:first-child { display:none; }
#ad-webdev-calendar .modal .event-modal .texts b,
#ad-webdev-calendar .modal .event-modal .countdown b,
#ad-webdev-calendar .modal .event-modal .buttons b { display:block; width:100%; margin:0; padding:0; font-size:13px; color:#000; text-decoration:underline; }
#ad-webdev-calendar .modal .event-modal .texts a,
#ad-webdev-calendar .modal .event-modal .buttons a { display:inline-block; padding:3px 5px; line-height:14px; border-radius:4px; margin:3px 3px 0 0; text-transform:uppercase; font-size:13px; background:#c9c9c9; color:#000; }
#ad-webdev-calendar .modal .event-modal .texts a:hover,
#ad-webdev-calendar .modal .event-modal .buttons a:hover { background-color:#b1b1b1; }
#ad-webdev-calendar .modal .event-modal .external-message { font-size:13px; line-height:16px; font-weight:bold; color:#ff8400; text-decoration:underline; margin-top:15px; }
#ad-webdev-calendar .modal .event-modal .goback { width:50%; float:left; text-align:right; padding-right:12px; margin:16px 0 0 0; box-sizing:border-box; font-size: 14px; color: #616161; font-weight: bold; cursor: pointer; text-transform: uppercase; }
#ad-webdev-calendar .modal .event-modal .close { width:50%; float:left; text-align:left; padding-left:12px; border-left:1px solid #c9c9c9; margin:16px 0 0 0; box-sizing:border-box; font-size: 14px; color: #616161; font-weight: bold; cursor: pointer; text-transform: uppercase; }
#ad-webdev-calendar .modal .event-modal .goback:hover,
#ad-webdev-calendar .modal .event-modal .close:hover { color:#000; }

/* CALENDAR => MAINTENANCE MODE */
#ad-webdev-calendar .ad-webdev-calendar-maintenance { position:fixed; bottom:0; left:0; width:100%; height:100%; background-color:#ffdf00; color:#000; display:flex; align-items:center; justify-content:center; }
#ad-webdev-calendar .ad-webdev-calendar-maintenance .adwdcmm-wrap { max-width:450px; text-align:center; }
#ad-webdev-calendar .ad-webdev-calendar-maintenance .adwdcmm-image { width:150px; margin-bottom:20px; }
#ad-webdev-calendar .ad-webdev-calendar-maintenance .adwdcmm-title { color:#000 !important; margin:0; padding:0; text-transform:uppercase; font-size:40px; font-weight:bold; letter-spacing:0; }
#ad-webdev-calendar .ad-webdev-calendar-maintenance .adwdcmm-texts { color:#000 !important; margin:0; padding:0; font-size:20px; line-height:22px; }
@media screen and (max-width: 639px) { #ad-webdev-calendar .ad-webdev-calendar-maintenance .adwdcmm-wrap { width:80%; } }
    
/* CALENDAR => COUNTDOWN SHORTCODE */
.ad-webdev-calendar-countdown .awce-countdown-text { color:#fff; font-weight:bold; font-size:18px; letter-spacing:0.05em; text-transform:uppercase; }
@media screen and (max-width: 639px) {
    .ad-webdev-calendar-countdown .awce-countdown-text { font-size:16px; }
}

/* CALENDAR => NEXT EVENTS PREVIEW */
#ad-webdev-calendar-preview { background:yellow; }
#ad-webdev-calendar-preview .preview-noresults { background-color:#fff; border:2px solid #b22222; color:#b22222; margin:22px 0 0 0; font-size:20px; font-weight:bold; border-radius:6px; text-align:center; padding:16px 16px 15px 16px; text-transform:uppercase; }
#ad-webdev-calendar-preview .preview-element { position:relative; background-color:#e9e9e9; cursor:pointer; color:#000; width:calc(50% - 10px); box-sizing:border-box; float:left; height:120px !important; margin-top:20px; border-radius:6px; overflow:hidden; }
#ad-webdev-calendar-preview .preview-element:hover { background-color:#cfcfcf; }
#ad-webdev-calendar-preview .preview-element.isExternal { background-color:#ffb83d; }
#ad-webdev-calendar-preview .preview-element.isExternal:hover { background-color:#ffa70f; }
#ad-webdev-calendar-preview .preview-element .preview-wrap { width:100%; height:100%; box-sizing:border-box; padding:12px; display:flex; align-items:center; justify-content:flex-start; }
#ad-webdev-calendar-preview .preview-element .preview-wrap .preview-box { width:100%; box-sizing:border-box; }
#ad-webdev-calendar-preview .preview-element.hasPhoto .preview-wrap .preview-box { width: calc(74% - 16px) !important; }
#ad-webdev-calendar-preview .preview-element:nth-child(odd) { margin-right:10px; }
#ad-webdev-calendar-preview .preview-element:nth-child(even) { margin-left:10px; }
#ad-webdev-calendar-preview .preview-element .preview-title { width:100%; font-size:24px; font-weight:bold; letter-spacing:0; color: #000; text-transform:uppercase; line-height:24px; margin:0 0 12px 0; }
#ad-webdev-calendar-preview .preview-element .preview-date { width:100%; font-size:18px; color:#000; line-height:20px; margin:0 0 4px 0; }
#ad-webdev-calendar-preview .preview-element .preview-location { width:100%; font-size:18px; color:#000; line-height:20px; }
#ad-webdev-calendar-preview .preview-element .preview-image { width:28%; height:100%; position:absolute; top:0; right:0; overflow:hidden; }
#ad-webdev-calendar-preview .preview-element .preview-image img { width:100%; height:100%; object-fit:cover; }
@media screen and (max-width: 959px) {
    #ad-webdev-calendar-preview .preview-element { width:100%; margin:12px 0 0 0; }
    #ad-webdev-calendar-preview .preview-element:nth-child(odd), .preview-element:nth-child(even) { margin-left:0 !important; margin-right:0 !important; }
}
@media screen and (max-width: 639px) {
    #ad-webdev-calendar-preview .preview-element .preview-title { font-size:20px; line-height:20px; margin:0 0 8px 0; }
    #ad-webdev-calendar-preview .preview-element .preview-date { font-size:15px; line-height:16px; margin:0 0 2px 0; }
    #ad-webdev-calendar-preview .preview-element .preview-location { font-size:15px; line-height:16px; }
}



/* CALENDAR => NEXT EVENTS PREVIEW SHORTCODE MODAL */
#ad-webdev-calendar-preview-modal { position:fixed; top:0; left:0; width:100%; height:100vh; z-index:999 !important; }
#ad-webdev-calendar-preview-modal.modal-hide { display:none !important; }
#ad-webdev-calendar-preview-modal .previewmodal-mask { position:fixed; bottom:0; right:0; width:100%; height:100vh; background-color:#00000070; z-index:450; }
#ad-webdev-calendar-preview-modal .previewmodal-modal { position:fixed; bottom:0; right:0; width:100%; height:100vh; display:flex; align-items:center; justify-content:center; z-index:500; box-sizing:border-box; padding:0 20px; }
#ad-webdev-calendar-preview-modal .previewmodal-modal-preview { border-radius:6px; width:500px; background-color: #fefefe; z-index:150; padding:20px; box-sizing: border-box; }
#ad-webdev-calendar-preview-modal .previewmodal-modal-preview .image-wrap { border-radius:6px; width:100%; height:220px; background-color: #ccc; display:flex; align-items: center; justify-content: center; overflow: hidden; box-sizing: border-box; margin:0 0 14px 0; }
#ad-webdev-calendar-preview-modal .previewmodal-modal-preview .image-wrap img { width:100%; height:100%; object-fit:cover; }
#ad-webdev-calendar-preview-modal .previewmodal-modal-preview .title { width:100%; margin:0; font-size:24px; line-height:24px; font-weight:bold; color:#000; text-transform:uppercase; letter-spacing:0; }
#ad-webdev-calendar-preview-modal .previewmodal-modal-preview .date { width:100%; margin:0 0 0 0; font-size:16px; line-height:20px; color:#000; }
#ad-webdev-calendar-preview-modal .previewmodal-modal-preview .date br { display:none; }
#ad-webdev-calendar-preview-modal .previewmodal-modal-preview .location { width:100%; margin:10px 0 0 0; font-size:16px; line-height:20px; color:#000; }
#ad-webdev-calendar-preview-modal .previewmodal-modal-preview .texts { width:100%; margin:13px 0 0 0; font-size:13px; line-height:18px; color:#000; }
#ad-webdev-calendar-preview-modal .previewmodal-modal-preview .countdown { width:100%; margin:13px 0 0 0; font-size:13px; line-height:18px; color:#000; }
#ad-webdev-calendar-preview-modal .previewmodal-modal-preview .buttons { width:100%; margin:10px 0 0 0; font-size:14px; }
#ad-webdev-calendar-preview-modal .previewmodal-modal-preview .buttons br:first-child { display:none; }
#ad-webdev-calendar-preview-modal .previewmodal-modal-preview .texts b,
#ad-webdev-calendar-preview-modal .previewmodal-modal-preview .countdown b,
#ad-webdev-calendar-preview-modal .previewmodal-modal-preview .buttons b { display:block; width:100%; margin:0; padding:0; font-size:13px; color:#000; text-decoration:underline; }
#ad-webdev-calendar-preview-modal .previewmodal-modal-preview .texts a,
#ad-webdev-calendar-preview-modal .previewmodal-modal-preview .buttons a { display:inline-block; padding:3px 5px; line-height:14px; border-radius:4px; margin:3px 3px 0 0; text-transform:uppercase; text-decoration:none; font-size:13px; background:#c9c9c9; color:#000; }
#ad-webdev-calendar-preview-modal .previewmodal-modal-preview .texts a:hover,
#ad-webdev-calendar-preview-modal .previewmodal-modal-preview .buttons a:hover { background-color:#b1b1b1; }
#ad-webdev-calendar-preview-modal .previewmodal-modal-preview .external-message { font-size:13px; line-height:16px; font-weight:bold; color:#ff8400; text-decoration:underline; margin-top:15px; }
#ad-webdev-calendar-preview-modal .previewmodal-modal-preview .close { width:50%; float:left; text-align:left; padding:6px 12px 1px 8px; border-left:2px solid #c9c9c9; margin:22px 0 0 0; box-sizing:border-box; font-size: 14px; color: #616161; font-weight: bold; cursor: pointer; text-transform: uppercase; }
#ad-webdev-calendar-preview-modal .previewmodal-modal-preview .close:hover { color:#000; }


/* HOMEPAGE => EVENT MODAL PREVIEW IMAGES HEIGHT */
/* CALENDAR => EVENT MODAL PREVIEW IMAGES HEIGHT */
@media screen and (max-width: 959px) {
    #ad-webdev-calendar .modal .event-modal { width:600px; }
    #ad-webdev-calendar .modal .event-modal .image-wrap { height:160px; }
    #ad-webdev-calendar-preview-modal .previewmodal-modal-preview .image-wrap { height:160px; }
}
@media screen and (max-width: 639px) {
    #ad-webdev-calendar .modal .event-modal { width:90%; }
    #ad-webdev-calendar .modal .event-modal .date br { display:inline; }
    #ad-webdev-calendar .modal .event-modal .image-wrap { height:120px; }
    #ad-webdev-calendar-preview-modal .previewmodal-modal-preview .image-wrap { height:120px; }
}