.es_card{height:400px;width:100%;--height:300px;--width:100%;margin:0 auto}.es_card-front .block-bg,.es_card-front>.block-bg+.el-overlay{border-radius:var(--border-top-left-radius) var(--border-top-right-radius) var(--border-bottom-right-radius) var(--border-bottom-left-radius)}.es_card-1 .es_card-inner{height:100%;transform-style:preserve-3d;transition:transform .8s;width:100%}.es_card-1:hover .es_card-inner{transform:rotateY(180deg)}.es_card-1 .es_card-back,.es_card-1 .es_card-front{backface-visibility:hidden;height:100%;left:0;position:absolute;top:0;width:100%}.es_card-1 .es_card-front{background-color:#f0f0f0;color:#333}.es_card-1 .es_card-back{background-color:#333;color:#f0f0f0;transform:rotateY(180deg)}.es_card-2 .es_card-inner{height:100%;transform-style:preserve-3d;transition:transform .8s;width:100%}.es_card-2:hover .es_card-inner{transform:rotateX(180deg)}.es_card-2 .es_card-back{rotate:180deg}.es_card-2 .es_card-back,.es_card-2 .es_card-front{backface-visibility:hidden;height:100%;left:0;position:absolute;top:0;width:100%}.es_card-2 .es_card-front{background-color:#f0f0f0;color:#333}.es_card-2 .es_card-back{background-color:#333;color:#f0f0f0;transform:rotateY(180deg)}.es_card-3{overflow:hidden}.es_card-3 .es_card-back,.es_card-3 .es_card-front{bottom:0;height:100%;position:absolute;transition:all .3s ease;width:100%}.es_card-3 .es_card-front{background-color:#eee}.es_card-3 .es_card-back{background-color:#ddd;transform:translateY(100%);z-index:1}.es_card-3:hover .es_card-back{transform:translateY(0)}.es_card-4{overflow:hidden}.es_card-4 .es_card-back,.es_card-4 .es_card-front{bottom:0;height:100%;position:absolute;transition:all .3s ease;width:100%}.es_card-4 .es_card-front{background-color:#eee}.es_card-4 .es_card-back{background-color:#ddd;transform:translateY(-100%);z-index:1}.es_card-4:hover .es_card-back{transform:translateY(0)}.es_card-5{overflow:hidden}.es_card-5 .es_card-back,.es_card-5 .es_card-front{bottom:0;height:100%;position:absolute;transition:all .3s ease;width:100%}.es_card-5 .es_card-front{background-color:#eee}.es_card-5 .es_card-back{background-color:#ddd;transform:translate(100%);z-index:1}.es_card-5:hover .es_card-back{transform:translateY(0)}.es_card-6{overflow:hidden}.es_card-6 .es_card-back,.es_card-6 .es_card-front{bottom:0;height:100%;position:absolute;transition:all .3s ease;width:100%}.es_card-6 .es_card-front{background-color:#eee}.es_card-6 .es_card-back{background-color:#ddd;transform:translate(-100%);z-index:1}.es_card-6:hover .es_card-back{transform:translateY(0)}