.portfolio-sec{padding-top:40px;padding-bottom:40px}@media screen and (max-width: 575.98px){.portfolio-sec{padding-top:20px;padding-bottom:20px}}.portfolio-sec__heading{margin-bottom:20px}@media screen and (max-width: 575.98px){.portfolio-sec__heading{margin-bottom:8px}}.portfolio-sec__heading h2{color:#1c1c1c}.portfolio-sec__subheading{margin-bottom:50px}@media screen and (max-width: 767.98px){.portfolio-sec__subheading{margin-bottom:22px}}@media screen and (max-width: 575.98px){.portfolio-sec__subheading{margin-bottom:17px}}.portfolio-sec__subheading p{max-width:840px;font-size:17px;line-height:176%;font-weight:400}.portfolio-sec__flex{margin:0 -10px;flex-wrap:wrap}.portfolio-sec__col{padding:0 10px;flex-basis:50%;max-width:50%}@media screen and (max-width: 767.98px){.portfolio-sec__col{flex-basis:100%;max-width:100%}}.portfolio-sec__block{height:391px;position:relative;display:block;margin-bottom:20px;overflow:hidden}@media screen and (max-width: 575.98px){.portfolio-sec__block{height:auto}}.portfolio-sec__block:hover .hover-block{opacity:1}.portfolio-sec__block:hover .image{background:linear-gradient(180deg, #FF8842 0%, #6B2801 100%)}.portfolio-sec__block:hover .image img{opacity:.2}.portfolio-sec__image{height:100%;width:100%;position:relative;z-index:99;position:relative}@media screen and (max-width: 575.98px){.portfolio-sec__image{height:194px}}.portfolio-sec__image img{transition:.3s linear}.portfolio-sec__desc{height:96px;width:100%;position:absolute;left:0;bottom:0;background:#fff;z-index:99;display:flex;align-items:center;padding:20px 25px 20px 51px}@media screen and (max-width: 991.98px){.portfolio-sec__desc{padding:20px}}@media screen and (max-width: 575.98px){.portfolio-sec__desc{height:auto;position:initial;flex-direction:column;align-items:flex-start;background:#fff;padding:18px 0 0}}.portfolio-sec__desc p{font-weight:500;font-size:17px;line-height:150%;color:#313131;margin-bottom:0}@media screen and (max-width: 575.98px){.portfolio-sec__desc p{font-size:17px;line-height:150%;color:#313131;letter-spacing:0px;margin-bottom:26px}}.portfolio-sec__desc .btn_h{display:none}@media screen and (max-width: 575.98px){.portfolio-sec__desc .btn_h{display:flex}}.portfolio-sec__desc .btn_h .icon{margin-left:35px}.portfolio-sec__logo{width:112px;margin-right:48px;flex-shrink:0}@media screen and (max-width: 991.98px){.portfolio-sec__logo{margin-right:20px}}@media screen and (max-width: 575.98px){.portfolio-sec__logo{margin-bottom:26px;height:44px;display:flex;align-items:center;margin-right:0}}.portfolio-sec__logo img{max-width:100%;max-height:100%;height:auto}.portfolio-sec .flex-top{display:flex;justify-content:space-between}@media screen and (max-width: 767.98px){.portfolio-sec .flex-top{flex-direction:column}}.portfolio-sec .flex-top .btn-col{flex-shrink:0;margin-left:20px;margin-top:5px}@media screen and (max-width: 767.98px){.portfolio-sec .flex-top .btn-col{margin-left:0;margin-bottom:20px}}.portfolio-sec .image-h{width:100%;height:211px;position:relative}.portfolio-sec .image-h .top-img{position:absolute;width:100%;height:100%;padding:9px;top:0;left:0}.portfolio-sec .image-h .top-img img{border-radius:4px}.portfolio-sec .hover-block{width:275px;position:absolute;left:50%;transform:translateX(-50%);top:27px;z-index:99;display:flex;flex-direction:column;align-items:flex-end;opacity:0;transition:.3s linear}@media screen and (max-width: 575.98px){.portfolio-sec .hover-block{display:none}}.portfolio-sec .hover-block .link{display:flex;align-items:center;font-weight:500;font-size:13px;line-height:13px;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-top:19px;margin-right:30px}.portfolio-sec .hover-block .link img{margin-left:19px}.portfolio-sec .btn_h:hover .icon img{transform:rotate(45deg)}