.pr-bg{background:#424140;color:#fff;padding:30px 0 45px 0;margin-bottom:-40px}.portfolio .head{display:flex;flex-wrap:wrap;background:url('/Content/Images/temp/p1.jpg') center center no-repeat;background-size:cover;margin-top:-30px;padding:15vh 0;transition:all ease-in-out 700ms}.portfolio .head .right-side{display:flex;flex-direction:column;justify-content:space-evenly;height:100%;padding-right:15px;background:linear-gradient(to right,#3330,#3333,#3330)}.portfolio .head h1{margin-bottom:25px;line-height:2.4em}.portfolio .head .red{padding-right:7px;padding-left:7px;display:inline-block}.portfolio .head p{font-size:1.3em;font-weight:bold}.portfolio .left-side{text-align:center;z-index:1}.portfolio .left-side .img-wrapper{border:2px solid #d94336;display:inline-block;position:relative;z-index:1;max-width:40vh}.portfolio .left-side .border-box{background:#d94336;width:100%;height:100%;content:'';position:absolute;z-index:-1;left:15px;top:15px;transition:all ease-in-out 250ms}.portfolio .left-side img{max-width:100%;height:auto}@media(max-width:768px){.portfolio .head h1{font-size:8vw;line-height:1.6em}.portfolio .right-side{padding-right:0!important}}.portfolio .mid{display:flex;flex-wrap:wrap;padding:30px 0 55px 0;padding-top:60px;margin-bottom:40px;font-size:1.4em;font-weight:bold;text-align:center;color:#555;background:url('/Content/Images/portfolioBg.jpg') center center no-repeat;background-size:cover;background-attachment:fixed}.portfolio .mid>div{padding-right:5%}.portfolio .mid>div>div{display:inline-block}.portfolio .mid num{font-size:1.4em;color:#d94336;font-weight:bold;letter-spacing:5px}.portfolio .mid img{max-width:84px;padding:15px;display:block;margin:0 auto}@media(max-width:768px){.portfolio .mid{font-size:1em}.portfolio .mid>div{margin:15px}.portfolio .mid>div+div{border-right:0}}.portfolio .group-list{display:block;margin-bottom:50px;display:flex;flex-wrap:wrap}.portfolio .group-list a{background:#d77168;color:#fff;border-radius:15px;min-width:80px;padding:5px 15px;margin:5px;display:inline-block;text-align:center}.portfolio .group-list a.active{background:#d94336;box-shadow:#fff 0 0 3px}@media(max-width:768px){.portfolio .group-list{width:auto;display:flex;flex-wrap:nowrap;overflow-x:auto}.portfolio .group-list a{border-radius:5px;white-space:nowrap;margin-bottom:20px;min-width:fit-content}.portfolio .group-list::-webkit-scrollbar{height:5px;background:#fff6;border-radius:5px}.portfolio .group-list::-webkit-scrollbar-thumb{background:#d94336}}.portfolio .item-list{column-width:25em;column-gap:1em;-moz-column-width:25em;-webkit-column-width:25em;-moz-column-gap:1em;-webkit-column-gap:1em}.portfolio .item-list>div{margin-bottom:30px;display:inline-block;padding:.2rem;width:100%;float:none}.portfolio .item{position:relative;background:#333}.portfolio .item .img-box img{max-width:100%;background:#666;display:block;height:100%}.portfolio .img-box{min-height:200px;width:100%}.portfolio h2{display:block;width:100%;padding:12px 0;font-size:1em;text-align:center;position:absolute;top:0;margin:0;background:#333f;color:#d94336;opacity:.4;transition:all ease-in-out 200ms}.portfolio .item:hover{cursor:pointer}.portfolio .item:hover h2{opacity:1}.portfolio .group-cat{margin:10px 5px}.portfolio .group-cat p{display:inline-block}.portfolio .group-cat a{word-break:keep-all;white-space:nowrap;text-align:center;color:#333}.portfolio .group-cat a+a:before{content:'،'}.portfolio-detail h1{color:#d94336;margin:45px 0 30px 0}.portfolio-detail .img-link img{max-width:100%;display:block;margin:0 auto}.portfolio-detail #btnLarge img{height:75vh}@media(max-width:768px){.portfolio-detail #btnLarge img{height:auto;max-height:75vh}}.portfolio-detail{margin:20px auto 10vh auto;max-width:1000px;text-align:center}.portfolio-detail .bt-info{display:inline-block}.portfolio-detail .bt-info span{display:inline-block;margin-right:20px}.portfolio-detail .bt-info .mi{padding-left:5px;font-weight:bold}.portfolio-detail .btn{font-weight:bold}.portfolio-detail .info{list-style:none;display:flex;justify-content:space-around;margin:15px 0;padding:0}@media(max-width:768px){.portfolio-detail h1{font-size:1.7em;line-height:1.6em}}.portfolio-index .main-item img{width:100%}.portfolio-index .tag-group,.portfolio-detail .tag-group{text-align:right;padding-right:10px}.portfolio-detail .tag-group a{background:#d94336;padding:5px;min-width:70px;border-radius:7px;color:#fff;margin-left:7px;display:inline-block;margin:5px}.img-link button{padding:0;background:transparent;border:0}.img-link .tumb{display:flex;overflow-x:auto;width:100%;margin-top:15px}.img-link .tumb button{box-shadow:#9f9f9f 0 0 3px;margin:5px 5px 20px 5px;border-radius:10px;overflow:hidden;min-width:60px;border:1px solid transparent;opacity:.6;transition:all ease-in-out 250ms;max-width:96px;aspect-ratio:1/1}.img-link .tumb button.active{opacity:1;border-color:#d94336}.image-wrapper{position:relative}.image-wrapper .arrow-right,.image-wrapper .arrow-left{position:absolute;border:0;font-size:3em;transform:translate(0,50%);bottom:50%;height:100%;width:60px;transition:all ease-in-out 200ms}.image-wrapper .arrow-right:hover,.image-wrapper .arrow-left:hover{color:#d94336}.image-wrapper .arrow-right{right:0;background:linear-gradient(to left,#fff9,#fff0);background:transparent}.image-wrapper .arrow-left{left:0;background:linear-gradient(to right,#fff9,#fff0);background:transparent}.portfolio .item .bot{display:flex}.portfolio .item .bot .btn{width:100%;border-radius:0}.portfolio .item .bot .btn+.btn{margin-right:5px}.portfolio .images{width:28px;height:28px;position:absolute;bottom:2px;right:2px;background:url('/Content/Images/icon/images.png') center center no-repeat;background-size:contain}.modla-max{width:100%;max-width:calc(100vw - 20px)}.img-large{max-width:98vw;max-height:90vh}.modal-dialog{background:transparent}.close.custom{position:absolute;background:#d94336;width:38px;height:38px;right:0;top:0;border-radius:5px;opacity:.8;z-index:10}.modal{background:transparent;backdrop-filter:blur(7px)}.modal-content{background:transparent;box-shadow:none;border:0}.image-slide .arrow-right,.image-slide .arrow-left{position:absolute;color:#fff;height:100%;border:0;font-size:3em;transform:translate(0,50%);bottom:50%}.image-slide .arrow-right{right:0}.image-slide .arrow-left{left:0}