.solarsun_project_area {
  background: #fff;
  padding: 85px 0 100px;
}
.solarsun_project_area h3{text-align:center;font-size: 40px;line-height: 1.4;padding-bottom: 30px;}
.solarsun_project_area .witr_single_pslide {
  position: relative;
  overflow: hidden;
}

.solarsun_project_area .witr_pslide3 .witr_single_pslide {
  margin-bottom: 100px;
  overflow: inherit;
}

.solarsun_project_area .witr_pslide_image {
  overflow: hidden;
  position: relative;
}

.solarsun_project_area .witr_pslide_image:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: .5s;
  transition: .5s;
  z-index: 1;
  opacity: .5;
  background: #222429;
}

.solarsun_project_area .witr_pslide_image img {
  margin-right: auto;
  margin-left: auto;
  -webkit-transition: .5s;
  transition: .5s;
  width: 100%;
}

.solarsun_project_area .witr_single_pslide:hover .witr_pslide_image img,
.solarsun_project_area .witr_single_pslide:hover .witr_pslide_image:before {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.solarsun_project_area .ps2.ps1 .witr_content_pslide_text {
  position: absolute;
  bottom: auto;
  top: -100px;
  left: 30px;
  right: 30px;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0;
  z-index: 2;
  text-align: left;
}

.solarsun_project_area .all_pslides_color h3 a,
.solarsun_project_area .all_pslides_color h3 {
  font-size: 28px;
  color: #fff;
  font-family: var(--title-font-family);
}

.solarsun_project_area .witr_content_pslide_text h3 {
  margin-bottom: 0;
}

.solarsun_project_area .ps1 .witr_content_pslide_text h3 {
  color: #fff;
}

.solarsun_project_area .ps1 .witr_content_pslide_text p {
  color: #fff;
}

.solarsun_project_area .witr_content_pslide_text a {
  display: inline-block;
}

.solarsun_project_area .all_pslides_color p {
  margin: 20px 0 0;
}

.solarsun_project_area .ps1 .witr_content_pslide_text p {
  font-size: 17px;
  font-weight: 400;
  font-family: var(--font-family);
  color: #fff;
}

.solarsun_project_area .witr_pslide_btnb a {
  color: var(--color-primary);
  background-color: #fff;
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  margin: 30px 0 0;
  padding: 12px 20px;
  color: var(--color-primary);
  font-family: var(--font-family);
  font-size: 17px;
  font-weight: 400;
}

.solarsun_project_area .witr_content_pslide_text a {
  display: inline-block;
}

.solarsun_project_area .ps2.ps1 .witr_single_pslide:hover .witr_content_pslide_text {
  top: 25px;
}

.solarsun_project_area .ps1 .witr_single_pslide:hover .witr_content_pslide_text {
  opacity: 1;
  bottom: 30px;
}

.solarsun_project_area .witr_pslide_btnb a:hover {
  color: #fff;
  background: var(--color-second);
  border-style: solid;
  border-color: var(--color-second);
}

.solarsun_project_area .portfolio_nav {
  padding: 0 0 28px;
}

.solarsun_project_area .portfolio_nav ul {}

.solarsun_project_area .portfolio_nav ul li {
  display: inline;
}

.solarsun_project_area .portfolio_nav ul li {
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  margin: 0 5px 10px;
  padding: 10px 20px;
  position: relative;
  transition: .5s;
  border: 1px solid #f3eaea;
}

.solarsun_project_area .prot_wrap {
  overflow: hidden;
}

.solarsun_project_area .single_protfolio {
  position: relative;
  overflow: hidden;
}

.prot_thumb {}

.solarsun_project_area .prot_thumb img {
  display: block;
  transform: scale(1);
  transition: all 0.5s ease 0s;
  width: 100%;
}

.solarsun_project_area .single_protfolio:hover .prot_thumb img {
  transform: scale(1.1);
}

.solarsun_project_area .prot_content {
  position: absolute;
  text-align: center;
  transition: .5s;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 9;
}

.solarsun_project_area .multi_gallery.prot_content {
  height: 90%;
  width: 80%;
  right: 10%;
  top: 5%;
  bottom: 5%;
  left: 10%;
}

.solarsun_project_area .single_protfolio:hover .prot_content {
  opacity: 1;
}

.solarsun_project_area .prot_content h3 {
  margin: 0;
  text-transform: capitalize;
  font-size: 18px;
  margin-bottom: 5px;
}

.solarsun_project_area .prot_content h3 a {
  font-size: 23px;
  font-weight: 700;
  text-transform: capitalize;
  -webkit-transition: .5s;
  transition: .5s;
  color: #fff;
  margin-bottom: 0;
  display: inline-block;
}

.solarsun_project_area .prot_content h3 a:hover {
  color: #4d649f;
}

.solarsun_project_area .prot_content p {
  line-height: 1.2;
  margin: 5px 0 0;
}

.solarsun_project_area .prot_content p span {
  display: inline-block;
  color: #fff;
}

.solarsun_project_area .single_protfolio:hover .prot_content {
  opacity: 1;
  transform: scale(1, 1);
}

.solarsun_project_area .porttitle_inner span,
.solarsun_project_area .porttitle_inner4 span,
.solarsun_project_area .prot_content span {
  position: relative;
  margin: 0 2px;
}

.solarsun_project_area .prot_content span:before,
.solarsun_project_area .porttitle_inner4 span:before,
.solarsun_project_area .porttitle_inner span:before {
  bottom: 0;
  content: ",";
  position: absolute;
  right: -5px;
}

.solarsun_project_area .porttitle_inner span:last-child:before,
.solarsun_project_area .prot_content span:last-child:before,
.solarsun_project_area .porttitle_inner4 span:last-child:before {
  content: "";
}

.solarsun_project_area .nospace.col-xs-12 {
  padding: 0px;
}

.solarsun_project_area .nospace .single_protfolio {
  margin-bottom: 0px;
}

/* load button css */
.solarsun_project_area .gallery_load_button {}

.solarsun_project_area .gallery_load_button a {
  padding: 7px 15px;
  display: inline-block;
  font-size: 17px;
  margin-top: 0px;
}

.solarsun_project_area .prot_wrap.nospace .gallery_load_button a {
  margin-top: 30px;
}

/* single portfolio */
.solarsun_project_area .pimgs img {
  height: 465px;
  width: 100%;
}

.solarsun_project_area .prots-contentg p {}

/*style 1 */
.solarsun_project_area .em_port_content {
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 9;
  left: 0;
  top: -100%;
  width: 100%;
  transition: .5s;
  text-align: center;
}

.solarsun_project_area .pstyle_1 .porttitle_inner h3 {
  padding-bottom: 0px;
}

.solarsun_project_area .pstyle_1 .prot_content p {
  margin: 2px 0 0;
}

.solarsun_project_area .pstyle_1 .single_protfolio {
  -webkit-transition: .5s;
  transition: .5s;
}

.solarsun_project_area .portfolio_readmore_btn {
  padding-top: 23px;
}

.solarsun_project_area .portfolio_readmore_btn>a {
  border-radius: 5px;
  display: inline-block;
  padding: 6px 21px;
  text-transform: uppercase;
  -webkit-transition: .3s;
  transition: .3s;
  border: 1px solid transparent;
}

.solarsun_project_area .pstyle_1 .picon a {
  background: #4d649f;
  border-radius: 5px;
  display: inline-block;
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  margin: 0 8px 11px;
  width: 50px;
  transition: .5s;
  color: #fff;
}

.solarsun_project_area .picon a:hover {
  border-color: #191f2d;
  background: #191f2d;
}

.solarsun_project_area .pstyle4 .prot_thumb {
  overflow: hidden;
  position: relative;
}

.solarsun_project_area .pprotfolio4 {
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.7);
  padding: 17px 10px 20px;
}

.solarsun_project_area .pprotfolio4 {
  padding: 20px 10px 23px;
}

.solarsun_project_area .porttitle_inner4 h3 {
  margin: 0;
}

.porttitle_inner4 h3 a {}

.solarsun_project_area .porttitle_inner4 p {
  margin-bottom: 0;
}

.solarsun_project_area .porttitle_inner4 p span {
  display: inline-block;
}

.solarsun_project_area .portfolio_nav ul li.current_menu_item,
.solarsun_project_area .portfolio_nav ul li:hover {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: #fff;
}

.solarsun_project_area .prot_content {
  background: #4d649f80;
}

.solarsun_project_area .pprotfolio4 {
  box-shadow: 0 10px 16px 0 rgb(0 0 0 / 70%);
  padding: 20px 10px 23px;
  border: 1px solid #f1f1f1;
  border-top: 0 solid #f1f1f1;
}

.solarsun_project_area .portfolio_nav {
  text-align: center;
}

.solarsun_project_area .page-numbers span.current,
.solarsun_project_area .paginations a.current,
.solarsun_project_area .paginations a:hover {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: #fff;
}

.solarsun_project_area ul.page-numbers a.page-numbers {
  box-shadow: 0 10px 40px 0 rgba(50, 65, 141, .12);
}

.solarsun_project_area .page-numbers,
.solarsun_project_area .tutor-pagination-wrap a,
.solarsun_project_area .tutor-pagination-wrap span.page-numbers.current,
.solarsun_project_area a.page-numbers {
  border-radius: 5px;
  margin-right: 10px;
  padding: 15px 24px;
  font-size: 19px;
  line-height: 1;
  -webkit-transition: .5s;
  transition: .5s;
}

.solarsun_project_area .page-numbers span.current,
.solarsun_project_area .paginations a {
  display: inline-block;
  font-weight: 500;
  margin: auto 5px;
}

.solarsun_project_area .paginations a {
  color: #888;
}

.solarsun_project_area .page-numbers li {
  display: inline-block;
}

.solarsun_project_area .paginations {
  text-align: center;
  margin-top: 20px;
}

.solarsun_project_area .portfolio_4column_gutter .single_protfolio {
  margin-bottom: 0px;
}

/* port style 3 */
.solarsun_project_area .em_plus_port {
  position: absolute;
  bottom: 20px;
  right: 30px;
  z-index: 99;
}

.solarsun_project_area .prot_content_inner {
  left: 50%;
  position: absolute;
  top: 60%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  z-index: 10;
  -webkit-transition: all .3s ease-in-out .3s;
  transition: all .3s ease-in-out .3s;
  opacity: 0;
}

.solarsun_project_area .single_protfolio:hover .prot_content_inner {
  top: 50%;
  opacity: 1;
}

.solarsun_project_area .picon a {
  border-radius: 5px;
  display: inline-block;
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  margin: 0 3px 11px;
  width: 50px;
  text-align: center;
  color: #fff;
  background: #4d649f;
}

.solarsun_project_area .picon a:hover {
  border-color: #131313;
  background: #131313;
}

/* style 1 */
.solarsun_project_area .em_port_content {
  height: 100%;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 9;
  left: 0;
  top: -100%;
  width: 100%;
  -webkit-transition: .5s;
  transition: .5s;
  text-align: center;
}

.solarsun_project_area .pstyle_1 .porttitle_inner h3 {
  padding-bottom: 0px;
}

.solarsun_project_area .pstyle_1 .prot_content p {
  margin: 2px 0 0;
}

.solarsun_project_area .pstyle_1 .single_protfolio {
  transition: .5s;
  margin-bottom: 23px;
}

.solarsun_project_area .portfolio_readmore_btn {
  padding-top: 23px;
}

.solarsun_project_area .portfolio_readmore_btn>a {
  border-radius: 5px;
  display: inline-block;
  padding: 6px 21px;
  text-transform: uppercase;
  -webkit-transition: .3s;
  transition: .3s;
  border: 1px solid transparent;
}

.solarsun_project_area .solarsun_portfolio_area .witr_button_area {
  margin: 30px auto 0;
}

.solarsun_project_area .solarsun_portfolio_area .witr_btn {
  padding: 18px 51px;
}

.solarsun_project_area .portfolio_grid_area .portfolio_nav {
  padding: 0px 0 30px;
}


/* ------------------------------------------------- Old Desktop :992 ---------------------------------------------------*/
 @media (min-width: 992px) and (max-width: 1199px) {
	/* project area css */
	.solarsun_project_area .slick-prev {
		left: 810px;
	}
	.solarsun_project_area .witr_content_pslide_text {
		margin: 0;
		padding: 10px 0 20px;
	}
	.solarsun_project_area .ps2.ps1 .witr_content_pslide_text {
		top: -100px;
		left: 20px;
	}
	.solarsun_project_area .all_pslides_color p {
		margin: 0;
	}
	.solarsun_project_area .all_pslides_color h3 a, .all_pslides_color h3 {
		font-size: 22px;
	}
}
/* ------------------------------------------------- Tablet Screen : 768 ---------------------------------------------------*/
 @media (min-width: 768px) and (max-width: 991px) {
	/* project area css */
	.solarsun_project_area .netl_project_area {
		padding: 0;
	}
	.solarsun_project_area .witr_content_pslide_text a {
		font-size: 20px;
	}
	.solarsun_project_area .solarsun_portfolio_area .witr_section_title_inner p {
		width: 90%;
	}
	.solarsun_project_area .positi_3.pprotfolio4 {
		padding: 10px 10px 10px;
	}
    /* single portfolio2 */
  .solarsun_project_area .project_area .slick-prev {
		left: 565px;
	}
  .solarsun_project_area .portfolio-details-box {
         margin-left: 0;
    }
  .solarsun_project_area .pimgs img {
         width: 100%;
    }
  .solarsun_project_area .title_btn a {
		font-size: 15px;
		padding: 15px 26px;
	}
	.solarsun_project_area .solarsun_portfolio_bg_area .witr_section_title_inner.text-left {
		margin-left: -15px;
		margin-right: -15px;
	}
	.solarsun_project_area .solarsun_portfolio_bg_area .title_btn {
		margin-right: -15px;
    }
}