/*preset*/
*{
    -webkit-overflow-scrolling:touch;
}

body{width: 100vw;}
#container {
    height: 100vh;
    overflow-x: hidden;
}

#container.login {
    display: flex;
    align-items: center;
}

.off-canvas {
    background: #333;
}

.off-canvas li a {
    color: white;
    text-transform: uppercase;
}

.off-canvas-content #content {
    padding: 15px;
}

.off-canvas i {
    margin-right: 5px;
}

.off-canvas a {
    border-bottom: 1px solid #5c5c5c
}

.off-canvas a:hover,
.heading {
    background: #5c5c5c
}

@media (hover: none) and (pointer: coarse) {
    /* ... */
    body.is-off-canvas-open{position: fixed}
.is-reveal-open .off-canvas-content, .is-reveal-open .is-off-canvas-open #mainOffCanvas{position: fixed}
.is-reveal-open .is-off-canvas-open #mainOffCanvas>.menu{overflow: hidden;}
.is-off-canvas-open .off-canvas-content{position: fixed;}
}

.heading {
    text-align: center;
    padding: 5px;
    color: white
}

#main {
    min-height: 100vh;
    position: relative;
    padding-bottom: 50px;
}

footer {
    position: absolute;

    bottom: 0px;

    min-height: 50px;

    text-align: center;

    width: 100%;

    left: 0;

    right: 0;
}

#simarlab {
    width: 120px;
    vertical-align: sub;
}

footer {
    font-size: 10pt
}

#copyright {
    margin-right: 10px
}

.switchLang img {
    width: 25px;
}

.switchLang ul {
    min-width: unset
}

.title-bar {
    background: #a8a8a8
}

.off-canvas {
    background: #ededed;
}

.off-canvas li a {
    border-bottom: 1px solid #acacac;
    color: #333;
    width: 100%;
}

.off-canvas li a:hover {
    background: #c8c8c8;
}

.me {
    text-align: center;
    align-items: center;
    padding: 8px;
    color: #505050;
    background: #dedede;
}

.me:hover {
    background: #ccc !important;
}

.me img {
    width: 30px !important;
    margin: 0px !important;
    vertical-align: middle;
    border: 1px solid #878787
}
.fullWidthSlider .slick-slide img{max-width: none !important; width:100%;}

.slick_shortcode img {
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    -webkit-transition: visibility 0s, opacity 0.5s linear;
}

.slick-slider.fullscreen_slick {
    height: 100%;
    margin-bottom: 0px;
}

.slick-slider img {
    border: none !important;
    display: inline-block;
    visibility: visible;
    opacity: 1;
}

.fullscreen_slick,
.fullscreen_slick .slick-list,
.fullscreen_slick .slick-track,
.fullscreen_slick .slick-slide {
    height: 100%;
}

.resize_slick .slick-list,
.resize_slick .slick-track,
.resize_slick .slick-slide {
    height: 100%
}

.fullscreen_slick img,
.fit_slick img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: none
}

.fullscreen_slick.contain img {
    object-fit: contain;
    height: 100%;
    width: 100%;
    max-width: none
}

.slick-dots li button::before {
    color: white
}
.slick-slider{margin-bottom:0px}
.slick-prev, .slick-next{position: absolute; z-index: 1;}
.slick-prev{left:15px;}
.slick-next{right:15px;}

#scrollToTop{
    display: none;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 1;
font-size: 25pt;
padding: 10px 15px;
margin: 0px;
}

#notification {
    width: 250px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1007;
    display: none;
}

#notification p {
    margin-bottom: 0px;
}


.fullWidth{width: 100%; display: inline-block;}

.thumbGallery{width: 24%;
    display: inline-block;
    margin: 0.5%; border:1px solid #636363}
.thumbGallery img{width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center; cursor: pointer;}
#galleryCMD{display: flex;

    position: absolute;
    
    z-index: 100;
    
    background: #1e1e1e;
    
    width: 100%;
    
    top: 0px;
    
    height: 30px;
    
    left: 0;
    
    right: 0;
    
    color: white;
    
    text-align: right;
    
    align-content: center;
    
    align-items: center;
    
    justify-content: end;}
.cmd{cursor: pointer;}
i.fas{margin-right:3px;}
form #policy{margin-right: 3px;}
.paginationContainer {
    
    padding: 5px;
    margin: 15px;
    text-align: center
}
.paginationContainer ul li{background:#f2f2f2;}
.paginationContainer ul{margin: 0px;}
.share{text-align: center;}
.sidebar-cover{width:30%; max-width: 150px; margin-right: 5px;}
.sidebar-item{margin-bottom: 10px; display: inline-block }