.subpage-container, .full-width {min-height: 400px; position: relative; width:100%;}
.portfolio-main .wrap {padding: 25px 20px;}
.portfolio-main #page-heading { text-align: center;}
/* .portfolio-main #page-heading {padding: 26px 0px 0px 10px; text-align: center;} */
.portfolio-main #portfolio-cats {margin-bottom: 12px; background: #fff; position: relative; z-index: 1;}
.portfolio-main #portfolio-cats li {display: inline-block; margin: 0px 3px;}
.portfolio-main #portfolio-cats li:last-of-type {margin-right: 0px;}
.portfolio-main #portfolio-cats li a {background: none; display: inline-block; padding: 6px 16px; margin-right: 0px; margin-bottom: 18px; text-align: center; font-size: 16px; color: #443f34; text-transform: uppercase; font-weight: 900; letter-spacing: 0px; outline: none;}
.portfolio-main #portfolio-cats li:last-child a {margin-right: 0px; padding: 6px 20px;}
.portfolio-main #portfolio-cats li a:hover,
.portfolio-main #portfolio-cats li a.active {background: #7e953e; border-radius: 6px; color: #fff;}
.portfolio-main #portfolio-cats a[data-filter=".all"] {display: none;}
.portfolio-main #portfolio-cats a[data-filter=".featured"] {display: none;}

/* Portfolio Item */

.loading {background: url(/wp-content/themes/supreme/inc/assets/images/new-page-images/inner-images/Fading-lines.gif) no-repeat center center; height: 200px !important; overflow: hidden;max-width: 100%;}
.opacity0 {-webkit-opacity: 0; -moz-opacity: 0; opacity: 0;}
.portfolio-content {display: block; float: left; width: 100%;max-width: 100%;}
.portfolio-item {display: block; overflow: hidden; margin-left: 0px !important; margin-bottom: 21px !important; margin-left:1% !important; margin-right:1% !important; padding: 0; max-width: 31.2%; width: 31.2%; position: relative; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease;}
.portfolio-item a {display: block; border-bottom: none; line-height: 29px; }
.portfolio-item a img {display: block; background: none; padding: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 100%; margin-bottom: 0;}

.page-template-page-casestudy-new-layout p.page-tagline-desc { color: #000; padding-top: 20px;}
/* Portfolio Overlay Title */

.portfolio-item div.overlay {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #333; background: rgba(126, 149, 62, .9); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;}
.portfolio-item:hover div.overlay,
.portfolio-item:active div.overlay {-webkit-opacity: 1; -moz-opacity: 1; opacity: 1;}
.portfolio-item header {display: -moz-flex; display: -webkit-flex; display: -ms-flex; display: flex; -moz-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -moz-align-items: center; -webkit-align-items: center; -ms-align-items: center; align-items: center; -moz-justify-content: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; position: absolute; left: 0; bottom: 0%; width: 100%; height: 100%; padding: 1em; border-bottom: 0; color: #ffffff; text-align: center; text-decoration: none; z-index: 3; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
.portfolio-item:hover header {bottom: 0;}

.portfolio-item header h3 a {text-transform: uppercase; font-size: 24px; font-weight: 900; color: #fff; letter-spacing: 2px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
.portfolio-item header:hover h3 a {font-size: 24px;}
.portfolio-item header>a {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}


/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s;}
.isotope {-webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width;}
.isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity;}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {-webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s;}


.archive-casestudies .thrive-breadcrumb:before {top:-18px;}


#portfolio-subcategories {background-color: #698237; display: none; padding: 10px;}
.space30 {margin: 30px 0px 0px;}


body.page-id-71 .project_list .project {background: #fff; border:6px solid #f1f2ea; padding: 10px;}
body.page-id-71 .project_list .project:hover {border:6px solid #7e953e;}
body.page-id-71 .project_list .project a.screenshot {background: #fff; display: block; -webkit-transition: margin linear 250ms;}
body.page-id-71 .project_list .project h4 {font-size:19px; color: #7e953e; text-decoration:none; text-align: center; display: block; padding: 14px 0px 0px 0px; clear: both; font-weight: 700; margin-bottom: 0px;}	
body.page-id-71 .project_list .project h4 a:hover{color: #573f30;}
body.page-id-71 .project_list .project a.screenshot img {display: block; float: none; max-width: 100%;}

 

.portfolio-content-custom .portfolio-content {display: flex; flex-wrap: wrap;}
.portfolio-content-custom .portfolio-item.opacity0 {opacity: 1;}
.portfolio-content-custom article.portfolio-item.logo-designs img {display: block;}
.portfolio-content-custom .portfolio-item div.overlay{height:100%!important;}


.page-id-10216 h2.fl-heading {font-size: 34px !important; font-family: 'ProximaNova-Extrabld', Arial; line-height: 40px;}
 
.video-brand-service .fl-row-content-wrap,
.aerial-tour .fl-row-content-wrap {border-bottom: 1px solid #d1d1d1;}

.video-brand-service .video-brand-left {border-right: 1px solid #d1d1d1;}

.video-brand-service h6,
.aerial-tour h5,
.video-production-steps h5 {font-weight: 400; font-size: 21px;} 
.page-id-10216 .video-production-steps h5 {padding: 20px 0px 16px 0px;}

.video-production-steps .fl-module-photo .fl-module-content.fl-node-content {margin: 0;}
.video-production-steps img {display: inline-block !important; max-width:50px!important; height: 100%!important; object-fit: contain; width: 100%; margin-right: 15px; padding-top:10px;}
.fl-col-group.fl-node-0lti3mc5yvp1 { width: 100%; max-width: 1000px; margin: 0 auto; padding: 0px 16px;}
body .ttshowcase_info .ttshowcase_rating i.fa.fa-star{padding-right:0!important;} 
body .ttshowcase_info .ttshowcase_rating i.fa.fa-star:before {background: url(/wp-content/themes/thrive-agency/images/new-star_icon.svg) no-repeat; width:24px; height:24px; display:block; content:"";}
#ttshowcase_0 .ttshowcase_wrap.tt_theme_quotes{position: relative; overflow: hidden; max-height: 268px;}
#ttshowcase_0 .bx-wrapper .ttshowcase_wrap.tt_theme_quotes{max-height:initial; overflow: initial;}


.video-full-wh .fl-col-group .fl-col{width:100%;}
.video-full-wh .main-video{padding-top:56.3%; position: relative; width:100%;}
.video-full-wh .main-video iframe{position:absolute; top:0; left:0; height:100%; width:100%; right:0; bottom:100%;}
.video-full-wh .hytPlayerWrap {display: inline-block;position: relative;}
.video-full-wh .hytPlayerWrap.ended::after {
        content:"";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        cursor: pointer;
        background-color: black;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 64px 64px;
        background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);
    }
.video-full-wh .hytPlayerWrap.paused::after {
        content:"";
        position: absolute;
        top:0px;
        left: 0;
        bottom:0px;
        right: 0;
        cursor: pointer;
        background-color: black;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 40px 40px;
        background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEiIHdpZHRoPSIxNzA2LjY2NyIgaGVpZ2h0PSIxNzA2LjY2NyIgdmlld0JveD0iMCAwIDEyODAgMTI4MCI+PHBhdGggZD0iTTE1Ny42MzUgMi45ODRMMTI2MC45NzkgNjQwIDE1Ny42MzUgMTI3Ny4wMTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
    }






/* NEW CSS 24-11-2022 */

/* .new-case-study-design .custom-filter-case-study .filter .filter_select { */
   
    /* background: url(/wp-content/themes/thrive-agency/images/down-filled-arrow.png)no-repeat right 15px center; */
    /* background-size: 11px; appearance: none; font-size: 18px; outline:none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:16px;} */
.new-case-study-design .custom-filter-case-study .filter {
    /* width: 100%; */
    padding: 0 20px 20px 0;
}

.new-case-study-design .custom-filter-case-study {
    display: flex;
    margin: 0;
    padding: 0;
    max-width: 100%;
    justify-content: center;
}

.new-case-study-design .custom-filter-case-study .flexContent{
    display: flex;
    gap: 20px 40px;
    flex-wrap: wrap;
}

.page-id-5266 .custom-filter-case-study .filter .filter_select {
    background: url(/wp-content/themes/thrive-agency/images/down-filled-arrow.png)no-repeat right 15px center !important;
    font-size: 18px !important;
    border: 1px solid #ddd;
    padding: 12px 10px;
    width: 100%;
    border-radius: 6px;
    appearance: none;
    background-color: transparent !important;
    background-size: 11px !important; outline:none;
}
.new-case-study-design .portfolio-item header h3.post-title {
    color: #FFF;
     font-size: 27px; 
}

@media only screen and (max-width: 768px) { 
	
.video-production-steps .fl-module-rich-text .fl-module-content.fl-node-content {margin-left: 20px; text-align: center;}
.video-brand-service .video-brand-left {border-right: 0;position: relative; max-width:100%;}
.video-brand-service .video-brand-right {max-width:100%;}
.video-brand-service {overflow: hidden;}
.video-brand-service .video-brand-left .fl-col-content:before {content:"";  position: absolute; left: -50vw; right: -50vw;bottom: 0; height: 1px; background-color: #d1d1d1;}

}

@media only screen and (max-width: 767px) {
	
#portfolio-wrap .portfolio-item {width: 100%; max-width: 100%;}
body #portfolio-wrap .portfolio-item {margin-left: 0% !important; margin-right: 0% !important; margin-bottom: 15px!important;}

.portfolio-main #page-heading.wrap-case-study-filter {padding: 25px 0 10px 0;}
.new-case-study-design .custom-filter-case-study {padding: 0; flex-wrap: wrap;}	
.new-case-study-design .custom-filter-case-study .filter {width: 100%; padding: 0 0 10px; max-width: 100%;}

}


@media only screen  and (min-width:768px) and ( max-width:960px) {

body .portfolio-content .portfolio-item,	
body.page-id-71 .project_list .project.portfolio-item,
body.page-template-page-logodesign .portfolio-item{width:100%!important; max-width:48%!important;}
.portfolio-main #page-heading.wrap-case-study-filter {padding: 25px 0 0 0;}	
.new-case-study-design .custom-filter-case-study {flex-wrap: wrap;}
.new-case-study-design .custom-filter-case-study .filter {width: 50%; padding: 0 1% 15px;}

} 
 
@media only screen  and (min-width:768px) and ( max-width: 1182px) {
	
.page-template-video-page .entry-header h1 {padding-top: 140px !important;}

}

/* case study */
.case-s-info { display: none;}
body.page-template-page-casestudy-new-layout section.portfolio-main .wrap {  max-width: 100% !important; padding: 0;}
body.page-template-page-casestudy-new-layout .portfolio-main #page-heading {   padding: 40px 0px 20px 10px;  text-align: center;  max-width: 1092px; margin: 0 auto;}
body.page-template-page-casestudy-new-layout .portfolio-item div.overlay {background-color: rgb(68 63 53 / 50%); transition: 0.6s all ease-in-out; opacity: unset;}
body.page-template-page-casestudy-new-layout .portfolio-item:hover div.overlay { background-color: rgb(68 63 53 / 85%);}
body.page-template-page-casestudy-new-layout .portfolio-item:hover:after {background-color: inherit;  transform: scale(1.5);    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
body.page-template-page-casestudy-new-layout .portfolio-item div.overlay>header { justify-content: flex-end;  align-items: center;}
body.page-template-page-casestudy-new-layout .portfolio-content .portfolio-item:hover header h3 {transform: scale(1);}
body.page-template-page-casestudy-new-layout .portfolio-item div.overlay>header h3 { transform: translateY(40px) !important;  transition: 0.6s all ease-in-out;  font-family: 'ProximaNova-Extrabld', Arial; opacity: 0;}
body.page-template-page-casestudy-new-layout.portfolio-main #page-heading { padding: 40px 0px 20px 10px; text-align: center;  max-width:1060px;  margin: 0 auto;}
body.page-template-page-casestudy-new-layout .overlay .case-s-info { display: flex;  justify-content: center; align-items: center; height: 100%; z-index: 999;  color: #fff;}
body.page-template-page-casestudy-new-layout .case-s-info { position: absolute; top: 50%; left: 50%;  transform: translate(-50%, -50%) scale(1);  color: #fff; transition: all 0.6s ease;text-align: center;}
body.page-template-page-casestudy-new-layout .case-s-info h4 { font-size: 100px; color: #fff;line-height: 91px;font-family: 'ProximaNova-Extrabld', Arial; display: flex; justify-content: center;}
body.page-template-page-casestudy-new-layout .case-s-info span { font-size: 18px;font-family: 'ProximaNova-Extrabold', Arial;display: block;}
body.page-template-page-casestudy-new-layout .case-s-info p{font-size: 20px;font-family: 'ProximaNova-Extrabold', Arial;}
body.page-template-page-casestudy-new-layout .portfolio-content .portfolio-item img { transition: transform 0.6s,scale(1.3);}
body.page-template-page-casestudy-new-layout .portfolio-content .portfolio-item:hover img { transform: scale(1);}
body.page-template-page-casestudy-new-layout .new-case-study-design .portfolio-item header h3.post-title {font-size: 21px;font-family: 'ProximaNova-Extrabld', Arial;}
body.page-template-page-casestudy-new-layout .portfolio-content .portfolio-item { margin: 0px!important;}
body.page-template-page-casestudy-new-layout .portfolio-item div.overlay h3.post-title {line-height: 23px;}
body.page-template-page-casestudy-new-layout .case-study-main-wrap { padding: 0px 0px 72px 0px;}
body.page-template-page-casestudy-new-layout  .casestudy-content img{padding:23px 0px 0px 0px; width: 100%;}
body.page-template-page-casestudy-new-layout .casestudy-content { padding-bottom:20px;}
body.page-template-page-casestudy-new-layout .fl-node-9t0nz7j6g5ae .fl-module-content { margin: 0 20px;}
body.page-template-page-casestudy-new-layout .portfolio-content .portfolio-item {max-width: 25% !important;width: 25% !important;margin: 0 !important;} 
body.page-template-page-casestudy-new-layout .portfolio-content .portfolio-item .case-s-info h3{color: #fff; font-family: 'ProximaNova-Extrabld', Arial;}
body.page-template-page-casestudy-new-layout .fl-col.fl-node-ntwe4dkcz95v {width: 100%;}
body.page-template-page-casestudy-new-layout .whatyou-see { background-color: #738942;padding: 50px 20px;}
body.page-template-page-casestudy-new-layout .whatyou-see h2 { color: #fff; font-size: 42px;line-height: 52px; text-align: center;  font-family: 'ProximaNova-Extrabld', Arial;}
html body.page-template-page-casestudy-new-layout .whatyou-see .getproposal-btn a { position: relative; padding: 8px 53px 8px 31px !important;}
html body.page-template-page-casestudy-new-layout .whatyou-see .getproposal-btn a:hover span{color: #fff !important;}
html body.page-template-page-casestudy-new-layout .whatyou-see .getproposal-btn a:hover { background: #738942 !important;  color: #ffffff !important;  border: 2px solid #fff !important;}
body.page-template-page-casestudy-new-layout .whatyou-see .getproposal-btn a:after {  content: "";  position: absolute;  background: url(/wp-content/themes/thrive-agency/images/custom-svg-arrow-white.svg) no-repeat center; width: 20px;height: 20px; right: 22px; top: 13px;}
 body.page-template-page-casestudy-new-layout .whatyou-see p{color:#fff;font-family: 'ProximaNova-regular', Arial;line-height: 35px; font-size: 20px;}
 body.page-template-page-casestudy-new-layout .whatyou-see .fl-module-content {  margin: 0; }
 body.page-template-page-casestudy-new-layout .case-s-info { display:block;  width: 100%;z-index: 1;}
body.page-template-page-casestudy-new-layout sub { bottom: 0em;font-size: 60px;}
body.page-template-page-casestudy-new-layout .case-study-thumbnail {border-left: 1px solid #ccc; border-top: 1px solid #ccc;  position: relative;} 
body.page-template-page-casestudy-new-layout .filterable-portfolio {  position: relative; overflow: hidden;}
body.page-template-page-casestudy-new-layout .case-study-thumbnail img {height:400px; object-fit: cover; width: 100%;}
body.page-template-page-casestudy-new-layout div#portfolio-wrap {  overflow: hidden;  position: relative;}
body.page-template-page-casestudy-new-layout .thrive-breadcrumb { display: none;}
body.page-template-page-casestudy-new-layout .casestudy-content .innerwrap figure { width: 90%;text-align: center;}
body.page-template-page-casestudy-new-layout .portfolio-content .portfolio-item:hover header h3 { transform: translateY(0) !important;opacity: 1 !important;}
body.page-template-page-casestudy-new-layout .casestudy-content .innerwrap { padding: 0 30px;}
body.page-template-page-casestudy-new-layout .getproposal-btn{text-align: center;}
.getproposal-btn a { font-family: 'ProximaNova-Extrabld', Arial; font-weight: normal; border-radius: 50px!important;   background: #db7803 !important; border: 2px solid #db7803!important; text-transform: uppercase;   color: #fff;  display: inline-block; font-size: 20px!important;  line-height: 30px !important; letter-spacing: 1px; padding: 8px 20px !important; text-decoration: none; text-shadow: none;}

/* Media query */
@media(min-width:991px) and (max-width:1400px){
    body.page-template-page-casestudy-new-layout .case-s-info h4 {font-size:60px;line-height: normal;}
    body.page-template-page-casestudy-new-layout .case-s-info {  padding: 0px 10px;}

    }
    @media(min-width:1024px) and (max-width:1280px){
        body.page-template-page-casestudy-new-layout.case-s-info span {font-size: 16px;}
    }
    @media (min-width:991px) { 
    body.page-template-page-casestudy-new-layout .portfolio-content .portfolio-item .case-s-info h3{display: none;}
    
    body.page-template-page-casestudy-new-layout .portfolio-content .portfolio-item:hover .case-s-info {transform: translate(-50%, -50%) scale(0.7); opacity: 0.6;}
    
    body.post-type-archive-our-work .portfolio-content.isotope,
    body.page-template-page-casestudy-new-layout .portfolio-content.isotope {margin-left:-1px;  margin-right:-1px;  width:100.2%;}
    }
    
    @media(min-width:100px) and (max-width:960px){
    body.page-template-page-casestudy-new-layout .portfolio-content .portfolio-item .case-s-info h3{display: block;margin-top: 10px;}
    body.page-template-page-casestudy-new-layout .case-s-info {z-index: 1;}
    body.page-template-page-casestudy-new-layout .case-s-info h4 { font-size: 70px;  margin-bottom: 0px;line-height: 70px;}
    body.page-template-page-casestudy-new-layout .portfolio-item div.overlay>header { display: none;}
    body.page-template-page-casestudy-new-layout #portfolio-wrap .portfolio-item .overlay { opacity: 1;}
    body.page-template-page-casestudy-new-layout .portfolio-main #page-heading { padding: 40px 10px 20px 10px;}
    }

    @media(min-width:768px) and (max-width:960px){
    body.page-template-page-casestudy-new-layout .portfolio-content .portfolio-item {max-width:50%!important; width: 100%!important; }

    body.page-template-page-casestudy-new-layout .case-s-info { padding: 0 13px;}
    /* body.page-template-page-casestudy-new-layout .portfolio-content.isotope article:nth-child(odd) .case-study-thumbnail { border-left: none !important;} */
    }

    @media (max-width:820px){
    
       body.page-template-page-casestudy-new-layout .casestudy-content .innerwrap figure {  width: 100%; }
    
    }

    @media (min-width:768px){
        .body.page-template-page-casestudy-new-layout .casestudy-content {  padding-bottom: 29px;}
        .body.page-template-page-casestudy-new-layout .casestudy-content img {  padding-top: 20px;} 
    
    }
    @media(max-width:768px){
        body.page-template-page-casestudy-new-layout .hide-me-mobile-text {  display: block;   opacity: 1; visibility: visible;}
     }

     @media(min-width:100px) and (max-width:767px){
        body.page-template-page-casestudy-new-layout #portfolio-wrap .portfolio-item {margin: 0px !important;}
        body.page-template-page-casestudy-new-layout.portfolio-main #page-heading {  padding: 26px 10px 0px 10px; }
       body.page-template-page-casestudy-new-layoutarticle.isotope-item {  margin-bottom: 0px !important; }
       body.page-template-page-casestudy-new-layout .case-s-info {  transform: none; z-index: 99; left: 0; text-align: left; width: 100%;  padding: 0 18px;bottom: 40px; top: inherit;}
       body.page-template-page-casestudy-new-layout .whatyou-see p br { display: none;}
       
       body.page-template-page-casestudy-new-layout .portfolio-content .portfolio-item {max-width: 100%!important; width: 100%!important; }
       
       .hoverInfo { opacity: 1;}
       body.page-template-page-casestudy-new-layout .case-study-main-wrap { padding: 0px 0px 45px 0px;}
       body.page-template-page-casestudy-new-layout .casestudy-content { padding-bottom: 7px;}
       body.page-template-page-casestudy-new-layout .whatyou-see .getproposal-btn a:after {    top: 14px;  width: 17px; height: 17px;}
       
       body.page-template-page-casestudy-new-layout .whatyou-see h2 {  font-size: 36px;}
       body.page-template-page-casestudy-new-layout .whatyou-see {  padding: 50px 20px;}
       body.page-template-page-casestudy-new-layout .case-study-thumbnail { border-left: none; border-top: 1px solid #ccc; border-right: none;}
       

       
       }


/* portfolio lading page css started from here */
 .page-id-71 .overlay {display: none;}

 body.page-id-80253 {overflow-x: hidden;}
.page-id-80253 .portfolio-content .portfolio-item-inner a img {aspect-ratio: 962/678;} 
.page-id-80253 .space30>.wrap {max-width: 100%!important;}
 
.page-id-80253 select.for-mobile { border-radius: 8px;  padding: 11px; font-size: 16px;outline:none; height:42px;}
.page-id-80253 .portfolio-item .overlay{display: flex; align-items: self-end;  padding: 30px;}
.page-id-80253 .portfolio-item .overlay header h4 a {color: #fff;font-size: 28px; text-align: left;}
.page-id-80253 .portfolio-main .wrap {padding: 25px 0px 0px 0px;}
.page-id-80253 .portfolio-content .portfolio-item {margin: 0px!important;}
.portfolio-content .portfolio-item .hoverInfo h4 a {  color: #fff;}
.page-id-80253 .portfolio-content .portfolio-item h6 {font-size: 20px;color: #fff;font-weight: 100;position: relative;margin-bottom: 15px;}
.page-id-80253 .portfolio-content .portfolio-item h6:after {  content: " ";  display: block;  height: 2px; width: 50px;  position: absolute; left: 0; bottom: -7px; background: white;}
.page-id-80253 .portfolio-item.website:hover .overlay {background: rgb(126 149 62 / 80%);}
.page-id-80253 .portfolio-item.landing_page:hover .overlay { background-color: rgb(119 115 108 / 80%);}
.page-id-80253 .portfolio-item.branding:hover .overlay {background: rgb(245 218 94 / 80%);}
.page-id-80253 .portfolio-item.email:hover .overlay { background-color: rgb(106 131 56 / 60%);}
.page-id-80253 .portfolio-item.case_studies:hover .overlay { background-color: rgb(68 63 53 / 80%);}
.page-id-80253 .portfolio-item.social_media:hover .overlay {background: rgb(121 189 171 / 80%);}
.page-id-80253 .portfolio-item.video:hover .overlay {background: rgb(226 158 98 / 60%);}
.page-id-80253 .portfolio-content .portfolio-item {max-width: 25% !important;width: 25% !important;margin: 0 !important;} 
.page-id-80253 .portfolio-content .portfolio-item {margin-left: 0px!important;}
 

section.what-you-see {text-align: center;background: #698127;padding: 40px 0px;margin-top:0px;}
section.what-you-see .what-you-see-wrap h2 {color: #fff;font-size: 42px;padding-bottom: 14px;font-family: 'ProximaNova-Extrabld', Arial;}
section.what-you-see .what-you-see-wrap p {color: #fff;font-size: 20px;padding-bottom: 14px;}
.what-you-see-wrap {padding: 40px 0px;}
section.what-you-see .button a.primary-btn {background: #db7803;line-height: 30px;letter-spacing: 1px;position: relative;padding: 20px 40px 16px 20px;border-radius: 33px;border:2px solid #DB7803;}
section.what-you-see .button a.primary-btn span {color: #fff;font-family: 'ProximaNova-Extrabld', Arial;font-size: 22px;border-radius: 50px;text-transform: uppercase;}
section.what-you-see .button {margin-bottom: 11px;}
section.what-you-see .button i.svg-arrow:before {content: "";display: block;width: 19px;height: 19px;background: url(https://thriveagency.com/wp-content/themes/thrive-agency/images/banner-svg-white-arrow.svg) no-repeat center;background-size: 100%;position: absolute;right: -20px;top: -13px;}
section.what-you-see .button a.primary-btn i.svg-arrow {position: relative;
    color: #fff;position: relative; top: 0;display: inline-block;margin-left: 8px;margin-right: 0;font-size: 1.3em;height: auto;vertical-align: middle;width: auto;}

.page-id-80253 .full-width .thrive-breadcrumb:before, html body .thrive-breadcrumb:before{display:none!important;}
.page-id-80253 .full-width .thrive-breadcrumb:after, html body .thrive-breadcrumb:after{display:none ;}.page-id-80253 .site-container .thrive-breadcrumb{display:none;}
.page-id-80253 .space30 {margin: 0px;}
.page-id-80253 .portfolio-main #portfolio-cats {padding-top:9px;}
.page-id-80253 .portfolio-main #portfolio-cats li a{margin-bottom:2px}
.page-id-80253 .subpage-header .wrap {padding: 20px 20px 20px;}
.page-id-80253 .portfolio-main #portfolio-cats {margin-bottom: 10px;}
.page-id-80253 header.entry-header h2 {color: #707070!important;}
.page-id-80253 .portfolio-main #portfolio-cats li a {font-size: 18px;}
.page-id-80253 .portfolio-main #portfolio-cats li {margin: 0 17px;}
.page-id-80253 .hoverInfo h4 {color: #fff;}
.page-id-80253 .portfolio-main #portfolio-cats li a span {font-weight: bold; font-family: 'ProximaNova-Extrabld',Arial;}
.page-id-80253 .portfolio-content .portfolio-item h6 {font-size: 14px;}
.page-id-80253 .hoverInfo h4 {color: #fff; font-size: 26px;}
.page-id-80253 .portfolio-main #page-heading p {font-size: 18px; font-family: 'ProximaNova-Extrabld'; font-weight: bolder; color: #3E3E3E; text-align: left; margin-bottom: 7px;}
body.page-id-80253 section.what-you-see .button a.primary-btn:hover {background: transparent; border-color: #fff; color: #fff !important;}

.portfolio-our-work ul#filters {display:flex; justify-content:center; margin:10px 0 40px;}
.portfolio-our-work ul#filters li button {background:none; display:inline-block; padding:10px 16px; text-align:center; color: #443f34; letter-spacing:0px; outline:none; border: none; margin: 0 17px; border-radius:6px; cursor:pointer;}
.portfolio-our-work ul#filters li button span {height: 16px; display: block; line-height: 18px; font-weight: bold; font-family: 'ProximaNova-Extrabld',Arial; font-size: 18px; text-transform: uppercase;}
.portfolio-our-work ul#filters li button.is-checked {background:#7e953e; color:#fff;}


.portfolio-main .hidden{visibility:hidden; width:0px!important; height:0px!important; margin:0px!important; padding:0px!important;}

.portfolio-main .load-btn-back{ display:inline-block; width:100%;}
.portfolio-main .load-btn-back .load-button {display:none; background: #fff; border: 1px solid #D97927;width: 100%; max-width:200px;margin:50px auto 0; border-radius:30px; text-align: center; padding:0 8px; font-size: 20px; font-family: 'ProximaNova-Bold', Arial; cursor: pointer; color: #000; height: 50px; outline:none;}
.portfolio-main .load-button:hover {background: #db7803; color: #fff;} 

.page-id-80253 .site-container .project_list.space30 .wrap div#portfolio-wrap {position: relative; overflow: hidden;}

/* Media query */

@media(min-width:768px) and (max-width:960px){

body.page-id-80253 .portfolio-content .portfolio-item {max-width: 50%!important; width: 100%!important; }
.portfolio-content.isotope article:nth-child(odd) .case-study-thumbnail { border-left: none !important;}
}

@media (max-width:820px){
.page-id-80253 .portfolio-main #portfolio-cats li {margin: 0px 20px 0px;}
.page-id-80253 .portfolio-main #portfolio-cats li a {margin-bottom: 12px;}
.page-id-80253 .portfolio-main .wrap {padding: 0px 0px 0px 0px;}
}
@media (min-width:768px){
select.for-mobile {display: none;}
.page-id-80253 .portfolio-main #page-heading p {display: none;}
}

@media (min-width:767px){
.page-id-80253 .portfolio-content .portfolio-item-inner {position: relative; overflow: hidden;}
.page-id-80253 .portfolio-content .portfolio-item-inner a:before{content: ""; display: block; position: absolute; left:-5%; top: 0; height: 2px; width:110%; background: #FFF; z-index: 1;}
.page-id-80253 .portfolio-content .portfolio-item-inner a:after{position:absolute; right:0; top:-5%; height:110%; width:2px; background:#FFF; content:""; display:block; z-index: 0;}
}
@media(min-width:100px) and (max-width:767px){
body.page-id-80253 .portfolio-content .portfolio-item {max-width: 100%!important; width: 100%!important; } 
.page-id-80253 .portfolio-item .portfolio-item-inner .overlay { background: none!important; opacity: 1;}
.hoverInfo { opacity: 1;}
.page-id-80253 .subpage-header .wrap {padding: 20px 20px 20px;}
.page-id-80253 .portfolio-main #portfolio-cats li a {font-size: 18px;}
.page-id-80253 .portfolio-content .portfolio-item h6:after { height: 3px; background: #7D953C;}
.page-id-80253 .portfolio-item .portfolio-item-inner .overlay {background: rgb(2,0,36) !important; background: linear-gradient(0deg, rgba(2,0,36,0.9164040616246498) 0%, rgba(9,9,121,0) 49%, rgb(0 212 255 / 0%) 100%) !important;}
.page-id-80253 .portfolio-content .portfolio-item h6 { font-family: 'ProximaNova-Regular',Arial;}
.page-id-80253 .portfolio-content .portfolio-item-inner a:before{display:none;}
.page-id-80253 .portfolio-content .portfolio-item-inner a:after{display:none;}

body .portfolio-our-work ul#filters {display: none;}

}
@media (max-width:575px){

body.page-id-80253 div#portfolio-wrap .portfolio-content .portfolio-item {  margin-bottom: 0px!important;padding:0;}
section.what-you-see .what-you-see-wrap h2 {font-size: 36px;}
section.what-you-see .what-you-see-wrap p br {display: none;}
section.what-you-see .what-you-see-wrap p {word-spacing: 3px;line-height: 32px;font-size: 20px;padding-left: 15px;padding-right: 15px;}
.page-id-80253 ul#portfolio-cats {display: none;}
.page-id-80253 .portfolio-main #page-heading {padding: 26px 15px 26px 15px;}
.page-id-80253 .portfolio-item .overlay {padding: 20px 20px 12px 20px;}
.page-id-80253 .subpage-header header h1 {font-size: 46px !important;}
.page-id-80253 .subpage-header article header.entry-header h2 {font-size: 15px!important; color: #738942!important;}   
.page-id-80253 .content .subpage-header .wrap {padding: 40px 15px 3px!important;}
.page-id-80253 .portfolio-main #page-heading p {font-size: 16px;}
.page-id-80253 select.for-mobile {color: #707070;}

}

.cursor {position: absolute;width: 62px; height:auto;left: 0px;top: 0px;bottom:0;right:0; z-index:1;  pointer-events: none; z-index: 9999;}

@media (max-width: 992px){
}


/* body.page-template-template-case-study .case-study-main-wrap */

body.page-template-template-case-study .case-study-main-wrap{
    padding: 0;
}

/* caseStudyFilterWrap */

.custom-filter-case-study select{cursor: pointer;width: 250px; text-overflow: ellipsis; white-space: nowrap;}
.caseStudyFilterWrap{
    display: flex;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
    flex-wrap: wrap;
}
section.title--portfolio.apiDevlopmentWrap{
    position: relative;
    z-index: 1;
}
section.title--portfolio.apiDevlopmentWrap:after{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1;
}


/* @media (max-width:767px){
    .title--portfolio.apiDevlopmentWrap.caseStudyTitle{
        padding-top: 60px;
    }
} */