.box-layout12 {}
.box-layout12 hr {border: 0px none; background: #fff; height: 1px; margin: 10px 0 20px 0;}
.box-layout12 img {height: auto; max-width: 100%; width: 100%;}
.box-layout12 .text-wrapper {position: absolute; background: rgba(7, 104, 106, 0.9); display: block; left: auto; right: 0; padding: 20px; top: 0px; width: 50%; height: 100%;}
.inverse .box-layout12 .text-wrapper {left: 0; right: auto;}
.box-layout12 h3 {margin: 0px;font-size: 22px;color: #feb526; padding: 0 0 10px 0;}
.box-layout12 h3 a { color: #feb526; margin: 0px; display: block; text-decoration: none;}
.box-layout12 .inner {position: relative; height: 100%}
.box-layout12 .inner:before {position: absolute; left: -40px; top: 50%; content: ""; width: 0px; height: 0px; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid #07686a; opacity: 0.9; margin-top: -15px;}
.inverse .box-layout12 .inner:after {position: absolute; right: -40px; top: 50%; content: ""; width: 0px; height: 0px; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #07686a; opacity: 0.9; margin-top: -15px;}
.box-layout12 .wrapper {position: relative; float: left;}
.body-xs .box-layout12 .wrapper {float: none;}
.body-xs .box-layout12 .inner:before, .inverse .box-layout12 .inner:before, .body-xs .inverse .box-layout12 .inner:after {content: none;}
.box-layout12 .text {display: block; position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.body-xs .box-layout12 .text {-webkit-transform: none;-ms-transform: none;transform: none;}
.box-layout12 .text * {filter: blur(0);-webkit-filter: blur(0);}
@media (max-width: 767px) {
    .box-layout12 .text-wrapper {position: static; width: auto;}
    .box-layout12 .inner:before {display: inline-block;}
}
.box-layout12 .text p:last-of-type { margin: 0}