.mainPagePortfolio{background:#efefef;padding:30px 0}.mainPagePortfolio h2{text-align:center;font-weight:400;margin:40px 0}.mainPagePortfolio button{padding:0 80px;box-shadow:inset 0 0 0 2px var(--navyblue-500);color:var(--navyblue-500);transition:color .25s .0833333333s;position:relative;margin:30px auto;display:block}.mainPagePortfolio button:after,.mainPagePortfolio button:before{border:0 solid transparent;box-sizing:border-box;content:"";pointer-events:none;position:absolute;width:0;height:0;bottom:0;right:0}.mainPagePortfolio button:before{border-bottom-width:2px;border-left-width:2px}.mainPagePortfolio button:after{border-top-width:2px;border-right-width:2px}.mainPagePortfolio button:hover{color:var(--secondary-500)}.mainPagePortfolio button:hover:after,.mainPagePortfolio button:hover:before{border-color:var(--secondary-500);transition:border-color 0s,width .25s,height .25s;width:100%;height:100%}.mainPagePortfolio button:hover:before{transition-delay:0s,0s,.25s}.mainPagePortfolio button:hover:after{transition-delay:0s,.25s,0s}.mainPagePortfolio .container{flex-wrap:wrap;gap:15px}.mainPagePortfolio .item{width:100%;position:relative}@media(min-width:768px){.mainPagePortfolio .item{width:calc(50% - 8px)}}@media(min-width:992px){.mainPagePortfolio .item{width:calc(33.33% - 10px)}}.mainPagePortfolio .item a{display:flex;color:#fff;overflow:hidden}.mainPagePortfolio .item a:hover picture{transform:scale(1.05)}.mainPagePortfolio .item picture{overflow:hidden;transition:all .25s ease-in-out}.mainPagePortfolio .item picture img{width:407px;min-height:264px;transform:translate(-50%,-50%);position:relative;left:50%;top:50%}.mainPagePortfolio .item picture:before{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:"";background-image:linear-gradient(0deg,rgba(0,0,0,.42) 0,transparent)}.mainPagePortfolio .item figcaption{position:absolute;left:0;bottom:0;padding:15px 20px;z-index:2}.mainPagePortfolio .item figcaption h3{font-weight:700;font-size:20px;margin-bottom:10px}.mainPagePortfolio .item figcaption p{font-weight:lighter;font-size:17px;line-height:1.4;margin:0}:root{--navyblue-200:#192432;--navyblue-500:#232f3e;--secondary-500:#519118;--white:#fff;--black:#000;--blue-500:#0072c9;--green-25:#519118;--green-50:#4d9b09;--gray-25:#fcfcfd;--gray-50:#f9fafb;--gray-100:#f2f4f7;--gray-200:#eaecf0;--gray-300:#d0d5dd;--gray-400:#98a2b3;--gray-500:#667085;--gray-600:#475467;--gray-700:#344054;--gray-800:#1d2939;--gray-900:#101828;--error-25:#fffbfa;--error-50:#fef3f2;--error-100:#fee4e2;--error-200:#fecdca;--error-300:#fda29b;--error-400:#f97066;--error-500:#f04438;--error-600:#d92d20;--error-700:#b42318;--error-800:#912018;--error-900:#7a271a;--warning-25:#fffcf5;--warning-50:#fffaeb;--warning-100:#fef0c7;--warning-200:#fedf89;--warning-300:#fec84b;--warning-400:#fdb022;--warning-500:#f79009;--warning-600:#dc6803;--warning-700:#b54708;--warning-800:#93370d;--warning-900:#7a2e0e;--success-25:#f6fef9;--success-50:#ecfdf3;--success-100:#d1fadf;--success-200:#a6f4c5;--success-300:#6ce9a6;--success-400:#32d583;--success-500:#12b76a;--success-600:#039855;--success-700:#027a48;--success-800:#05603a;--success-900:#054f31;--info-25:#f7fcff;--info-50:#effaff;--info-100:#e6f7ff;--info-200:#91d5ff;--info-300:#69c0ff;--info-400:#40a9ff;--info-500:#1890ff;--info-600:#096dd9;--info-700:#0050b3;--info-800:#003a8c;--info-900:#002766}.hero{min-height:375px;overflow:hidden;position:relative}.hero:before{width:100%;height:100%;opacity:.1}.hero img{position:absolute;min-width:100%;transform:translate(-50%,-50%);left:50%;top:50%}.hero .container{position:relative;z-index:1;margin-top:120px;padding:0 15px}.hero .container h1{color:#fff;font-size:36px;margin-bottom:0;font-family:ivymode,sans-serif;font-weight:400}.hero .container p{color:#fff;font-size:20px;max-width:500px;line-height:1.4}.hero .container a{width:200px;border-color:1px solid #a7c555;box-shadow:inset 0 0 0 2px var(--navyblue-500);color:var(--navyblue-500);transition:color .25s .0833333333s;position:relative;color:#fff;margin-bottom:60px}.hero .container a:after,.hero .container a:before{border:0 solid transparent;box-sizing:border-box;content:"";pointer-events:none;position:absolute;width:0;height:0;bottom:0;right:0}.hero .container a:before{border-bottom-width:2px;border-left-width:2px}.hero .container a:after{border-top-width:2px;border-right-width:2px}.hero .container a:hover{color:var(--secondary-500)}.hero .container a:hover:after,.hero .container a:hover:before{border-color:var(--secondary-500);transition:border-color 0s,width .25s,height .25s;width:100%;height:100%}.hero .container a:hover:before{transition-delay:0s,0s,.25s}.hero .container a:hover:after{transition-delay:0s,.25s,0s}