.media-split-wrapper .bg-area{overflow:hidden;padding:50px 0}.media-split-wrapper .content-area{align-items:center;display:flex}.media-split-wrapper .content-area>div{flex:0 0 50%;position:relative}.media-split-wrapper .content-area .text-area{padding-right:100px}.media-split-wrapper .content-area .media-area{height:auto}.media-split-wrapper .content-area .media-area img{height:auto;position:relative;right:-15%;width:100%}.media-split-wrapper .content-area .media-area video{height:100%;max-height:315px;max-width:560px;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:2}.media-split-wrapper .content-area.flipped .media-area img{left:-30%;transform:rotateY(180deg)}.media-split-wrapper .content-area.flipped .text-area{padding-left:100px;padding-right:0;position:relative}.media-split-wrapper .content-area.flipped .hexagon{left:auto;right:19%}.media-split-wrapper .hexagon{cursor:pointer;height:330px;left:4%;overflow:hidden;position:absolute;top:16%;-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg);transform:rotate(120deg);visibility:hidden;width:285px;z-index:2}.media-split-wrapper .hexagon-in1{overflow:hidden}.media-split-wrapper .hexagon-in1,.media-split-wrapper .hexagon-in2{height:100%;-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-ms-transform:rotate(-60deg);-o-transform:rotate(-60deg);transform:rotate(-60deg);width:100%}.media-split-wrapper .hexagon-in2{background-position:50%;background-repeat:no-repeat;background-size:cover;visibility:visible}@media (max-width:767px){.media-split-wrapper .content-area{display:flex;flex-wrap:wrap}.media-split-wrapper .hexagon{height:280px;top:-17%;width:235px}.media-split-wrapper .content-area>div{flex:0 0 100%}.media-split-wrapper .content-area .text-area{left:0!important;order:2;padding:0!important}.media-split-wrapper .content-area .media-area video{max-height:180px;max-width:320px}.media-split-wrapper .content-area.flipped .media-area video{left:60%;right:60%;transform:translate(-50%,-50%)}.media-split-wrapper .content-area.flipped .media-area{left:-10%;order:1;position:relative}}