.comp-listing-container{width:560px;margin:0 20px 80px}
.comp-listing-image-holder{width:560px;background-color:#29363b}
.comp-listing-image-holder img{width:100%;height:auto;padding:0;margin:0;opacity:1;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
.comp-listing-container a:hover .comp-listing-image-holder img{opacity:.4}
.comp-listing-title-holder{position:absolute;width:398px;height:200px;top:0;left:0;background-color:#fff;z-index:9}
.comp-listing-title-holder span{font-family:'EuclidFlex-Regular',sans-serif;font-display:block;font-style:normal;font-weight:normal;font-size:18px;line-height:18px;letter-spacing:.7px;color:#29363b;text-transform:uppercase}
.comp-listing-title-holder h4{padding-top:20px;padding-right:40px;font-family:'EuclidFlex-Light',sans-serif;font-display:block;font-style:normal;font-weight:normal;font-size:40px;line-height:42px;letter-spacing:-0.4px;color:#29363b}
.comp-listing-plus-tech{position:absolute;width:160px;bottom:10px;left:0;font-family:'EuclidFlex-Light',sans-serif;font-display:block;font-style:normal;font-weight:normal;font-size:40px;line-height:42px;letter-spacing:-0.4px;color:#29363b;text-transform:uppercase}
.orange-tech{display:inline-block;font-family:'EuclidFlex-Light',sans-serif;font-display:block;font-style:normal;font-weight:normal;font-size:58px;line-height:32px;letter-spacing:-0.4px;color:#ff671d}
.comp-listing-text-holder{min-height:122px;padding-top:50px;font-family:'EuclidFlex-Regular',sans-serif;font-display:block;font-style:normal;font-weight:normal;font-size:18px;line-height:24px;letter-spacing:-0.2px;color:#29363b}
.comp-listing-link-holder{display:inline-block;padding-top:30px;font-family:'EuclidFlex-Regular',sans-serif;font-display:block;font-style:normal;font-weight:normal;font-size:18px;line-height:23px;letter-spacing:-0.2px;text-transform:uppercase;color:#ff671d;border-bottom:1px solid #ff671d;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.comp-listing-container a:hover .comp-listing-link-holder{color:#29363b;border-bottom:1px solid #29363b}
.comp-listing-background-pattern{width:560px;height:340px;background-image:url("../../img/line-pattern-navy.png");background-size:cover;background-position:center;background-repeat:no-repeat;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.comp-listing-container a:hover .comp-listing-background-pattern{background-image:url("../../img/line-pattern-orange.png")}
.comp-listing-container .comp-listing-holder h4{color:#ff671d}
@media only screen and (min-width:980px) and (max-width:1400px){.comp-listing-container{width:450px;margin:0 15px 60px}
.comp-listing-background-pattern{width:450px;height:273px}
.comp-listing-title-holder{width:330px;height:173px}
.comp-listing-plus-tech{font-family:'EuclidFlex-Light',sans-serif;font-display:block;font-style:normal;font-weight:normal;font-size:32px;line-height:32px;letter-spacing:-0.4px}
.orange-tech{font-family:'EuclidFlex-Light',sans-serif;font-display:block;font-style:normal;font-weight:normal;font-size:48px;line-height:26px;letter-spacing:-0.4px}
.comp-listing-text-holder{min-height:90px;padding-top:30px;font-size:16px;line-height:20px}
.comp-listing-link-holder{padding-top:30px;font-size:14px;line-height:16px}
.comp-listing-image-holder{width:450px}
.comp-listing-title-holder span{font-size:14px;line-height:14px}
.comp-listing-title-holder h4{font-size:32px;line-height:36px}
}@media only screen and (min-width:1px) and (max-width:979px){.comp-listing-container{width:90%;margin:auto auto 50px}
.comp-listing-background-pattern{width:100%;height:215px}
.comp-listing-title-holder{width:240px;height:135px}
.comp-listing-plus-tech{font-family:'EuclidFlex-Light',sans-serif;font-display:block;font-style:normal;font-weight:normal;font-size:20px;line-height:20px;letter-spacing:-0.4px}
.orange-tech{font-family:'EuclidFlex-Light',sans-serif;font-display:block;font-style:normal;font-weight:normal;font-size:32px;line-height:16px;letter-spacing:-0.4px}
.comp-listing-title-holder span{font-size:12px;line-height:12px;letter-spacing:.4px}
.comp-listing-title-holder h4{font-size:26px;line-height:30px;padding-top:10px}
.comp-listing-text-holder{min-height:90px;padding-top:30px;font-size:14px;line-height:18px}
.comp-listing-link-holder{padding-top:20px;font-size:12px;line-height:14px}
.comp-listing-image-holder{width:100%}
}