/*
ATTENTION! Please do not modify this file, it's auto-generated and all your changes will be lost.
The complete list of files it's generated from:
design/themes/responsive/css/addons/mccd__my_changes/blocks/cases.less
*/


.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;width:100%;}.clearfix:after{clear:both;}.input-block-level{display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.product-title-color{color:#7b7b7b;}@media (max-width: 980px){.mc--cases{display:flex;flex-direction:column;}}.mc--cases--item{position:relative;display:block;overflow:hidden;min-height:55dvh;}.mc--cases--item-image{position:absolute;top:0;left:0;right:0;bottom:0;object-fit:cover;min-height:100%;transition:transform 0.3s ease, filter 0.3s ease;}.mc--cases--item-content{position:absolute;height:100%;top:0;left:0;right:0;bottom:0;padding:45px;display:flex;flex-direction:column;z-index:1;color:#fff;}.mc--cases--item-content--description{display:flex;align-items:center;flex:1;opacity:0;filter:alpha(opacity=0);visibility:hidden;transition:opacity .2s ease, visibility .2s ease;}.mc--cases--item-tags{height:100px;display:flex;align-items:center;}.mc--cases--item-tags__item{font-weight:500;backdrop-filter:blur(25px);}@media (min-width: 981px){.mc--cases--item-tags__item{font-size:20px;line-height:23px;padding:16px 20px;border-radius:10px;background:rgba(65,92,129,0.2);}}@media (max-width: 980px){.mc--cases--item-tags__item{font-size:15px;line-height:18px;padding:11px 14px;border-radius:5px;background:rgba(65,92,129,0.4);}}.mc--cases--item-title{font-size:35px;display:block;padding:20px 45px;width:calc(100% + 90px);margin:0 -45px 0 -45px;background:rgba(34,34,34,0.25);}.mc--cases--item:hover .mc--cases--item-image,.mc--cases--item.hovered .mc--cases--item-image{transform:scale(1.05);filter:brightness(70%);}.mc--cases--item:hover .mc--cases--item-content--description,.mc--cases--item.hovered .mc--cases--item-content--description{opacity:1;filter:alpha(opacity=100);visibility:visible;}@media (min-width: 981px){.mc--cases{display:grid;grid-template-columns:1fr 1fr;}.mc--cases--item{height:50vw;}}