img.grayscale {
 -webkit-filter: grayscale(100%);
 -moz-filter: grayscale(100%);
 filter: grayscale(100%);
 filter: gray; 
 -moz-transition: all 1s ease; 
 -webkit-transition: all 1s ease; 
 transition: all 1s ease;
 cursor: pointer;
 }
img.grayscale:hover {
 -webkit-filter: grayscale(0%);
 -moz-filter: grayscale(0%);
 filter: grayscale(0%);
 filter:none;
 }
.grayscale.grayscale-replaced > svg {
 transition: opacity 1s ease;
 opacity: 1;
 }
.grayscale.grayscale-replaced.grayscale-fade:hover > svg {
 opacity: 0;
 }
.popup-youtube {
    position: relative;
    display: inline-block;
    padding: 1rem;
}
.popup-youtube:before {
    content: "";
    position: absolute;
    width: 93%;
    height: 100%;
    z-index: 10;
    background: transparent url(../img/youtubebtn.png) center center no-repeat;
    background-size: 40%;
}
input:invalid:focus {
    border: 2px dashed red;
}
.s-message {
    display:none !important;
}
.breadcrumb, .breadcrumb span {
    color: #fff;
}
.breadcrumb a span {
    color: #00a3e8;
}
iframe {
    frameborder: 0;
}