.slider-carosal .pre-wrp, .slider-carosal .next-wrp {
  position: absolute;
  top: 0;
  z-index: 100;
  /*background: rgba(0, 0, 0, 0.1);*/
  color: #fff;
  /*  width: 50%;*/
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.slider-carosal.pre-wrp {
  left: 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.slider-carosal .next-wrp {
  right: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.slider-carosal .view-content
{
width:100%!important;
}
.slider-carosal .view-content .views-row .slide-image
{
position:relative;
}
.slider-carosal .view-content .views-row .featured-title
{    
font-family: 'Quattrocento Sans', sans-serif;
	width:100px;
	height:100px;
	background-color: #000;
	color: #fff;
	position: absolute;
	top: calc(50% - 60px);
	display: flex;
	align-items: center;
	margin: 0 auto;
	left: 0;
	right: 0;
	border-radius:50%;
	white-space: normal;
	text-align: center;
	padding: 5px;
	font-size: 1rem;
	z-index: 2;
	  transition: top .4s ease;
	  font-weight:700;
	
}
.slider-carosal .view-content .views-row .featured-title span
{
  margin:0 auto;
}
.slider-carosal .view-content .views-row:hover .featured-title
{
top:30px;
  transition: top .4s ease;
}
.slider-carosal .view-content .views-row .figure
{
position:relative;
}
.slider-carosal .view-content .views-row:hover .slide-image:after
{
width:100%;
height:100%;
background:rgba(0,0,0,.5);
content:"";
position:absolute;
left:0;
top:0;
}
.slider-carosal .view-content .views-row img
{
width:100%;
width: 100%;

height: 100%;

object-fit: cover;
}
.slider-carosal .view-content .views-row .slide-content .slide-wrap{
position:absolute;
bottom:0;
padding:20px 50px;
}
.slide-image  figure
{
height:100%;
}
.slider-carosal .view-content .views-row .slide-content .slide-wrap
{
color:#fff;
}
.slider-carosal .view-content .views-row .slide-content .slide-wrap .content-title
{
    font-family: 'Quattrocento Sans', sans-serif;
	font-size:1rem;
	    padding-bottom: 10px;
    margin-bottom: 13px;
	position:relative;
	text-transform: capitalize;
}
.content-title:after {
    content: "";
    width: 50px;
    height: 2px;
    position: absolute;
    background: #fff;
    left: 0;
    bottom: 0;
	}
.slider-carosal .view-content .views-row .slide-content .slide-wrap a
{
color:#fff;
font-size:1.5rem;
font-family: 'Abhaya Libre', serif;
font-weight:700;
line-height:1.625rem;
 transition: .5s;
}
.slider-carosal .view-content .views-row .slide-content .slide-wrap a p
{
margin:0;
}
.slider-carosal .view-content .views-row .slide-content .slide-wrap a:hover
{
color:#000;
 transition: 0.5s;
}
.slider-carosal .view-content .views-row .slide-content{
bottom:-100%;
  position: absolute;

  height: 100%;
  transition: bottom .4s ease;
  white-space: normal;
  width:100%;
  z-index:1;
}
.slider-carosal .view-content .views-row:nth-child(n+1) .slide-content
{
  background-color: rgba(252,207,37,.7);
}
.slider-carosal .view-content .views-row:nth-child(2n+1) .slide-content
{
 background-color: rgba(203,55,43,.7);

}
.slider-carosal .view-content .views-row:nth-child(3n+1) .slide-content
{
     background-color: rgba(140,198,63,.7);
}
.slider-carosal .view-content .views-row:hover .slide-image:after {
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.03+0,1+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.03) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.03) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.03) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}
.slider-carosal .view-content .views-row:hover .slide-content {
 
    bottom: 0;
	transition: bottom .4s ease;
  
}

.slider-carosal .carousel-nav.next-nav1 {
  background: url(/themes/custom/MercyCorps//components/homepage-component/homepage-slider/img/slider_right-arrow.png);
  background-repeat: no-repeat;
  background-position: center;
    width: 28px;
    height: 50px;
	margin-right:55px;
	cursor:pointer;
	display:block;
	z-index:1;
	cursor:pointer;
}
.slider-carosal .carousel-nav.next-nav1:hover {
  background: url(/themes/custom/MercyCorps//components/homepage-component/homepage-slider/img/Arrow_Black_Right.png);
  background-repeat: no-repeat;
  background-position: center;

}
.slider-carosal .carousel-nav.prev-nav1 {
  background: url(/themes/custom/MercyCorps//components/homepage-component/homepage-slider/img/slider_left-arrow.png);
  background-repeat: no-repeat;
  background-position: center;
width: 28px;
height: 50px;
margin-left:55px;
cursor:pointer;
	display:block;
	z-index:1;
		cursor:pointer;

}
.slider-carosal .carousel-nav.prev-nav1:hover {
  background: url(/themes/custom/MercyCorps//components/homepage-component/homepage-slider/img/Arrow_Black_Left.png);
  background-repeat: no-repeat;
  background-position: center;

}
/*
main:not(.pages)
{
display:none;
}*/
.slider-carosal
{
position:relative;
   /* height: calc(100vh - 241px);*/
	    overflow: hidden;
}
.slider-carosal .view,
.cycle-carousel-wrap,
.slider-carosal .view-content,
.slider-carosal .view-content .views-row.cycle-slide,
.slider-carosal .view-content .views-row .slide-image
{
height:100%;
}
 .slider-carosal .view-content .views-row.cycle-slide
 {
 display:inline-block!important;
 }
.slider-carosal .view-footer
{

}
/**********************************TEMP*************************************/
@media screen and (min-width: 768px){


}
/**********************************ENDTEMP**********************************/


@media screen and (max-width: 767px){
	.carousel-controls
	{
		display:none;
	}
	.slider-carosal .view-content .views-row .featured-title
	{
		top:10px;
	}
	.slider-carosal .view-content .views-row .slide-content .slide-wrap
	{
		padding:20px 20px;
	}
.page-wrapper .slider-carosal
	{
	height:auto;
	}
.slider-carosal .view-content .views-row:hover .slide-image:after,
.slider-carosal .view-content .views-row .slide-image:after
{
 display:none;
}
.slider-carosal .view-content .views-row .slide-content
{
	bottom: 0;
	position: static;
	background-color: transparent;
	height: 100%;
	transition: bottom .4s ease;
	white-space: normal;
	width: 100%;
	z-index: 1;

}
.slider-carosal .view-content .views-row .slide-image:after,
.slider-carosal .view-content .views-row:hover .slide-image:after
{
	width: 100%;
	height: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.03+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.03) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.03) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.03) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display:block;
}
.slider-carosal .view-content .views-row .featured-title,
.slider-carosal .view-content .views-row:hover .featured-title
{
	top: 20px;
	width:auto;
	background:transparent;
	padding-left:20px;
	font-size:1.125rem;
}
.slider-carosal .view-content .views-row .slide-content .slide-wrap
{
	z-index:1;
	    padding-bottom: 70px;
}
.slider-carosal .view-content .views-row .slide-content .slide-wrap a:hover
{
	color:#fff;
}
.slider-carosal .view-content .views-row .slide-content .slide-wrap a.content-description
{
display:block;
font-size:1.125rem;
    margin-bottom: 10px;
}
.slider-carosal .view-content .views-row .slide-content .slide-wrap a.readmore
{
    font-size: .8125rem;
    display: inline-block!important;
	    font-family: 'Quattrocento Sans', sans-serif;
}
.slider-carosal .view-content .views-row .slide-content .slide-wrap a.readmore:hover
{
color:#27ad06;
}
.slider-carosal .view-content .views-row .featured-title span
{
text-align:center;
    margin: 0 auto;
	    padding: 10px 20px;
    border-radius: 24px;
background: rgba(0,0,0,.5);
}
.slider-carosal .view .views-row {
    height: calc(100vh - 135px);
}
}
@media screen and (max-width: 520px){
.slider-carosal .view-content .views-row img
{
width:auto;
height:100%;
}
}