.head-to-head .head-count-1{margin:auto}.head-to-head-item{display:flex;width:100%;flex-wrap:wrap;border:1px solid #ccc;margin:0 0 30px;position:relative;border-radius:3px;transition:border 200ms linear}.head-to-head-item:hover{border-color:var(--brand-colour)}.head-to-head-item .item-wrap{flex:0 0 50%;vertical-align:top;position:relative;text-align:center;padding-left:40px;padding-right:10px}.head-to-head-item .item-wrap:first-child{padding-left:10px;padding-right:30px;border-right:1px solid #ccc}.head-to-head-item .item-wrap:first-child:after{content:"";background:url(/resources/images/vs.svg) 50% 50% no-repeat;background-size:29px auto;position:absolute;top:calc(50% - 15px);right:0;width:70px;height:70px;letter-spacing:1px;z-index:10;border-radius:100px;margin:0 -35px 0 0;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);-webkit-perspective:1000;-webkit-font-smoothing:subpixel-antialiased;transition:color 200ms ease-out 250ms,background 300ms ease-out 250ms,transform 500ms cubic-bezier(.68,-.55,.265,1.55),filter 300ms ease-out 250ms;filter:invert(1)}.head-to-head-item .item-wrap:first-child:before{content:"";position:absolute;top:calc(50% - 15px);right:0;width:70px;height:70px;z-index:9;background:#fff;border-radius:100px;border:1px solid #ccc;margin:0 -35px 0 0;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);-webkit-perspective:1000;-webkit-font-smoothing:subpixel-antialiased;transition:color 200ms ease-out 250ms,background 300ms ease-out 250ms,transform 500ms cubic-bezier(.68,-.55,.265,1.55)}.head-to-head-item:hover .item-wrap:first-child:after{filter:invert(0);transform:scale(1.4)}.head-to-head-item:hover .item-wrap:first-child:before{background:var(--brand-colour);color:#fff;transform:scale(1.4)}.head-to-head-item .imageContainer{display:block;background:#fff;width:calc(100% + 40px);margin:0 -10px 0 -30px;padding:20px 10px 0 30px}.head-to-head-item .item-wrap:first-child .imageContainer{margin:0 -30px 0 -10px;padding:20px 30px 0 10px}.head-to-head-item .imageContainer.flip img{transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.head-to-head-item .details-block{flex:0 0 100%;text-align:center;border-top:1px solid #ccc;padding:5px;position:relative;transition:all 200ms ease-out}.head-to-head-item .details-block .link{margin:0}.head-to-head-item:hover .details-block{background:var(--brand-colour)}.head-to-head-item:hover .details-block .link{color:#fff}.head-to-head-item .yacht-name{display:inline-block;margin:10px 0 5px 0}.head-to-head-item .mini-spec{width:100%;margin:7px 0 9px;float:left;border-top:1px solid #ddd;padding:10px 0 0}.head-to-head-item .mini-spec li{width:100%;text-align:left;float:left;color:var(--medium-grey)}.head-to-head-item .mini-spec li .title{float:left;width:43%}.head-to-head-item .mini-spec li .detail{float:left}.head-to-head-item .mini-spec li.full{width:100%}.head-to-head-item .mini-spec li.full .title{width:43%}@media only screen and (max-width:1024px){.head-to-head-item .yacht-name{min-height:52px}}@media only screen and (min-width:641px){.head-to-head-item .mini-spec{margin:7px 0 22px;padding:10px 0 0}.head-to-head-item .mini-spec li{width:50%}.head-to-head-item .mini-spec li .title{width:38%}.head-to-head-item .mini-spec li.full{width:100%}.head-to-head-item .mini-spec li.full .title{width:18%}}@media only screen and (min-width:641px) and (max-width:900px){.head-to-head-item .mini-spec li .title{width:44%}.head-to-head-item .mini-spec li.full .title{width:22%}}@media only screen and (min-width:901px) and (max-width:1280px){.head-to-head-item .mini-spec li{width:100%}.head-to-head-item .mini-spec li.full .title{width:37%}}@media only screen and (min-width:1281px) and (max-width:1470px){.head-to-head-item .mini-spec li .title{width:43%}.head-to-head-item .mini-spec li.full .title{width:22%}}@media only screen and (min-width:901px) and (max-width:1440px){.competing-copy{padding-left:25px}}@media only screen and (min-width:1441px){.competing-copy{padding-left:50px}}.versus-icon{position:absolute;top:0;left:0;background:url(/resources/images/vs.svg) 50% 50% no-repeat;background-size:auto 80%;width:100%;height:100%;opacity:.5}@media only screen and (min-width:901px){.view-mode-button{float:right}}