.portfolio-thumb{cursor:pointer;margin-bottom:10px;position:relative;overflow:hidden}.portfolio-thumb img{margin:auto;display:block;overflow:hidden}@media only screen and (max-width:600px){.portfolio-thumb img{width:100%}}.portfolio-thumb .hover-content{height:100%;height:100%;width:100%;opacity:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#03dedfe6;padding:20px;transition:transform .1s,opacity .1s,-webkit-transform .1s;position:absolute;top:0;left:0}.portfolio-thumb .hover-content .hover-text{color:#fff;font-size:25px;display:block;inset:0}.portfolio-thumb .hover-content .hover-details{text-transform:uppercase;display:inherit;color:#fff;padding:15px 0;font-size:20px;font-weight:500;position:absolute;left:0;right:0;transform:translateY(-50%);top:50%!important}.portfolio-thumb .hover-content .hover-details h5{text-transform:uppercase;display:inherit;color:#fff;margin-bottom:0;padding:0;font-size:20px;font-weight:500}.portfolio-thumb .hover-content .hover-details span{text-transform:uppercase;display:inherit;padding:0;font-size:12px;font-weight:400}.portfolio-thumb:hover .hover-content{opacity:1}.portfolio-grid{width:100%;margin:0 -15px;display:block}.portfolio-grid .item{padding:0}.portfolio-menu>li>a{text-transform:uppercase;color:#fff;padding:0 0 1px;font-size:14px;font-weight:300;line-height:3em;display:inline}.portfolio-menu>li>a:after{content:"";width:100%;height:100%;z-index:5;position:absolute;top:0;left:0}.portfolio-menu li>input[type=radio]{color:var(--color-link-hover)}.portfolio-menu a.active:before{content:none}.portfolio-menu input[type=checkbox]{display:none}.portfolio-menu .chkbx:checked+a:before{content:none}.portfolio-menu .dropdown-menu{border-radius:0;margin:0;padding:0;border-color:#ebebeb!important}@media only screen and (max-width:767px){.portfolio-menu:not(.style-two){text-align:center;padding-top:15px}.portfolio-menu:not(.style-two) .dropdown-menu{left:-65px!important}}.portfolio-menu .dropdown-menu li a{color:#0d1422;border-bottom:1px solid #ebebeb;padding:10px 15px;font-size:14px;font-weight:500;display:block}.portfolio-menu .dropdown-menu li a.active{color:#fff;background:#03dedf}.portfolio-menu .dropdown-menu li:last-child a{border-bottom:0}.portfolio-menu.style-two li{padding:5px;display:inline-block}.portfolio-menu.style-two li a{border:1px solid #ddd;border-radius:30px;padding:10px 30px;display:block}.portfolio-menu.citrus-theme .dropdown-menu li a:hover,.portfolio-menu.citrus-theme .dropdown-menu li a:focus,.portfolio-menu.citrus-theme .dropdown-menu li a:active{background-color:#94b800!important}.portfolio-menu.orange-theme .dropdown-menu li a:hover,.portfolio-menu.orange-theme .dropdown-menu li a:focus,.portfolio-menu.orange-theme .dropdown-menu li a:active{background-color:#ffa800!important}.container-portfolio{padding:45px 0}@media only screen and (min-width:850px){.container-portfolio{width:70%;margin:auto}}@media only screen and (min-width:1368px){.container-portfolio{width:924px;margin:auto}}.container-portfolio .single-post .entry-title{font-size:30px}.portfolio-details-block .portfolio-header .portfolio-title{text-transform:uppercase;font-size:22px;font-weight:700}.portfolio-details-block .portfolio-header .portfolio-cat{font-size:14px}.portfolio-details-block .portfolio-header .portfolio-cat a{color:#03dedf}.portfolio-details-block .portfolio-header .portfolio-other{color:#1d1d1f;margin-top:10px;margin-bottom:35px;font-size:14px;position:relative}.portfolio-details-block .portfolio-header .portfolio-other .rating i{color:#03dedf}.portfolio-details-block .portfolio-header .portfolio-other .devider{padding:0 5px}.portfolio-details-block .portfolio-header .portfolio-other:after{content:"";width:30px;height:2px;background:#ddd;position:absolute;bottom:-15px;left:0}.portfolio-details-block .portfolio-details .project-details td,.portfolio-details-block .portfolio-details .project-details th{color:#1d1d1f;border-bottom:1px solid #ebebeb;border-radius:0;padding:10px 0;font-size:15px;font-weight:400}.portfolio-details-block .portfolio-details .project-details tr:last-child td,.portfolio-details-block .portfolio-details .project-details tr:last-child th{border-bottom:0}.portfolio-details-block .project-demo-btn{margin-top:30px;margin-bottom:45px}.portfolio-details-block .project-demo-btn .project-btn{text-transform:uppercase;letter-spacing:.015em;color:#1d1d1f;background:0 0;border:1px solid #ebebeb;border-radius:30px;margin-bottom:15px;margin-right:20px;padding:15px 45px;font-size:14px;font-weight:600}.portfolio-details-block .project-demo-btn .project-btn:hover{color:#03dedf;border-color:#03dedf}.portfolio-details-block .portfolio-related-title{text-transform:uppercase;margin-bottom:45px;font-size:30px;font-weight:700}.portfolio-details-block .owl-nav>div{text-align:center;color:#03dedf;margin:0 5px;font-size:60px;display:inline-block;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-details-block .owl-nav>div.disabled{color:inherit;cursor:not-allowed}.portfolio-details-block .owl-nav .owl-next{right:-105px}.portfolio-details-block .owl-nav .owl-prev{left:-105px}.portfolio-related-slider .item img{max-height:200px;object-fit:cover}@media only screen and (max-width:767px){.portfolio-details-block .owl-nav{display:none}}.case-item{cursor:pointer;margin:15px 0 0;padding:15px}.case-item .img-fluid{width:100%}.portfolio-thumb{margin-bottom:0}.portfolio-menu{width:643px;height:129px;opacity:0;flex-wrap:wrap;align-content:center;align-items:center;margin:0;padding:0 0 20px;list-style:none;transition:all .3s;display:none;position:absolute;top:0}.preview-visible .portfolio-menu{display:none}.frame.content--hidden{z-index:-1}.preview-visible .frame.content--hidden{z-index:30}.portfolio-menu__item:hover{cursor:pointer;text-decoration:underline}.frame__page-title.active+.portfolio-menu{opacity:1}.frame__page-title{color:#fff;transition:all .3s}.frame__page-title.active{color:var(--color-link-hover)}.portfolio-menu li{margin-right:15px}.frame__page-menu.opened+.frame__links{opacity:0}.frame__links{text-align:right;grid-area:links}.frame__links svg{fill:currentColor;width:16px;height:16px;position:relative;bottom:-3px;right:0}.preview .hide_vid .preview__img-inner{opacity:1}.preview .hide_vid video.preview__vid{opacity:0}.preview video.preview__vid{width:100%;height:100%;opacity:1;transition:1900 opacity;position:absolute;top:0;left:0}@media screen and (min-width:53em){.case{margin-bottom:0}.case__meta{padding-top:30px;line-height:1.3em}.case-item{margin:0}.case__title{font-size:clamp(1.25rem,3vw,2rem);line-height:1.3em}.preview{grid-column-gap:10vw;grid-row-gap:1rem;grid-template-rows:1fr auto auto;grid-template-columns:repeat(4,1fr);display:grid}.preview__title,.preview__back{margin:0}}.case__title{text-transform:none;margin-bottom:.5rem;font-size:1.1rem;font-weight:300}.case__img{width:100%;aspect-ratio:500/333;position:relative;overflow:hidden}.case__img-inner{width:100%;height:100%;background-position:50% 45%;background-size:cover}.case__desc{margin-top:2.5rem;line-height:1.1}.case__link{cursor:pointer;text-transform:lowercase;width:100%;color:var(--color-text);text-align:center}.overlay{width:100%;height:100%;pointer-events:none;grid-template-rows:repeat(2,1fr);grid-template-columns:100%;display:grid;position:fixed;top:0;left:0}.overlay__row{background:var(--color-overlay);will-change:transform;transform:scaleY(0)}.overlay__row:first-child{transform-origin:50% 0}.overlay__row:last-child{transform-origin:50% 100%}.previews{pointer-events:none;height:100%;grid-area:content;position:relative}.preview{opacity:0;pointer-events:none;width:100%;height:100%;color:var(--color-text-alt);position:absolute;top:0}.preview--current{opacity:1;pointer-events:auto;scrollbar-color:#888 #252525;scrollbar-width:thin;overflow:auto}.preview--current::-webkit-scrollbar{width:3px;height:0}.preview--current::-webkit-scrollbar-button{height:0;background-color:#888}.preview--current::-webkit-scrollbar-track{background-color:#494949}.preview--current::-webkit-scrollbar-track-piece{background-color:#494949}.preview--current::-webkit-scrollbar-thumb{height:30px;background-color:#888}.preview--current::-webkit-scrollbar-corner{background-color:#0000}.preview__img{width:100%;min-height:50vh;pointer-events:none;will-change:transform;grid-area:1/1/2/-1;position:relative;overflow:hidden;transform:translateY(-101%)}.preview__img-inner{width:100%;height:100%;min-height:30vh;will-change:transform;opacity:0;background-position:50%;background-size:cover;transition:opacity 1.7s;transform:translateY(101%)}.preview__title{color:#fff;white-space:nowrap;grid-area:1/1/2/-1;place-self:center;margin:2rem 0;font-size:clamp(2rem,18vw,15rem);font-weight:300;line-height:.7;transition:opacity .3s}.preview__img+.preview__title{opacity:0}.preview__img.hide_vid+.preview__title{opacity:1}.preview__title span{padding-top:3%;line-height:.7}.preview__column p{opacity:0;line-height:1.1}.preview__column>span{display:block}.preview__column-title{margin-top:0;font-size:1rem;font-weight:300}.preview__column-title:not(.preview__column-title--main){color:var(--color-column-title)}.preview__column--start{grid-area:2/1/3/3}.preview__column:not(.preview__column--start){grid-row:2/span 2}.preview__back{stroke:rgba(3, 222, 223, 1);cursor:pointer;fill:none;grid-area:3/1/4/2;place-self:end start;margin:2rem auto;transition:all .3s;position:absolute;left:0}.preview__back:hover{stroke:var(--color-link-hover-alt)}@media screen and (max-width:53em){body{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab) 0 0/300% 1100%;overflow:auto}main{padding-top:20px}.portfolio-grid{margin:0}.case-item{padding:15px 0 0}.preview-visible main{overflow:hidden}.maincontent{margin-top:15px}.frame,.frame_footer{height:100px;align-content:center}.frame__links{text-align:left;padding-bottom:15px}.preview{height:67vh;overflow:auto}.preview--current{padding-top:15px}.preview__img{min-height:30vh}.preview__img+.preview__column,.preview__column+.preview__column{margin-top:25px}.portfolio-thumb .hover-content{display:none}.previews .preview__back{visibility:visible}.portfolio-menu{display:none}}