/* roboto-condensed-300 - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/roboto-condensed-v19-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/roboto-condensed-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto-condensed-v19-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto-condensed-v19-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto-condensed-v19-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto-condensed-v19-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-condensed-v19-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/roboto-condensed-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto-condensed-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto-condensed-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto-condensed-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto-condensed-v19-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto-condensed-v19-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/roboto-condensed-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto-condensed-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto-condensed-v19-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto-condensed-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto-condensed-v19-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

.bg-blur {
    background-image: url( '../img/blur.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

#open-menu {
    color: white;
    position: fixed;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    z-index: 1000;
    opacity: 0.2;
}

.list-number {
    color: #bbb;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    width: 20px;
}

#kioskNavigation .nav-item:not(:last-child) .nav-link {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

#kiosk-wrapper {
    background-color: #000;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

#kiosk-logo {
    position: absolute;
    left: 2%;
    top: 50px;
    width: 25%;
    z-index: 901;
}

#kiosk-logo:hover,
.autoplayButton:hover {
    cursor: pointer;
}

#kiosk-touch-screen {
    position: absolute;
    right: 2%;
    bottom: 80px;
    width: 20%;
    z-index: 901;
}

#kiosk-all-videos {
    position: absolute;
    left: 40%;
    bottom: 80px;
    width: 20%;
    z-index: 901;
}

#kiosk-all-videos:hover {
    cursor: pointer;
}

#kiosk-logo img {
    height: 200px;
}

#kiosk-background {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#kioskBackground {
    background-color: #cfddef;
    height: 100%;
    width: 100%; /* 100 * 16 / 9 */
    max-height: 100%; /* 100 * 9 / 16 */
    max-width: 100%;
    position: absolute;
    left: 50%; /* % of surrounding element */
    top: 50%;
    transform: translate(-50%, -50%);
}

#kiosk-overlay {
    height: 100%;
    width: 177.77777778vh; /* 100 * 16 / 9 */
    min-width: 100%;
    min-height: 56.25vw; /* 100 * 9 / 16 */
    position: absolute;
    left: 50%; /* % of surrounding element */
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 900;
}

#kiosk-buttons {
    position: relative;
    width: 100%;
    height: 100%;
}

#carouselModal .modal-body {
}

#kiosk-category-header {
    height: 20vh;
}

#carousel {
    background-image: url( '../img/circle.svg');
    background-repeat: no-repeat;
    background-position: center 80px;
    background-size: contain;
    height: 60vh;
    width: 100%;
    overflow: visible;
}

#carousel-fade {
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 30000;
}

.openProductButton {
    cursor: pointer;
}

.carouselButtons {
    cursor: pointer;
}

.carouselButtons img {
    max-height: 100px;
}

.carousel-img {
    max-height: 240px;
    max-width: 30vw;
}

.showcase-product-photo {
    max-height: 30vh;
}

.kiosk-button {
    position: absolute;
    z-index: 500;
}

.sortableHandle {
    cursor: move;
}

.corner-images {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: contain;
    top: 0;
    left: 0;
}

.corner-images.corner-image-1 {
    background-image: url( '../img/corners-1.jpg');
    animation-duration: 10s;
    animation-name: imageOne;
    animation-iteration-count: infinite;
}

@keyframes imageOne {
    0% { opacity: 1; }
    33% { opacity: 0; }
    66% { opacity: 0; }
    100% { opacity: 1; }
}

.corner-images.corner-image-2 {
    background-image: url( '../img/corners-2.jpg');
    animation-duration: 10s;
    animation-name: imageTwo;
    animation-iteration-count: infinite;
}

@keyframes imageTwo {
    0% { opacity: 0; }
    33% { opacity: 1; }
    66% { opacity: 0; }
    100% { opacity: 0; }
}

.corner-images.corner-image-3 {
    background-image: url( '../img/corners-3.jpg');
    animation-duration: 10s;
    animation-name: imageThree;
    animation-iteration-count: infinite;
}

@keyframes imageThree {
    0% { opacity: 0; }
    33% { opacity: 0; }
    66% { opacity: 1; }
    100% { opacity: 0; }
}

.sortablePlaceholder {
    background-color: #fed330;
    height: 50px;
    margin-bottom: 1rem;
    width: 100%;
}

.categoryNavOrder {
    display: inline-block;
    width: 30px;
}

.deleteCategoryButton,
.deleteProductButton {
    cursor: pointer;
}

#lockDisplay {
    font-size: 3rem;
}

#description {
    height: 400px;
}

#product_categories {
    height: 125px;
}

.openShowcaseVideos,
.openShowcasePhotos,
.openShowcaseTechs,
.openShowcaseBrochures,
.openShowcaseThreeSixty {
    cursor: pointer;
}

#kioskNavigation .nav-link {
    font-size: 0.9rem !important;
}

.loadProductShowcaseSelectionWrapper {
    width: 100%;
    overflow-y: auto;
    display: flex;
    align-items: center;
}

.loadProductShowcasePhoto,
.loadProductShowcaseVideo {
    height: 120px;
    width: auto;
}

img.openShowcaseVideos,
video.openShowcaseVideos {
    width: 100%;
    height: auto;
}

.showcaseBigVideo {
    height: 65vh;
    width: auto;
}

.showcaseBigPhoto {
    height: 65vh;
    width: auto;
}

#threeSixtyViewer {
    max-height: 80vh;
    max-width: 90vh;
}

.backHomeButton:hover {
    cursor: pointer;
}

.carousel-product-title {
    color: #fff;
    text-shadow: 0px 0px 7px #000;
    font-size: 1.8rem;
    padding-bottom: 10px;
}

.all-videos-filter.hidden-cat {
    display: none;
}