/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
}

@media (print), (prefers-reduced-motion: reduce) {
    .animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
    }
}

.jsmaps-wrapper .jsmaps {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    text-align: center;
}

.testcentres-hotspot-popup {
    display: none;
    position: absolute;
    max-width: 300px;
    max-height: calc(100vh - 40px);
    padding: 15px;
    background: #fff;
    z-index: 10;
    top: 0;
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.testcentres-hotspot-popup.tuv-grid-container {
    max-width: 600px;
    background: transparent;
    overflow-x: visible;
    overflow-y: visible;
}

.testcentres-hotspot-popup.col-active .tuv-grid-row {
    box-shadow: 0 5px 12px rgba(0,0,0,.3);
}

.testcentres-hotspot-popup .tuv-col:first-child {
    box-shadow: 0 5px 12px rgba(0,0,0,.3);
}

.testcentres-hotspot-popup.col-active .tuv-grid-row .tuv-col:first-child {
    box-shadow: none;
}

@media (max-width: 576px) {
    .testcentres-hotspot-popup.tuv-grid-container {
        max-width: 300px;
    }
}

.testcentres-hotspot-popup ul {
    margin: 0;
    padding: 0;
}

.testcentres-hotspot-popup li {
    line-height: 1.75;
}

.testcentres-hotspot-popup a {
    color: #333;
    font-weight: 400;
}

.testcentres-hotspot-popup a.active {
    color: #0071b9;
    text-decoration: underline;
}

.testcentres-hotspot-popup a.active:focus {
    outline: none;
}

.testcentres-hotspot-popup h3 {
    font-weight: 700;
    padding-right: 20px;
}

.hotspot-popup-close,
.content-popup-close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: auto;
}

.col-active .hotspot-popup-close {
    display: none !important;
}

.hotspot-popup-close span,
.content-popup-close span {
    padding: 10px;
    text-align: center;
    font-size: 25px;
}

.testcentres-hotspot-popup .tuv-col {
    /* background: #CCE2F1; */
    /* background: #dedede; */
	background: #f0eded;
}

.testcentres-hotspot-popup .tuv-col:first-child {
    background: #fff;
}

.testcentres-hotspot-popup h2,
.testcentres-hotspot-popup h4 {
    display: block;
    font-weight: 700;
    color: #0071b9;
}

div[id^="tuv-testcentre-"] img {
    height: 60px;
}

.pt-2rem {
    padding-top: 2.25rem !important;
}

/* Mobile */
/* Content elements */
.tuv-content-element {
    position: relative;
    background: #e6f1f8;
    z-index: 1;
}

#world-map-mobile .content-popup-close,
.close-tuv-content-element {
    display: none;
    position: absolute;
    padding: .5rem;
    right: 0;
    top: 0;
    text-align: center;
    vertical-align: middle;
    color: #0071b9;
    z-index: 2;
}

.tuv-content-element .tuv-content-element-headline,
#world-map-mobile div[id^="tuv-testcentre-"] h2 {
    margin-bottom: 0;
    color: #0071b9;
    line-height: 1.3;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

#world-map-mobile div[id^="tuv-testcentre-"] h2 {
    text-align: left;
}

#world-map-mobile .tuv-content-element-headline {
    text-transform: none;
}

.tuv-content-element .tuv-list__item,
.tuv-content-element .icon-item {
    margin-bottom: .25rem;
}

.tuv-content-element .icon-item:last-child {
    margin-bottom: 0;
}

.tuv-interactive-hydrogen-technology.version-mobile .tuv-content-element .tuv-list {
    display: none;
}

.tuv-content-element-headline:hover,
.close-tuv-content-element:hover,
.tuv-content-element .tuv-list__item:hover {
    cursor: pointer;
}

.tuv-content-element .tuv-list__item .icon-item {
    font-size: 14px !important;
    line-height: 1.375rem;
    margin-bottom: 0;
}

.tuv-content-element .tuv-list__item .icon-item:before {
    content: "\f067";
}

/* Active content elements */
.tuv-content-element.active,
#world-map-mobile div[id^="tuv-testcentre-"] {
    background: #b3d3ea;
}

.tuv-content-element.active .tuv-content-element-headline {
    padding-bottom: .75rem;
}

.tuv-content-element.active .tuv-list,
.tuv-interactive-hydrogen-technology.version-mobile .tuv-content-element.active .tuv-list {
    display: block;
}

.tuv-content-element .tuv-list__item.active {
    font-weight: 700;
}

.tuv-content-element .tuv-list__item.active .icon-item:before {
    content: "\f068";
}