.isotope-item{ z-index:2}
.isotope-hidden.isotope-item{ pointer-events:none; z-index:1}
.isotope,.isotope .isotope-item{ -webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -ms-transition-duration:0.8s; -o-transition-duration:0.8s; transition-duration:0.8s}
.isotope{ -webkit-transition-property:height, width; -moz-transition-property:height, width; -ms-transition-property:height, width; -o-transition-property:height, width; transition-property:height, width}
.isotope .isotope-item{ -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property:transform, opacity}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{ -webkit-transition-duration:0s; -moz-transition-duration:0s; -ms-transition-duration:0s; -o-transition-duration:0s; transition-duration:0s}
.isotope.infinite-scrolling{ -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none}

.main_element{width:100%}
.main_element .list_element{max-width:1445px; margin:0 auto}
.main_element .list_element .element{position:relative; margin:5px; float:left; overflow:hidden; position:relative; border-radius: 20px;}
.main_element .list_element .element.m2x2{width:568px; height:568px;}
.main_element .list_element .element.m2x1{width:568px; height:279px;}
.main_element .list_element .element.m1x2{width:279px; height:568px;}
.main_element .list_element .element.m1x1{width:279px; height:279px;}
.main_element .list_element .element span{display:block; position:relative; width: 100%; height: 100%; text-align: center;}
.main_element .list_element .element img{display:block; width:100%; height: 100%;position:relative}
.main_element .list_element .element .cover{position:absolute; width:100%; height:100%}
.main_element .list_element .element.hide { display: none;  height: 0 !important; margin: 0 !important;}


#gameLess,
#gameMore{ cursor:  pointer;}



.element .imgShow,
.element .cover{ display: flex; display: -webkit-flex; width: 100%; height: 100%; flex-flow: column; text-align: left; letter-spacing: 1px;
font-size: 24px; box-sizing: border-box;}
.element .txtShow{ font-family: 'knockout'; font-size: 60px; align-items: center; justify-content: center; flex-flow: inherit!important;}
.main_element .list_element .element .txtShow .arrow-more{ display: inline; margin-left: 5px; width: 47px; height: 19px;}

@media only screen and (max-width: 1440px){
.main_element .list_element .element.m2x2{width:426px; height:426px;}
.main_element .list_element .element.m2x1{width:426px; height:208px;}
.main_element .list_element .element.m1x2{width:208px; height:426px;}
.main_element .list_element .element.m1x1{width:208px; height:208px;}	
}