/*css for ajax overlay and hiding the load more button for featured projects page */
.hide {
  display: none;
}

/*for full screen loader*/
.ajax-overlay {
  z-index: 999;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .5);

}

.ajax-overlay:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 5px solid #f3f3f3;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 5px solid #b62930;
  border-radius: 50%;
  width: 50px;
  height: 50px;

}
@-moz-keyframes spin { 100% { -moz-transform: translate(-50%, -50%) rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } }


/*sidebar css on single page*/
.custom-single-project-list {
  background: #3a3a3a;
  color: #fff;
  width: 70%
}

.custom-single-project-list ul{
  list-style: none;
	padding:35px 40px !important;
}
.custom-single-project-list h3{
      background: #fff;
    color: #3a3a3a;
    display: inline-block;
    padding-bottom: 0;
    font-size: 21px!important;
    padding: 2px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: sans-serif !important;
	padding: 4px 20px;
	 margin-bottom: 0.5rem;
}
.custom-single-project-list li {
  list-style: none;
  color: #fff;
  font-size: 23px;
  margin-bottom: 1rem;
  font-weight: 400;
  font-family: sans-serif;
}
.custom-single-project-list li:last-child{
	margin-bottom:0;
}


/*sidebar css end here*/


/*gallery css for single project page*/
.slick-slide{
  height: auto;
}
.custom-portfolio-gallery {
  max-width: 1280px;
  margin: 0 auto;
}

.custom-portfolio-gallery .slick-prev:before,.custom-portfolio-gallery .slick-next:before{
  content: '←';
  background: transparent;
  color: #b6072f;
  font-size: 65px;
  font-family: ETmodules;
  content: "3";
  position: absolute;
}

.custom-portfolio-gallery .slick-prev:before {

  left: -56px;
    transform: rotate(
90deg
);
    height: 100%;
}

.custom-portfolio-gallery .slick-next:before {
  left: 20px;
	    transform: rotate(
-90deg
);
	   height: 100%;
}

.custom-portfolio-gallery iframe{
  width:100%;
  height: 330px;
}
.custom-portfolio-gallery img {
    height: 330px !important;
    width: 100%;
	padding:10px;
}
.featured-project-template-default .single-gallery .custom-portfolio-gallery img {
    padding: 10px !important;
}
.single-gallery .custom-portfolio-gallery img {padding: 15% 5% !important;}
.custom-portfolio-gallery .slick-dots {
	bottom:-75px;
}
.custom-portfolio-gallery .slick-dots li button {

  border: 2px solid #b6072f;
  background: transparent!important;
  border-radius: 0!important;
  width: 45px!important;
  height: 10px!important;
}



.custom-portfolio-gallery .slick-dots li button:before {
  display: none;
}



.custom-portfolio-gallery .slick-dots .slick-active {
  background: #b6072f;
  width: 45px !important;
  height: 13px !important;
}

.custom-portfolio-gallery .slick-dots li {
  width: 45px;
  height: 13px;
}

.slick-lightbox-close:before {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0;
  opacity: 1;
  font-size: 35px;
  font-weight: 800;
  color: #b6072f;
}
/*gallery css end here*/


/*===== Resource List CSS here ======*/
.resource-listing .featured-listing {
       width: 32.33%;
    padding: 0;
    margin: 5px;
}

.resource-listing {
    margin: 10;
    flex-wrap: wrap;
    justify-content: flex-start;
	display:flex;
}


.resource-listing .featured-listing .custom-post {
    margin: 18px 10px 0 0;
	width:100%;
	position:relative;
}
.resource-listing .featured-listing .custom-post img{
	width:100%;
	    width: 100%;
    height: 196px;
    object-fit: cover;
}
.resource-listing .featured-listing .custom-post .common-btn{
	 display: flex;
    justify-content: center;
    max-width: 250px;
    margin: 20px 60px;
	color:#fff;
	    position: absolute;
    bottom: 3%;
}
   .fixed-post-name {
    background: #3a3a3a;
    height: 30px;
    display: flex !important;
    justify-content: center;
    font-size: 20px !important;
	 text-transform:uppercase;
}
.resource-listing .oi-post-title {
       padding: 15px 0;
    min-height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.resource-listing p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    -webkit-box-orient: vertical;
	
}
.resource-listing .project-highlights-list>div {
    min-height: 560px;
}
button#resource-load-more {
    padding: 1.5rem;
}
.resource-listing .featured-listing .custom-post .common-btn:after {
    margin-left: 4em !important;
    top: 15%;
}
@media screen and (max-device-width: 991px) and (orientation: landscape) {
	.resource-listing .project-highlights-list>div {
    min-height: 530px !important;
}
	.resource-listing p {
    margin-bottom: 0 !important;
}
	.resource-listing .featured-listing .custom-post .common-btn{
/* 		    max-width: 150px; */
		    padding: 6px 20px;
	}
}

/*===== Resource List CSS end here ======*/



/*===== Single Resource List CSS here ======*/

.resources-breadcrums {
    margin-top: -3%;
    font-size: 2rem;
    margin-bottom: 2%;
}


.resources-breadcrums i {
    font-size: 20px;
    margin: 0 10px;
}

h1.entry-title.resources-breadcrums-title {
    border-bottom: 5px solid #333333;
    margin-bottom: 10px;
	font-size:3.5rem;
}

.resources-published-date{
    font-size: 2.2rem;
 margin-bottom: 4rem;
}
.resource-template-default.single.single-resource.postid-4967 .et_pb_section.et_pb_section_0.et_section_regular {
    padding-bottom: 0 !important;
}
@media(min-width:1441px){
	.resources-breadcrums, .resources-published-date{
		    font-size:1.5rem;
	}
	
}
/*===== Single Resource List CSS end here ======*/

.responsive-featured-img {
    display: none;
}


@media(max-width:812px){
	.responsive-featured-img img , .responsive-featured-img {
    display: block;
}
	
	.custom-post-1 img{
		display:none;
	}
}