.card-video{position:absolute;bottom:130px}.card-video .subtitle,.card-video h2{color:#fff !important}@media screen and (max-width:1199.98px){.card-video{position:relative;bottom:0px}.card-video .subtitle,.card-video h2{color:#000 !important}}.videoelement{position:relative}.videoelement .video__play--button{display:inline-block;text-decoration:none;text-align:center;width:200px;line-height:200px;height:200px;background-color:#dd2314;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:white;border-radius:50%;cursor:pointer;-webkit-transition:500ms all ease;transition:500ms all ease;border:none}@media screen and (max-width:991.98px){.videoelement .video__play--button{width:100px;line-height:100px;height:100px}}@media screen and (max-width:575.98px){.videoelement .video__play--button{width:50px;line-height:50px;height:50px}}.videoelement .video__play--button:active,.videoelement .video__play--button:hover{background:#dd2314;color:#fff !important;font-size:18px;font-weight:700;box-shadow:0px 0px 15px 5px #dd2314}.videoelement .video__play--button .circle__inner{color:#fff}@media screen and (max-width:1199.98px){.videoelement .video__play--button .circle__inner{display:none}}.videoelement .video__play--button svg{font-size:5rem;color:#FFF;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@media screen and (max-width:1199.98px){.videoelement .video__play--button svg{font-size:3rem}}@media screen and (max-width:767.98px){.videoelement .video__play--button svg{font-size:1rem}}.videoelement .video-front{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;background:rgba(0, 0, 0, 0.2)}