.single-ova_por .ova-wrapp { overflow: hidden; } .wrap-portfolio { max-width: 1270px; padding: 0 10px; margin: 0 auto; } @media (max-width: 767px) { .wrap-portfolio { padding: 0 5px; } } .wrap-portfolio .archive-por { padding: 0 5px; } @media (max-width: 767px) { .wrap-portfolio .archive-por { padding: 0 15px; } } .wrap-portfolio .archive-por ul.list-cat-por { list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 60px; } .wrap-portfolio .archive-por ul.list-cat-por li.active a { color: #fff; } .wrap-portfolio .archive-por ul.list-cat-por li a { font-size: 17px; height: 40px; line-height: 40px; letter-spacing: 0.2px; font-weight: 400; color: #42516d; padding: 0 15px; display: inline-block; transition: 0.3s; } .wrap-portfolio .archive-por ul.list-cat-por li a:hover { color: #fff; } .wrap-portfolio .archive-por .content-por { margin: 0 -15px; } .wrap-portfolio .archive-por .content-por .ovapor-item { padding: 0 15px; margin-bottom: 30px; } .wrap-portfolio .archive-por .content-por .ovapor-item > a { display: block; position: relative; } .wrap-portfolio .archive-por .content-por .ovapor-item > a:before { content: ''; width: 100%; height: 100%; position: absolute; background: #202b5d; top: 0; left: 0; z-index: 1; opacity: 0; transition: 0.4s; } .wrap-portfolio .archive-por .content-por .ovapor-item:hover > a:before { opacity: 0.2; } .wrap-portfolio .archive-por .content-por.two_column .ovapor-item { width: 50%; } @media (max-width: 767px) { .wrap-portfolio .archive-por .content-por.two_column .ovapor-item { width: 100%; } } .wrap-portfolio .archive-por .content-por.three_column .ovapor-item { width: 33.33%; } @media (max-width: 991px) { .wrap-portfolio .archive-por .content-por.three_column .ovapor-item { width: 50%; } } @media (max-width: 767px) { .wrap-portfolio .archive-por .content-por.three_column .ovapor-item { width: 100%; } } .wrap-portfolio .archive-por .content-por.four_column .ovapor-item { width: 25%; } @media (max-width: 1024px) { .wrap-portfolio .archive-por .content-por.four_column .ovapor-item { width: 33.33%; } } @media (max-width: 991px) { .wrap-portfolio .archive-por .content-por.four_column .ovapor-item { width: 50%; } } @media (max-width: 767px) { .wrap-portfolio .archive-por .content-por.four_column .ovapor-item { width: 100%; } } .wrap-portfolio .archive-por .content-por.grid-portfolio .ovapor-item { position: relative; overflow: hidden; } .wrap-portfolio .archive-por .content-por.grid-portfolio .ovapor-item:hover .content-item { top: calc(100% - 150px); } .wrap-portfolio .archive-por .content-por.grid-portfolio .ovapor-item:hover > a:after { height: 100%; } .wrap-portfolio .archive-por .content-por.grid-portfolio .ovapor-item:hover > a:before { display: none; } .wrap-portfolio .archive-por .content-por.grid-portfolio .ovapor-item:hover .content-item .readmore a { background: #fff; } .wrap-portfolio .archive-por .content-por.grid-portfolio .ovapor-item:hover .content-item .readmore a svg { color: #404040; } .wrap-portfolio .archive-por .content-por.grid-portfolio .ovapor-item:hover .content-item .readmore a:hover svg { color: #fff; } .wrap-portfolio .archive-por .content-por.grid-portfolio .ovapor-item > a { display: inline-block; z-index: 2; transition: 0.3s; position: relative; } .wrap-portfolio .archive-por .content-por.grid-portfolio .ovapor-item > a:after { content: ''; width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8)); z-index: 1; transition: 0.2s; } .wrap-portfolio .archive-por .content-por.grid-portfolio .ovapor-item .number-gallery { display: inline-flex; background: rgba(0, 0, 0, 0.3); color: #fff; padding: 1px 15px 1px 15px; border-radius: 50px; position: absolute; top: 15px; right: 30px; z-index: 2; } .wrap-portfolio .archive-por .content-por.grid-portfolio .ovapor-item .number-gallery span { font-size: 15px; line-height: 24px; font-weight: 600; display: inline-block; margin-left: 6px; } .wrap-portfolio .archive-por .content-por.grid-portfolio .ovapor-item .number-gallery svg { width: 18px; } .wrap-portfolio .archive-por .content-por.grid-portfolio .ovapor-item .content-item { position: absolute; top: calc(100% - 75px); left: 15px; margin-left: 25px; transition: 0.4s; z-index: 2; } .wrap-portfolio .archive-por .content-por.grid-portfolio .ovapor-item .content-item .category { margin-bottom: 1px; } .wrap-portfolio .archive-por .content-por.grid-portfolio .ovapor-item .content-item .category span, .wrap-portfolio .archive-por .content-por.grid-portfolio .ovapor-item .content-item .category a { font-size: 16px; line-height: 24px; color: #ccc; } .wrap-portfolio .archive-por .content-por.grid-portfolio .ovapor-item .content-item .title { margin: 0; font-size: 24px; line-height: 1.2; font-weight: 700; margin-bottom: 19px; } .wrap-portfolio .archive-por .content-por.grid-portfolio .ovapor-item .content-item .title a { font-size: 24px; line-height: 1.2; font-weight: 700; color: #fff; } .wrap-portfolio .archive-por .content-por.grid-portfolio .ovapor-item .content-item .readmore { padding-top: 2px; } .wrap-portfolio .archive-por .content-por.grid-portfolio .ovapor-item .content-item .readmore a { display: inline-flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; } .wrap-portfolio .archive-por .content-por.grid-portfolio .ovapor-item .content-item .readmore a svg { width: 26px; color: #fff; height: 26px; } .wrap-portfolio .archive-por .content-por.classic-portfolio { margin: 0; } .wrap-portfolio .archive-por .content-por.classic-portfolio.three_column .ovapor-item { width: calc(33.33% - 20px); } @media (max-width: 991px) { .wrap-portfolio .archive-por .content-por.classic-portfolio.three_column .ovapor-item { width: calc(50% - 15px); } } @media (max-width: 767px) { .wrap-portfolio .archive-por .content-por.classic-portfolio.three_column .ovapor-item { width: 100%; } } .wrap-portfolio .archive-por .content-por.classic-portfolio.four_column .ovapor-item { width: calc(25% - 22.5px); } @media (max-width: 1024px) { .wrap-portfolio .archive-por .content-por.classic-portfolio.four_column .ovapor-item { width: calc(33.33% - 20px); } } @media (max-width: 991px) { .wrap-portfolio .archive-por .content-por.classic-portfolio.four_column .ovapor-item { width: calc(50% - 15px); } } @media (max-width: 767px) { .wrap-portfolio .archive-por .content-por.classic-portfolio.four_column .ovapor-item { width: 100%; } } .wrap-portfolio .archive-por .content-por.classic-portfolio.two_column .ovapor-item { width: calc(50% - 15px); } @media (max-width: 767px) { .wrap-portfolio .archive-por .content-por.classic-portfolio.two_column .ovapor-item { width: 100%; } } .wrap-portfolio .archive-por .content-por.classic-portfolio .ovapor-item { position: relative; overflow: hidden; margin-bottom: 30px; padding-left: 0px; padding-right: 0px; } .wrap-portfolio .archive-por .content-por.classic-portfolio .ovapor-item .ovapor-item-sub-content { transition: 0.4s; } .wrap-portfolio .archive-por .content-por.classic-portfolio .ovapor-item .ovapor-item-sub-content > a { display: block; position: relative; } .wrap-portfolio .archive-por .content-por.classic-portfolio .ovapor-item .ovapor-item-sub-content > a:before { content: ''; width: 100%; height: 100%; position: absolute; background: #202b5d; top: 0; left: 0; z-index: 1; opacity: 0; transition: 0.4s; } .wrap-portfolio .archive-por .content-por.classic-portfolio .ovapor-item:hover { box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.1); } .wrap-portfolio .archive-por .content-por.classic-portfolio .ovapor-item:hover .ovapor-item-sub-content > a:before { opacity: 0.2; } .wrap-portfolio .archive-por .content-por.classic-portfolio .ovapor-item .number-gallery { display: inline-flex; background: rgba(0, 0, 0, 0.3); color: #fff; padding: 1px 15px 1px 15px; border-radius: 50px; position: absolute; top: 15px; right: 30px; z-index: 2; } .wrap-portfolio .archive-por .content-por.classic-portfolio .ovapor-item .number-gallery span { font-size: 15px; line-height: 24px; font-weight: 600; display: inline-block; margin-left: 6px; } .wrap-portfolio .archive-por .content-por.classic-portfolio .ovapor-item .number-gallery svg { width: 18px; } .wrap-portfolio .archive-por .content-por.classic-portfolio .ovapor-item .content-item { margin: 17px 0 0 25px; padding: 0 0 10px 0; z-index: 2; } .wrap-portfolio .archive-por .content-por.classic-portfolio .ovapor-item .content-item .category { margin-bottom: 1px; } .wrap-portfolio .archive-por .content-por.classic-portfolio .ovapor-item .content-item .category span, .wrap-portfolio .archive-por .content-por.classic-portfolio .ovapor-item .content-item .category a { font-size: 16px; line-height: 24px; color: #62718d; } .wrap-portfolio .archive-por .content-por.classic-portfolio .ovapor-item .content-item .title { margin: 0; font-size: 24px; line-height: 1.2; font-weight: 500; margin-bottom: 19px; } .wrap-portfolio .archive-por .content-por.classic-portfolio .ovapor-item .content-item .title a { font-size: 24px; line-height: 1.2; font-weight: 500; color: #202b5d; } .wrap-portfolio .archive-por .content-por.classic-portfolio .ovapor-item .content-item .readmore { display: none; } .wrap-portfolio .archive-por .content-por.modern-portfolio .ovapor-item { position: relative; overflow: hidden; margin-bottom: 35px; } .wrap-portfolio .archive-por .content-por.modern-portfolio .ovapor-item:hover .number-gallery { opacity: 1; } .wrap-portfolio .archive-por .content-por.modern-portfolio .ovapor-item:hover .content-item { bottom: 20px; } .wrap-portfolio .archive-por .content-por.modern-portfolio .ovapor-item .number-gallery { opacity: 0; transition: 0.4s; display: inline-flex; background: rgba(0, 0, 0, 0.3); color: #fff; padding: 1px 15px 1px 15px; border-radius: 50px; position: absolute; top: 15px; right: 30px; } .wrap-portfolio .archive-por .content-por.modern-portfolio .ovapor-item .number-gallery span { font-size: 15px; line-height: 24px; font-weight: 600; display: inline-block; margin-left: 6px; } .wrap-portfolio .archive-por .content-por.modern-portfolio .ovapor-item .number-gallery svg { width: 18px; } .wrap-portfolio .archive-por .content-por.modern-portfolio .ovapor-item .content-item { margin: 0px 15px 0px 15px; padding: 17px 20px 0 20px; background: #fff; position: absolute; bottom: -100%; left: 20px; right: 20px; transition: 0.4s; z-index: 2; } .wrap-portfolio .archive-por .content-por.modern-portfolio .ovapor-item .content-item .category { margin-bottom: 1px; } .wrap-portfolio .archive-por .content-por.modern-portfolio .ovapor-item .content-item .category span, .wrap-portfolio .archive-por .content-por.modern-portfolio .ovapor-item .content-item .category a { font-size: 16px; line-height: 24px; color: #62718d; } .wrap-portfolio .archive-por .content-por.modern-portfolio .ovapor-item .content-item .title { margin: 0; font-size: 24px; line-height: 1.2; font-weight: 500; margin-bottom: 19px; } .wrap-portfolio .archive-por .content-por.modern-portfolio .ovapor-item .content-item .title a { font-size: 24px; line-height: 1.2; font-weight: 500; color: #202b5d; } .wrap-portfolio .archive-por .content-por.modern-portfolio .ovapor-item .content-item .readmore { display: none; } .wrap-portfolio .archive-por .ova_more_por { text-align: center; } .wrap-portfolio .archive-por .ova_more_por .ova-load-more-por { display: inline-block; height: 60px; line-height: 60px; padding: 0px 40px; font-size: 17px; color: #fff; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; display: inline-block; font-weight: 600; letter-spacing: 0.2px; margin: 35px 0 110px 0; } .wrap-portfolio .archive-por .ova_more_por .ova-load-more-por:hover { background: #06163A; } .wrap-portfolio .archive-por .ova_more_por .ova-loader { display: none; border: 3px solid #f3f3f3; border-top: 3px solid; border-radius: 50%; width: 30px; height: 30px; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .wrap-portfolio .archive-por .ova-nodata { text-align: center; display: none; } .wrap-portfolio .archive-por .ova-nodata span { display: inline-block; height: 60px; line-height: 60px; padding: 0px 40px; font-size: 17px; color: #fff; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; display: inline-block; font-weight: 600; letter-spacing: 0.2px; margin: 35px 0 110px 0; } .wrap-portfolio .archive-por .ova-nodata span:hover { background: #06163A; } @media (max-width: 767px) { .wrap-portfolio .single-por { padding-left: 15px; padding-right: 15px; } } .wrap-portfolio .single-por.type1 .por-gallery { grid-template-columns: 1fr 1fr 1fr; } @media (max-width: 991px) { .wrap-portfolio .single-por.type1 .por-gallery { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .wrap-portfolio .single-por.type1 .por-gallery { grid-template-columns: 1fr; } } .wrap-portfolio .single-por.type1 .wrap-content-por { display: flex; flex-wrap: wrap; } .wrap-portfolio .single-por.type1 .wrap-content-por .content { flex: 0 0 calc(100% - 320px); padding-right: 80px; } @media (max-width: 767px) { .wrap-portfolio .single-por.type1 .wrap-content-por .content { flex: 0 0 100%; padding-right: 0; } } .wrap-portfolio .single-por.type1 .wrap-content-por .info-por { flex: 0 0 320px; } .wrap-portfolio .single-por.type1 .wrap-content-por .info-por .content-info { box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.1); padding: 27px 30px 21px 30px; } .wrap-portfolio .single-por.type1 .wrap-content-por .info-por .content-info > div { margin-bottom: 19px; } @media (max-width: 767px) { .wrap-portfolio .single-por.type1 .wrap-content-por .info-por { flex: 0 0 100%; } } .wrap-portfolio .single-por.type1 .wrap-content-por .info-por label { display: block; font-size: 17px; line-height: 26px; color: #202b5d; font-weight: 500; margin: 0 0 1px 0; } .wrap-portfolio .single-por.type1 .wrap-content-por .info-por a, .wrap-portfolio .single-por.type1 .wrap-content-por .info-por span { font-size: 17px; line-height: 26px; color: #62718d; } .wrap-portfolio .single-por.type1 .wrap-content-por .info-por .share_social { padding: 0 0 0 0; border-bottom: none; border-top: none; text-align: left; } .wrap-portfolio .single-por.type1 .wrap-content-por .info-por .share_social .ova_label { font-size: 17px !important; line-height: 26px; color: #202b5d; font-weight: 500; margin-bottom: 14px !important; } .wrap-portfolio .single-por.type1 .wrap-content-por .info-por .share_social a { color: #fff; } .wrap-portfolio .single-por.type1 .single-foot-por .ova-next-pre-post { margin-top: 110px; position: relative; padding-top: 30px; } .wrap-portfolio .single-por.type1 .single-foot-por .ova-next-pre-post:after { content: ''; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 5000px; height: 1px; background: #eeeeee; } .wrap-portfolio .single-por.type2 .por-gallery { grid-template-columns: 1fr 1fr 1fr; } @media (max-width: 991px) { .wrap-portfolio .single-por.type2 .por-gallery { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .wrap-portfolio .single-por.type2 .por-gallery { grid-template-columns: 1fr; } } .wrap-portfolio .single-por.type2 .info-por { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 45px; margin-top: -6px; } .wrap-portfolio .single-por.type2 .info-por label { font-size: 17px; line-height: 26px; font-weight: 400; color: #202b5d; } .wrap-portfolio .single-por.type2 .info-por span, .wrap-portfolio .single-por.type2 .info-por a { font-size: 17px; line-height: 26px; font-weight: 400; color: #62718d; } .wrap-portfolio .single-por.type2 .info-por > div:not(:last-child) { margin-right: 37px; } .wrap-portfolio .single-por.type2 .single-foot-por .share_social { border: none; } .wrap-portfolio .single-por.type2 .single-foot-por .ova-next-pre-post { position: relative; padding-top: 30px; margin-top: 0; } .wrap-portfolio .single-por.type2 .single-foot-por .ova-next-pre-post:after { content: ''; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 5000px; height: 1px; background: #eeeeee; } .wrap-portfolio .single-por.type3 .wrap-content-por { display: flex; flex-wrap: wrap; } .wrap-portfolio .single-por.type3 .wrap-content-por .por-gallery-share { flex: 0 0 calc(100% - 320px); padding-right: 75px; } @media (max-width: 991px) { .wrap-portfolio .single-por.type3 .wrap-content-por .por-gallery-share { flex: 0 0 100%; padding-right: 0; } } .wrap-portfolio .single-por.type3 .wrap-content-por .por-gallery-share .por-gallery { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; margin-bottom: 30px; } @media (max-width: 767px) { .wrap-portfolio .single-por.type3 .wrap-content-por .por-gallery-share .por-gallery { grid-template-columns: 1fr; } } .wrap-portfolio .single-por.type3 .wrap-content-por .por-gallery-share .share_social { border-top: none; } .wrap-portfolio .single-por.type3 .wrap-content-por .content-info { flex: 0 0 320px; } @media (max-width: 991px) { .wrap-portfolio .single-por.type3 .wrap-content-por .content-info { flex: 0 0 100%; } } .wrap-portfolio .single-por.type3 .wrap-content-por .content-info .info-por { flex: 0 0 320px; } .wrap-portfolio .single-por.type3 .wrap-content-por .content-info .info-por > div { margin-bottom: 19px; } .wrap-portfolio .single-por.type3 .wrap-content-por .content-info .info-por label { display: block; font-size: 17px; line-height: 26px; color: #202b5d; font-weight: 500; margin: 0 0 1px 0; } .wrap-portfolio .single-por.type3 .wrap-content-por .content-info .info-por a, .wrap-portfolio .single-por.type3 .wrap-content-por .content-info .info-por span { font-size: 17px; line-height: 26px; color: #62718d; } .wrap-portfolio .single-por.type3 .wrap-content-por .content-info .info-por .share_social { padding: 0 0 0 0; border-bottom: none; border-top: none; text-align: left; } .wrap-portfolio .single-por.type3 .wrap-content-por .content-info .info-por .share_social .ova_label { font-size: 17px !important; line-height: 26px; color: #202b5d; font-weight: 500; margin-bottom: 14px !important; } .wrap-portfolio .single-por.type3 .wrap-content-por .content-info .info-por .share_social a { color: #fff; } .wrap-portfolio .single-por.type3 .single-foot-por .share_social { padding: 45px 0 0 0; border: none; } .wrap-portfolio .single-por.type3 .single-foot-por .ova-next-pre-post { margin-top: 80px; position: relative; padding-top: 30px; } .wrap-portfolio .single-por.type3 .single-foot-por .ova-next-pre-post:after { content: ''; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 5000px; height: 1px; background: #eeeeee; } .wrap-portfolio .single-por .por-gallery { display: grid; grid-gap: 30px; margin-bottom: 80px; } .wrap-portfolio .single-por .por-gallery .item-gallery a { display: block; position: relative; } .wrap-portfolio .single-por .por-gallery .item-gallery a:hover:after { background: rgba(32, 43, 93, 0.2); } .wrap-portfolio .single-por .por-gallery .item-gallery a:after { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: rgba(32, 43, 93, 0); transition: 0.4s; } .wrap-portfolio .single-por .single-foot-por .share_social { border-top: none; padding: 75px 0 95px 0; border-bottom: 1px solid #eeeeee; } .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px; margin-bottom: 110px; } @media (max-width: 767px) { .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post { flex-direction: column; } } .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .pre, .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .next { display: flex; flex: 0 0 calc(50% - 25px); } @media (max-width: 767px) { .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .pre, .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .next { flex: 0 0 100%; } } .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .pre:hover .num-1 .icon i, .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .next:hover .num-1 .icon i { color: #fff; } .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .pre .num-1, .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .next .num-1 { margin-right: 20px; } .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .pre .num-1 .icon, .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .next .num-1 .icon { display: inline-block; width: 50px; height: 50px; border: 2px solid #eaeaea; border-radius: 50%; position: relative; transition: 0.4s; vertical-align: middle; } .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .pre .num-1 .icon i, .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .next .num-1 .icon i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; line-height: 1; color: #62718d; } .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .pre .num-1 .icon i:before, .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .next .num-1 .icon i:before { transition: 0.4s; margin: 0px; font-size: 28px; } .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .pre .num-2 span.text-label, .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .next .num-2 span.text-label { font-size: 17px; line-height: 22px; letter-spacing: 0.2px; font-weight: 400; margin-bottom: 4px; display: inline-block; } .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .pre .num-2 .title, .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .next .num-2 .title { display: block; font-size: 20px; line-height: 24px; font-weight: 600; color: #202b5d; margin-top: -3px; word-break: break-word; } .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .ova-slash { display: inline-block; flex: 0 0 50px; display: flex; justify-content: center; align-items: center; } @media (max-width: 767px) { .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .ova-slash { display: none; } } .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .ova-slash span { width: 7px; height: 7px; border-radius: 50%; background: #bcbfce; display: inline-block; } .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .ova-slash span:not(:last-child) { margin-right: 6px; } .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .pre { padding-right: 15px; } @media (max-width: 767px) { .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .pre { padding-right: 0px; } } .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .next { flex-direction: row-reverse; padding-left: 15px; } @media (max-width: 767px) { .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .next { flex-direction: row; margin-top: 60px; padding-left: 0px; } } .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .next .num-1 { margin: 0px; margin-left: 20px; } @media (max-width: 767px) { .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .next .num-1 { margin-left: 0px; margin-right: 20px; } } .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .next .num-2 { text-align: right; } @media (max-width: 767px) { .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .next .num-2 { text-align: left; } } .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post a { display: flex; align-items: center; } .wrap-related-por { background: #f6f6f6; padding: 74px 0 110px 0; margin-top: -80px; } .wrap-related-por .related-por-inner { max-width: 1270px; margin: 0 auto; padding: 0px 10px; } @media (max-width: 767px) { .wrap-related-por .related-por-inner { padding: 0 20px; } } .wrap-related-por .title-related { margin: 0; font-size: 30px; line-height: 1.2; font-weight: 700; letter-spacing: 0.2px; color: #202b5d; text-align: center; margin-bottom: 32px; } .wrap-related-por .related-por { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; } @media (max-width: 991px) { .wrap-related-por .related-por { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .wrap-related-por .related-por { grid-template-columns: 1fr; } } .wrap-related-por .related-por .ovapor-item { position: relative; overflow: hidden; } .wrap-related-por .related-por .ovapor-item:hover .content-item { top: calc(100% - 150px); } .wrap-related-por .related-por .ovapor-item:hover > a:after { height: 100%; } .wrap-related-por .related-por .ovapor-item:hover > a:before { display: none; } .wrap-related-por .related-por .ovapor-item:hover .content-item .readmore a { background: #fff; } .wrap-related-por .related-por .ovapor-item:hover .content-item .readmore a svg { color: #404040; } .wrap-related-por .related-por .ovapor-item:hover .content-item .readmore a:hover svg { color: #fff; } .wrap-related-por .related-por .ovapor-item > a { display: inline-block; z-index: 2; transition: 0.3s; position: relative; } .wrap-related-por .related-por .ovapor-item > a:after { content: ''; width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8)); z-index: 1; transition: 0.2s; } .wrap-related-por .related-por .ovapor-item .number-gallery { display: inline-flex; background: rgba(0, 0, 0, 0.3); color: #fff; padding: 1px 15px 1px 15px; border-radius: 50px; position: absolute; top: 15px; right: 15px; z-index: 2; } .wrap-related-por .related-por .ovapor-item .number-gallery span { font-size: 15px; line-height: 24px; font-weight: 600; display: inline-block; margin-left: 6px; } .wrap-related-por .related-por .ovapor-item .number-gallery svg { width: 18px; } .wrap-related-por .related-por .ovapor-item .content-item { position: absolute; top: calc(100% - 75px); left: 15px; margin-left: 10px; transition: 0.4s; z-index: 2; } .wrap-related-por .related-por .ovapor-item .content-item .category { margin-bottom: 1px; } .wrap-related-por .related-por .ovapor-item .content-item .category span, .wrap-related-por .related-por .ovapor-item .content-item .category a { font-size: 16px; line-height: 24px; color: #ccc; } .wrap-related-por .related-por .ovapor-item .content-item .title { margin: 0; font-size: 24px; line-height: 1.2; font-weight: 700; margin-bottom: 19px; } .wrap-related-por .related-por .ovapor-item .content-item .title a { font-size: 24px; line-height: 1.2; font-weight: 700; color: #fff; } .wrap-related-por .related-por .ovapor-item .content-item .readmore a { display: inline-flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; } .wrap-related-por .related-por .ovapor-item .content-item .readmore a:hover { background: #06163A; } .wrap-related-por .related-por .ovapor-item .content-item .readmore a svg { width: 26px; color: #fff; height: 26px; } .ova_por_slide.por_element .ovapor-item { position: relative; overflow: hidden; } .ova_por_slide.por_element .ovapor-item:hover .content-item { top: calc(100% - 150px); } .ova_por_slide.por_element .ovapor-item:hover > a:before { display: none; } .ova_por_slide.por_element .ovapor-item:hover > a:after { height: 100%; } .ova_por_slide.por_element .ovapor-item > a { display: block; position: relative; z-index: 1; } .ova_por_slide.por_element .ovapor-item > a:before { content: ''; width: 100%; height: 100%; position: absolute; background: #202b5d; top: 0; left: 0; z-index: 1; opacity: 0; } .ova_por_slide.por_element .ovapor-item > a:after { content: ''; width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8)); z-index: 1; } .ova_por_slide.por_element .ovapor-item .number-gallery { display: inline-flex; background: rgba(0, 0, 0, 0.3); color: #fff; padding: 1px 15px 1px 15px; border-radius: 50px; position: absolute; top: 15px; right: 15px; z-index: 2; } .ova_por_slide.por_element .ovapor-item .number-gallery span { font-size: 15px; line-height: 24px; font-weight: 600; display: inline-block; margin-left: 6px; } .ova_por_slide.por_element .ovapor-item .number-gallery svg { width: 18px; } .ova_por_slide.por_element .ovapor-item .content-item { position: absolute; top: calc(100% - 75px); left: 15px; margin-left: 10px; transition: 0.4s; z-index: 3; } .ova_por_slide.por_element .ovapor-item .content-item .category { margin-bottom: 1px; } .ova_por_slide.por_element .ovapor-item .content-item .category span, .ova_por_slide.por_element .ovapor-item .content-item .category a { font-size: 16px; line-height: 24px; color: #ccc; } .ova_por_slide.por_element .ovapor-item .content-item .title { margin: 0; font-size: 24px; line-height: 1.2; font-weight: 700; margin-bottom: 19px; } .ova_por_slide.por_element .ovapor-item .content-item .title a { font-size: 24px; line-height: 1.2; font-weight: 700; color: #fff; } .ova_por_slide.por_element .ovapor-item .content-item .readmore { padding-top: 2px; } .ova_por_slide.por_element .ovapor-item .content-item .readmore a { display: inline-flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; background: #fff; } .ova_por_slide.por_element .ovapor-item .content-item .readmore a svg { width: 26px; color: #404040; height: 26px; } .ova_por_slide.por_element .ovapor-item .content-item .readmore a:hover svg { color: #fff; } .ova_por_slide.por_element .owl-dots { text-align: center; margin-top: 62px; } .ova_por_slide.por_element .owl-dots .owl-dot { outline: none; } .ova_por_slide.por_element .owl-dots .owl-dot span { width: 6px; height: 6px; margin: 5px; background: #d1d1d6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } .ova_por_slide.por_element .owl-dots .owl-dot.active span { width: 12px; border-radius: 5px; opacity: 1; }