body.page-template-home-template{scroll-behavior: smooth;padding-bottom:70px;background: #FFFFFF;}
body.page-template-home-template header.top_header{position: fixed;bottom: 0 !important;top: unset;background: #000000 !important;}
body.page-template-home-template header.top_header .top_header__container.dark{border: none;}
/*body.page-template-home-template header.top_header .site_logo > img{filter: invert(1);}*/
body.page-template-home-template header.top_header .dark a{color: #ffffff !important;}
body.page-template-home-template header.top_header .dark .hamburger_menu span{background: #ffffff;}

/* Masonry layout */

.grid {list-style: none;padding: 0;margin: 10px;}
.grid li video{width:100% !important;/*object-fit:cover;aspect-ratio: 16 / 9;*/ height: 100% !important;}
.grid li {display: block;float: left;margin: 10px;width: calc(33% - 18px);opacity: 0;background:#000000;}
.grid li.shown, .no-js .grid li, .no-cssanimations .grid li {opacity: 1;}
.grid li a {position:relative;background:#fff;}
.grid li a, .grid li img {outline: none;border: none;display: block;max-width: 100%;}
.grid li img {width:100%;}

/* Effect 1: opacity */

.grid.effect-1 li.animate{-webkit-animation: fadeIn 0.65s ease forwards;animation: fadeIn 0.65s ease forwards;}

@-webkit-keyframes fadeIn {
0%{}
100%{opacity:1;}
}

@keyframes fadeIn {
0%{}
100%{opacity:1;}
}

/* Overlay */

.masonry_card_overlay{padding: 1rem;color: #fff;font-size: 1.2em;opacity: 0;transition: opacity 0.4s ease;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.masonry_card_overlay::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.75);opacity: 0;transition: opacity 0.4s ease;z-index: -1;}
.grid li a:hover .masonry_card_overlay, .grid li a:hover .masonry_card_overlay::before {opacity: 1;}
body.page-template-home-template .top_header .menu-menu-container {bottom: 100% !important;top: unset;}

.masonry_card_overlay_inner{bottom:25px;left:30px;}
.masonry_card_overlay_inner h2{font-size:20px;margin-bottom:4px}
.grid li .letterImg img{width: 30px;filter: brightness(0) invert(1);margin-right: 5px;margin-bottom:10px}


body.page-template-home-template {overflow-y:hidden;}
.masonry_card_overlay_inner{bottom:25px;left:30px;}
.masonry_card_overlay_inner h2{font-size:20px;margin-bottom:4px}
.grid li .letterImg img{width: 30px;filter: brightness(0) invert(1);margin-right: 5px;margin-bottom:10px}
.LoadingGif{height: 100%;position: fixed;left: 0;width: 100%;z-index: 99999;background: #000;top: 0;display: flex;align-items: center;justify-content: center;z-index: 9;}
.JoininLoading{height: 100%;position: fixed;left: 0;width: 100%;z-index: 99999;background: #fff;top: 0;display: flex;align-items: center;justify-content: center;z-index: 8;}
.start_raw_video{height:100vh;left: 0;width: 100%;top: 0;display: flex;align-items: center;justify-content: center;z-index: 7;object-fit: cover;object-position: center center;}

/* Responsive */
@media(max-width:1004px) {
  body.page-template-home-template .top_header .menu-menu-container {background: #000000;}
  body.page-template-home-template .top_header .menu-menu-container ul li {border-bottom: 1px solid #404040;}
  body.page-template-home-template .top_header .menu-menu-container ul {border-top: 1px solid #404040;}
/*	.grid li video{height: 368px !important;max-height: 368px !important;} */
}

@media screen and (max-width: 800px) {
  .grid {margin: 5px;}
  .grid li {width: calc(50% - 10px);margin: 5px;}
	.masonry_card_overlay_inner{bottom: 10px;left: 12px;}
	.grid li .letterImg img{margin-bottom: 3px;width:20px}
	.masonry_card_overlay_inner h2 {
    font-size: 15px;
    margin-bottom: 4px;
}
	.masonry_card_overlay_inner label {font-size: 14px;
    line-height: 1.2;}
	
}

@media screen and (max-width: 500px) {
  /*.grid li {width: calc(100% - 10px);}*/
	/* .grid li video{height: 268px !important;max-height: 268px !important;} */
}