.thumbnail {
    display: block;
    position: relative;   
    max-width: 100%; 
}

.thumbnail_image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: no-repeat;    
}

.adaptive_image {
    display: block;
    position: relative;   
    overflow: hidden; 
}                             

.adaptive_image > * {
    display: block;   
}

/*
.adaptive_image.empty {
    background-image: url(../img/loader-med.gif);
    background-position: center center;
    background-repeat: no-repeat;
} 
*/
.adaptive_image_loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.adaptive_image_loader:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.adaptive_image_loader > div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 5px solid rgba(0, 0, 0, 0.1);
    border-left: 5px solid #b73838;
    border-radius: 50%;
    box-model: border-box;
    animation: rotate 1.1s infinite linear;
}

@keyframes rotate {
  0% { transform: rotate(0deg)  }
  100% { transform: rotate(360deg) }
} 


/*
.adaptive_image > img {
    display: block;
    top: 50%;  
    left: 50%;  
    margin: auto;
    position: absolute;
    transform: translateY(-50%) translateX(-50%);
    max-width: 100%;
    max-height: 100%;
}
*/
.adaptive_image > .adaptive_image_content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;   
}
.adaptive_image > img {
    opacity: 0;
    transition: opacity 1000ms;    
}
.adaptive_image.loaded > img {
    opacity: 1;
}
.adaptive_image[data-mode=static] > img,
.adaptive_image[data-mode=cover] > img,
.adaptive_image[data-mode=contain] > img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}          
.adaptive_image_title {
    padding: 5px;
    text-align: left;    
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
}
.adaptive_image[data-mode=cover][data-adapt=width] > img {
    min-width: 100%;  
    max-width: 100%;
}
.adaptive_image[data-mode=cover][data-adapt=height] > img {
    min-height: 100%;  
    max-height: 100%;
}
.adaptive_image[data-mode=contain][data-adapt=width] > img,
.adaptive_image[data-mode=static][data-adapt=width] > img {
    width: 100%;
    max-width: 100%;
}
.adaptive_image[data-mode=contain][data-adapt=height] > img,
.adaptive_image[data-mode=static][data-adapt=height] > img {
    height: 100%;
    max-height: 100%;
}
/*
.adaptive_image.adi_static > img {
    max-width: 100%;    
}
*/


.translator_dialog.overlay_popup {
    font-family: "Arial";
    background-color: #F4F4F4;
    box-shadow: 3px 3px 4px #AAA; 
    border-radius: 5px;  
    opacity: 0.8;  
}
.translator_dialog.overlay_active .overlay_popup {
    opacity: 1;    
}

.translator_dialog.overlay_main {
    border: 1px solid silver;
    border-top: 0;    
    border-bottom-left-radius: 5px;    
    border-bottom-right-radius: 5px;    
}
.translator_dialog.overlay_header {
    height: 22px;
    line-height: 22px;
    padding-left: 10px;
    border-bottom: 1px solid silver;
    font-size: 12px;
    color: black;
    font-weight: bold;
    background-image: linear-gradient(to bottom, #F8F8F8 0%, #E4E4E4 50%, #D5D5D5 50%);
    border: 1px solid silver;
    border-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.translator_dialog.overlay_active .overlay_header {
    height: 22px;
    line-height: 22px;
    padding-left: 10px;
    border-bottom: 1px solid silver;
    font-size: 12px;
    color: white;
    font-weight: bold;
    background-image: linear-gradient(to bottom, #6EC5EC 0%, #098BC7 100%);
    border: 1px solid #0F9EDF;
    border-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
} 
.translator_dialog.overlay_content {
    background-color: #F0F0EE;
    padding: 5px;
}
.translator_dialog.overlay_controls {
    top: 3px;
    right: 5px;    
}
.translator_dialog.overlay_control_close {
    background: url("../img/buttons.gif") repeat scroll -87px -16px transparent;
    width: 29px;
    height: 16px;    
    border: 1px solid silver;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 2px silver;    
}
.translator_dialog.overlay_control_max {
    background: url("../img/buttons.gif") repeat scroll -58px -16px transparent;
    width: 29px;
    height: 16px;    
    border: 1px solid silver;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 2px silver;    
}
.translator_dialog.overlay_active .overlay_control_close {
    border: 1px solid #0F9EDF;
    box-shadow: 0 0 2px #0F9EDF;    
}
.translator_dialog.overlay_active .overlay_control_max {
    border: 1px solid #0F9EDF;
    box-shadow: 0 0 2px #0F9EDF;    
}
.translator_dialog.overlay_popup.maximized .overlay_control_max {
    background-position: -29px 16px;    
}
.translator_dialog.overlay_controls > div:hover {
    border: 1px solid silver;
}
.translator_dialog.overlay_button {
    font-size: 14px;
    display: inline-block;
    
    background-image: linear-gradient(to bottom, #79CDFD 0%, #4AACDA 100%);
    border: 0;
    border-top: 1px solid #A8DFFE;
    border-bottom: 1px solid #3A89AE;
    border-radius: 10px;
    padding: 0 10px;
    color: white;
    line-height: 27px;
    height: 27px;
    outline: 0;
    margin: 0;
    cursor: pointer; 
    outline: 0;   
}

.translator_dialog.overlay_button.left {
    margin-right: 5px;
}   

.translator_dialog.overlay_button.right {
    margin-left: 5px;    
}

.translator_dialog.overlay_button:hover {
    background-image: linear-gradient(to bottom, #DEDEDE 0%, #B5B5B5 100%);
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
}

.translator_dialog.overlay_popup.dialog .overlay_content {
    font-size: 14px;    
}

.translator_dialog.overlay_popup .admin_form {
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;    
}

.translator_dialog label {
    display: block;
    font-weight: bold;
    padding: 2px 0 5px 0;    
}


#cookies_button {
    background-color: rgba(50, 50, 50, 1);   
    background-image: url(../img/cookies.png);
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    background-position: center center;        
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1001;
    cursor: pointer;
}
#cookies_info {
    background-color: rgba(50, 50, 50, 1);
    position: fixed;
    bottom: 0;
    left: 0;
    padding-right: 40px;  
    right: 0;
    min-height: 40px;  
    line-height: 40px;
    color: white;
    padding-left: 20px;
    text-align: right;
    z-index: 1000;
}
#cookies_info.accepted,
#cookies_info.declined {
    display: none;    
}
#cookies_info label {
    display: inline-block;
    margin: 0 5px;
}
#cookies_info button {
    display: inline-block;
    border: 0;
    border-radius: 4px;
    outline: 0;
    cursor: pointer;    
    color: white;
    line-height: 22px;
    text-transform: uppercase;
    padding: 0 5px;
    margin: 0 5px;
}
#cookies_accept {
    background-color: #7daf3b;
}
#cookies_decline {
    background-color: #af3b3b;
}
#cookies_info.accepted #cookies_accept { display: none }
#cookies_info.declined #cookies_decline { display: none }


#admin_panel_spacer { height: 30px }
#admin_panel {
    background-color: rgba(50, 50, 50, 1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 10px;
    height: 30px;
    z-index: 9000;
    color: white;
    font-size: 14px;
    font-family: "Calibri";
}                    
#admin_panel > table {
    table-layout: fixed;
    border-spacing: 0;    
}
#admin_panel > table td {
    padding: 0 10px;    
    position: relative;
    height: 30px;
    vertical-align: middle;
}
#admin_panel a {                            
    text-decoration: none;
}
#admin_panel > table td:hover {
    background-color: rgba(255,255,255,0.1);    
}
td.admin_panel_dropdown > ul {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;            
    background-color: rgba(50, 50, 50, 1);
    list-style: none outside none;
    padding: 0;
    margin: 0;
    min-width: 100%;
}
td.admin_panel_dropdown:hover > ul { display: block }
td.admin_panel_dropdown > ul a {
    display: block;
    padding: 2px 10px;
}
td.admin_panel_dropdown > ul a:hover {
    background-color: rgba(255,255,255,0.1);  
    text-decoration: none;      
}

.google_map > div {
    top: 0;
    left: 0;    
}